/* 0.24.45 NEX 游戏卡包：每页都要的少量样式（顶部图标、到账面板、全屏开包层、评论区收藏家名牌） */
.nex262-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:4px;color:inherit;opacity:.85;border-radius:8px;transition:opacity .15s,background-color .15s;text-decoration:none}
.nex262-ico:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}
.nex262-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.nex262-ico svg path{fill:currentColor;stroke:none}
.nex262-ico i{position:absolute;right:-2px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff3b4f;color:#fff;font:700 11px/17px system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--bs-body-bg,#fff)}
.nex262-ico i[hidden]{display:none}

html.nex262-lock,html.nex262-lock body{overflow:hidden!important}
.nex262-frame{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:2147483000;background:#04060a;opacity:0;transition:opacity .28s}
.nex262-frame.in{opacity:1}.nex262-frame.out{opacity:0}

/* 到账面板 */
.nex262-gift{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 16px;background:rgba(2,4,8,.5);animation:nex262f .3s ease-out;
 font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;color:#eef3f8;-webkit-font-smoothing:antialiased}
.nex262-gift.out{opacity:0;transition:opacity .25s}
.nex262-gift *{box-sizing:border-box;margin:0;padding:0}
@keyframes nex262f{from{opacity:0}}
.nex262-gs{position:relative;width:min(760px,100%);border-radius:22px;padding:24px 26px 20px;background:linear-gradient(180deg,#0f1a29,#070b12);border:1px solid rgba(127,230,255,.25);
 box-shadow:0 -10px 60px rgba(31,141,255,.25),0 30px 60px rgba(0,0,0,.7);animation:nex262u .55s cubic-bezier(.2,.9,.25,1)}
@keyframes nex262u{from{transform:translateY(110%)}}
.nex262-gx{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#eef3f8;font:400 22px/1 system-ui,sans-serif;cursor:pointer}
.nex262-gtop{display:flex;gap:24px;align-items:center}
.nex262-gpack{flex:none;width:120px;height:170px;border-radius:16px;display:grid;place-items:center;
 background:radial-gradient(70% 50% at 50% 50%,rgba(127,230,255,.25),transparent 70%),linear-gradient(160deg,#0b1220,#03050a 50%,#0a1a33);box-shadow:0 0 0 4px #0b1a2e,0 0 0 5px rgba(127,230,255,.6),0 0 40px rgba(80,200,255,.5);animation:nex262b 2.4s ease-in-out infinite}
.nex262-gpack.off{filter:grayscale(.8) brightness(.7);animation:none}
.nex262-gpack img{width:76px;height:auto;filter:drop-shadow(0 0 12px rgba(70,200,255,.9))}
@keyframes nex262b{50%{transform:translateY(-6px) rotate(-2deg)}}
.nex262-gtxt h3{font-size:30px;line-height:1.15;font-weight:900;letter-spacing:2px;background:linear-gradient(180deg,#fff,#7fe6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nex262-gtxt p{margin:8px 0 12px;font-size:14px;font-weight:700;color:#8b97a4}.nex262-gtxt p b{color:#7fe6ff}
.nex262-dots{display:flex;gap:5px;flex-wrap:wrap}
.nex262-dots i{width:22px;height:30px;border-radius:6px;border:1px solid rgba(127,230,255,.35);background:rgba(127,230,255,.05)}
.nex262-dots i.on{background:linear-gradient(180deg,#c9f7ff,#1f8dff);border-color:transparent;box-shadow:0 0 10px rgba(80,200,255,.7)}
.nex262-dots i.new{animation:nex262d .6s .35s cubic-bezier(.2,1.6,.4,1) backwards}
@keyframes nex262d{from{transform:translateY(-30px) scale(1.6);opacity:0}}
.nex262-gbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.nex262-btn{display:inline-flex;align-items:center;justify-content:center;font:900 16px/1 "PingFang SC","Microsoft YaHei",system-ui,sans-serif;padding:13px 20px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.14);color:#eef3f8!important;background:rgba(255,255,255,.06);text-decoration:none!important;white-space:nowrap}
.nex262-btn:hover{background:rgba(255,255,255,.1)}
.nex262-btn.main{color:#03121f!important;border:0;background:linear-gradient(180deg,#c9f7ff,#3db0ff)}
.nex262-btn.sm{font-size:14px;padding:10px 14px;flex:none}
.nex262-gfav{display:flex;gap:20px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.nex262-keys{display:flex;align-items:center;gap:8px;flex:none}
.nex262-keys kbd{display:inline-grid;place-items:center;min-width:58px;height:54px;padding:0 12px;border-radius:12px;font:900 20px "PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#eaf6ff;
 background:linear-gradient(180deg,#22344a,#111c2a);border:1px solid rgba(127,230,255,.35);box-shadow:0 5px 0 #070d15,0 0 18px rgba(80,200,255,.25)}
.nex262-keys em{font:900 20px system-ui;color:#8b97a4;font-style:normal}
.nex262-ft{flex:1;min-width:0}
.nex262-ft b{display:block;font-size:18px;font-weight:900;margin-bottom:6px;color:#fff}
.nex262-ft span{font-size:13px;line-height:1.6;font-weight:700;color:#8b97a4}.nex262-ft span b{display:inline;font-size:inherit;color:#7fe6ff;margin:0}
.nex262-ft kbd{font:700 12px system-ui;padding:1px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}
.nex262-ft svg{width:14px;height:14px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2}
.nex262-gfav.ok .nex262-ft b{color:#7fe6ff}
@media (max-width:620px){.nex262-gs{padding:20px 18px 16px}.nex262-gtop{gap:16px;align-items:flex-start}.nex262-gpack{width:80px;height:114px}.nex262-gpack img{width:52px}.nex262-gtxt h3{font-size:22px}
 .nex262-dots i{width:15px;height:22px;border-radius:4px}.nex262-gfav{flex-wrap:wrap;gap:12px}.nex262-btn{padding:12px 16px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.nex262-gs,.nex262-gpack,.nex262-dots i.new,.nex262-gift{animation:none}}

/* 评论区收藏家名牌：数字＝收集到的不同游戏数 */
.nex262-plate{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px 0 3px;margin-left:4px;border-radius:10px;font:700 11px/1 "PingFang SC","Microsoft YaHei",system-ui,sans-serif;vertical-align:middle;text-decoration:none!important;
 color:var(--pt);background:color-mix(in srgb,var(--pt) 10%,transparent);border:1px solid color-mix(in srgb,var(--pb) 70%,transparent);white-space:nowrap}
.nex262-plate i{width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,var(--pt),var(--pb));transform:rotate(-8deg);box-shadow:3px -1px 0 -1px color-mix(in srgb,var(--pb) 60%,transparent)}
.nex262-plate b{font-weight:800;padding-left:5px;border-left:1px solid color-mix(in srgb,var(--pb) 60%,transparent)}
.nex262-plate.lv1{--pt:#c98a12;--pb:#e0a93a}.nex262-plate.lv2{--pt:#d8263f;--pb:#e0283f}.nex262-plate.lv3{--pt:#3a8fb8;--pb:#8fc9e6}.nex262-plate.lv4{--pt:#1f8dff;--pb:#0a4f9e}