*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1923;--bg2:#1a2634;--accent:#ff4655;--text:#ece8e1;--card:#1c2a3a;--border:#2a3a4a;--select:#3b82f6;--deluxe:#22c55e;--premium:#a855f7;--ultra:#eab308;--exclusive:#f97316;--r:8px;--t:0.25s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans SC',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mobile-only{display:none}.sk-pulse{animation:skPulse 1.5s ease-in-out infinite}@keyframes skPulse{0%,100%{opacity:.4}50%{opacity:.8}}#loader{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 24px 40px;z-index:9999;transition:opacity .4s;animation:loaderAutoHide 0s 8s forwards;overflow-y:auto}#loader.hidden{opacity:0;pointer-events:none;animation:none}@keyframes loaderAutoHide{to{opacity:0;pointer-events:none}}.sk-brand-bar{display:flex;align-items:center;gap:12px;margin-bottom:40px;align-self:flex-start}.sk-brand-icon{width:36px;height:36px;border-radius:8px;background:var(--accent);opacity:.6;animation:skPulse 1.5s ease-in-out infinite}.sk-brand-text .sk-line{border-radius:4px;background:var(--border);animation:skPulse 1.5s ease-in-out infinite}.sk-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:36px;width:100%}.sk-avatar{width:90px;height:90px;border-radius:50%;background:var(--border);animation:skPulse 1.5s ease-in-out infinite;margin-bottom:4px}.sk-hero .sk-line{border-radius:4px;background:var(--border);animation:skPulse 1.5s ease-in-out infinite}.sk-cards-row{display:flex;gap:14px;overflow:hidden;width:100%;max-width:700px;margin-bottom:32px}.sk-card{flex:1;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sk-card-img{height:100px;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-card-title{height:14px;margin:10px 12px 0;border-radius:4px;background:var(--border);width:60%;animation:skPulse 1.5s ease-in-out infinite}.sk-card-sub{height:10px;margin:6px 12px 10px;border-radius:4px;background:var(--border);width:40%;opacity:.4;animation:skPulse 1.5s ease-in-out infinite}.sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:500px;margin-bottom:32px}.sk-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--card);border:1px solid var(--border);border-radius:8px}.sk-grid-icon{width:28px;height:28px;border-radius:6px;background:var(--border);animation:skPulse 1.5s ease-in-out infinite}.sk-grid-label{width:40px;height:10px;border-radius:4px;background:var(--border);animation:skPulse 1.5s ease-in-out infinite}.sk-bar-block{width:100%;max-width:500px}.sk-bar-num{width:80px;height:28px;border-radius:4px;background:var(--border);margin-bottom:16px;animation:skPulse 1.5s ease-in-out infinite}.sk-bar-row{height:24px;background:var(--bg2);border-radius:6px;margin-bottom:8px;overflow:hidden}.sk-bar-pill{height:100%;border-radius:6px;background:var(--border);animation:skPulse 1.5s ease-in-out infinite}nav{position:fixed;top:0;left:0;right:0;min-height:60px;background:rgba(15,25,35,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:8px 24px;z-index:1000;flex-wrap:wrap}.brand{font-size:1.1rem;font-weight:700;color:var(--accent);white-space:nowrap}.brand span{color:var(--text);font-weight:400;font-size:.82rem;margin-left:6px}.nl{display:flex;gap:4px;flex-wrap:wrap}.nl a{padding:8px 16px;border-radius:var(--r);color:var(--text);text-decoration:none;font-size:.88rem;transition:all var(--t);cursor:pointer;user-select:none}.nl a:hover,.nl a.active{background:var(--accent);color:#fff}#ham{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}main{padding-top:60px;min-height:100vh}.page{display:none;animation:fi .3s ease}.page.active{display:block}@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;padding:70px 24px 50px;text-align:center;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,70,85,.1),transparent 60%)}.hero .avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent);margin:0 auto 16px;object-fit:cover;display:block;position:relative;box-shadow:0 0 20px rgba(255,70,85,.3)}.hero h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;letter-spacing:2px;margin-bottom:10px;position:relative}.hero .a{color:var(--accent)}.hero p{font-size:1rem;opacity:.65;max-width:460px;margin:0 auto;position:relative}.hero .hl{width:60px;height:3px;background:var(--accent);margin:16px auto;border-radius:2px;position:relative}.new-bundle-card{background:var(--card);border:2px solid var(--accent);border-radius:var(--r);padding:20px 24px;margin:0 24px 24px;max-width:560px;margin-left:auto;margin-right:auto;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 24px rgba(255,70,85,.15)}.new-bundle-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,70,85,.06),transparent 60%)}.nb-img{max-width:200px;max-height:120px;margin:0 auto 12px;display:block;object-fit:contain;position:relative}.nb-badge{display:inline-block;padding:3px 12px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;border-radius:12px;margin-bottom:10px;position:relative}.nb-title{font-size:1.4rem;font-weight:800;margin-bottom:6px;position:relative}.nb-info{font-size:.82rem;opacity:.6;margin-bottom:12px;position:relative}.nb-weapons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px;position:relative}.nb-w{padding:5px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;font-size:.78rem;white-space:nowrap}.nb-note{font-size:.72rem;opacity:.4;position:relative}.nb-goto{margin-top:10px;position:relative}.skin-price{font-size:.68rem;opacity:.6;margin-top:2px;display:flex;gap:6px}.skin-price .sp-vp{color:#d4a843}.skin-price .sp-cn{color:#888}.pass-current{padding:0 24px 24px}.pc-card{background:var(--card);border:2px solid var(--accent);border-radius:var(--r);padding:20px;max-width:600px;margin:0 auto;box-shadow:0 0 20px rgba(255,70,85,.12)}.pc-season{font-size:1.2rem;font-weight:800;margin-bottom:4px}.pc-date{font-size:.8rem;opacity:.5;margin-bottom:14px}.pc-lines{display:flex;flex-direction:column;gap:8px}.pl{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg2);border-radius:6px}.pl-name{font-size:.88rem;font-weight:600}.pl-tier{font-size:.72rem;opacity:.5;margin-left:auto}.pc-extra{margin-top:12px;font-size:.8rem;opacity:.6}.pass-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 24px 40px}.ph-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;transition:border-color var(--t)}.ph-card:hover{border-color:var(--accent)}.ph-season{font-size:.9rem;font-weight:700;margin-bottom:2px}.ph-ep{font-size:.72rem;opacity:.5;margin-bottom:10px}.ph-skin{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.ph-tag{padding:3px 8px;border-radius:10px;font-size:.68rem;font-weight:600}.ph-tag.deluxe{background:rgba(34,197,94,.15);color:var(--deluxe)}.ph-tag.premium{background:rgba(168,85,247,.15);color:var(--premium)}.ph-tag.ultra{background:rgba(234,179,8,.15);color:var(--ultra)}.ph-tag.select{background:rgba(59,130,246,.15);color:var(--select)}.ph-tag.exclusive{background:rgba(249,115,22,.15);color:var(--exclusive)}.social-links{display:flex;justify-content:center;gap:12px;padding:0 24px 20px;position:relative}.social-link{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;background:var(--card);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;transition:all var(--t)}.social-link:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,70,85,.2)}.social-link .si{font-size:1.2rem}.st{font-size:1.3rem;font-weight:700;padding:24px 24px 14px;display:flex;align-items:center;gap:10px}.st .d{width:8px;height:8px;background:var(--accent);border-radius:2px;transform:rotate(45deg)}.st .m{margin-left:auto;font-size:.8rem;color:var(--accent);cursor:pointer;font-weight:400}.hs{display:flex;gap:14px;padding:0 24px 24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hs::-webkit-scrollbar{height:4px}.hs::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.bc{flex:0 0 210px;scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),border-color var(--t)}.bc:hover{transform:translateY(-4px);border-color:var(--accent)}.bc .iw{height:125px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden}.bc .iw img{max-width:92%;max-height:92%;object-fit:contain}.bc .inf{padding:10px 12px}.bc .inf h3{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qn{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:0 24px 24px;max-width:750px;margin:0 auto}.qn a{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px 12px;text-align:center;text-decoration:none;color:var(--text);transition:all var(--t)}.qn a:hover{border-color:var(--accent);transform:translateY(-2px)}.qn a .ic{font-size:1.6rem;margin-bottom:6px;display:block}.qn a .lb{font-size:.85rem;font-weight:600}.overview-wrap{padding:0 24px 24px;max-width:560px;margin:0 auto}.ov-tabs{display:flex;gap:4px;margin-bottom:18px}.ov-tab{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t)}.ov-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.ov-header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.ov-total{font-size:2.2rem;font-weight:800;color:var(--accent);line-height:1}.ov-sync{font-size:.78rem;opacity:.4}.ov-bar-list{display:flex;flex-direction:column;gap:10px}.ov-bar-row{display:flex;align-items:center;gap:10px}.ov-bar-label{font-size:.82rem;font-weight:600;min-width:42px;text-align:right}.ov-bar-track{flex:1;height:28px;background:var(--bg2);border-radius:6px;overflow:hidden;position:relative}.ov-bar-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:.78rem;font-weight:700;color:#fff;min-width:36px}.ov-bar-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.78rem;font-weight:600;opacity:.7}.rand-wrap{padding:0 24px 40px;max-width:1100px;margin:0 auto}.rand-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;transition:all var(--t);cursor:pointer;position:relative}.rand-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.3)}.rand-img{width:200px;min-height:140px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:16px;overflow:hidden}.rand-img img{max-width:100%;max-height:100%;object-fit:contain}.rand-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;justify-content:center}.rand-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700;margin-bottom:8px;width:fit-content}.rand-name{font-size:1.2rem;font-weight:800;margin-bottom:4px}.rand-weapon{font-size:.85rem;opacity:.6;margin-bottom:8px}.rand-actions{display:flex;gap:8px}.rand-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--t)}.rand-btn:hover{border-color:var(--accent);color:var(--accent)}.rand-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.rand-btn.primary:hover{opacity:.85}.rand-refresh{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);border:none;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t)}.rand-refresh:hover{background:var(--accent)}.bp{padding:0 24px 40px}.bpc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;max-width:560px;margin:0 auto;text-align:center}.bpc h3{margin-bottom:6px}.bpc p{opacity:.55;font-size:.88rem;line-height:1.6}.fb{position:sticky;top:60px;background:rgba(15,25,35,.97);backdrop-filter:blur(12px);z-index:101;padding:10px 20px;border-bottom:1px solid var(--border)}.sr{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap}.fb input{flex:1;min-width:180px;padding:9px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.88rem;outline:none;transition:border-color var(--t)}.fb input:focus{border-color:var(--accent)}.fb input::placeholder{color:rgba(236,232,225,.35)}.ct,.rt{display:flex;gap:5px;flex-wrap:wrap}.cb{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;transition:all var(--t);white-space:nowrap}.cb:hover,.cb.active{background:var(--accent);border-color:var(--accent);color:#fff}.rb{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--t);white-space:nowrap}.rb:hover,.rb.active{background:var(--accent);border-color:var(--accent);color:#fff}.ri{font-size:.78rem;opacity:.45;margin-top:6px}.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:20px}.sc{background:var(--card);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),box-shadow var(--t)}.sc:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.sc.t-sel{border-color:#3b82f6}.sc.t-del{border-color:#22c55e}.sc.t-pre{border-color:#a855f7}.sc.t-ult{border-color:#eab308}.sc.t-exc{border-color:#f97316}.sc .iw{height:110px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px}.sc .iw img{max-width:100%;max-height:100%;object-fit:contain}.sc .si{padding:8px 10px}.sc .sn{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc .st2{font-size:.7rem;margin-top:3px;display:flex;align-items:center;gap:4px;opacity:.8}.sc .td{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sc .wt{font-size:.68rem;opacity:.4;margin-top:1px}.bg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:24px}.bg .bc{flex:none}.pg{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px}.pg button{padding:7px 14px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:var(--r);cursor:pointer;transition:all var(--t);font-size:.82rem}.pg button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pg button:disabled{opacity:.3;cursor:not-allowed}.pi{font-size:.82rem;opacity:.5}.sm{text-align:center;padding:50px 24px;opacity:.45}.sm .ic{font-size:2.8rem;margin-bottom:10px}.mo{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s}.mo.show{opacity:1;pointer-events:auto}.md{background:var(--bg2);border:1px solid var(--border);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:mi .3s ease}@keyframes mi{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mx{position:sticky;top:0;float:right;margin:12px 12px 0 0;background:rgba(0,0,0,.6);border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.1rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background var(--t)}.mx:hover{background:var(--accent)}.mi{width:100%;max-height:280px;object-fit:contain;background:var(--bg);padding:16px;display:block}.mb{padding:20px 24px 24px}.mb h2{font-size:1.3rem;margin-bottom:6px}.mb .tb{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:20px;font-size:.78rem;margin-bottom:14px;font-weight:600}.mb .ms{margin-bottom:18px}.mb .ms h3{font-size:.95rem;margin-bottom:8px;color:var(--accent);font-weight:600}.mb video{width:100%;border-radius:var(--r);background:#000;max-height:360px}.cg{display:flex;gap:8px;flex-wrap:wrap}.ci{width:68px;text-align:center}.ci img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.ci span{display:block;font-size:.68rem;margin-top:3px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.li:last-child{border:none}.ln{font-size:.72rem;font-weight:700;color:var(--accent);min-width:42px;text-align:center;background:rgba(255,70,85,.12);padding:3px 6px;border-radius:4px}.ll{font-size:.82rem;flex:1}.bdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}.ch-hero-wrap{position:relative;padding:50px 24px 30px;text-align:center;overflow:hidden}.ch-hero-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,70,85,.08) 0%,rgba(168,85,247,.06) 50%,transparent 80%);animation:chHeroPulse 6s ease-in-out infinite alternate}@keyframes chHeroPulse{0%{opacity:.5}100%{opacity:1}}.ch-hero-wrap h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:1px;position:relative}.ch-hero-wrap .ch-sub{font-size:.92rem;opacity:.5;margin-top:8px;position:relative}.ch-stats-row{display:flex;justify-content:center;gap:24px;margin-top:16px;position:relative}.ch-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.6}.ch-stat .ch-stat-num{font-weight:800;color:var(--accent);font-size:1.1rem}.ch-filter-bar{position:sticky;top:60px;background:rgba(15,25,35,.96);backdrop-filter:blur(14px);z-index:100;padding:14px 24px;border-bottom:1px solid var(--border)}.ch-search-row{display:flex;gap:10px;margin-bottom:10px}.ch-search-input{flex:1;padding:10px 16px 10px 40px;background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;outline:none;transition:all .3s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.ch-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,70,85,.12)}.ch-search-input::placeholder{color:rgba(236,232,225,.3)}.ch-view-toggle{display:flex;gap:4px;background:var(--bg2);border-radius:10px;padding:3px;border:1px solid var(--border)}.ch-view-btn{padding:6px 10px;border:none;background:transparent;color:var(--text);opacity:.5;cursor:pointer;border-radius:7px;transition:all .2s;font-size:.9rem}.ch-view-btn.active{background:var(--accent);opacity:1;color:#fff}.ch-type-row{display:flex;gap:6px;flex-wrap:wrap}.ch-type-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s;white-space:nowrap}.ch-type-pill:hover{border-color:var(--accent);color:var(--accent)}.ch-type-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(255,70,85,.25)}.ch-type-pill .ch-pill-count{opacity:.6;font-weight:400;margin-left:3px}.ch-grid-wrap{padding:20px 24px 40px}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ch-grid.list-view{grid-template-columns:1fr;max-width:900px;margin:0 auto}.ch-grid.list-view .ch-card{flex-direction:row;align-items:center}.ch-grid.list-view .ch-card .ch-preview-wrap{width:120px;height:120px;flex-shrink:0}.ch-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}.ch-card::before{content:'';position:absolute;inset:0;border-radius:14px;opacity:0;transition:opacity .35s;pointer-events:none}.ch-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 20px rgba(255,70,85,.08)}.ch-card:hover::before{opacity:1}.ch-preview-wrap{position:relative;height:160px;background:radial-gradient(ellipse at center,#111820 0%,#0a0e14 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.ch-preview-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.ch-preview-wrap canvas{display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.ch-color-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.ch-type-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:8px;font-size:.65rem;font-weight:700;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px}.ch-body{padding:14px 16px 16px}.ch-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.ch-info{min-width:0;flex:1}.ch-name{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-player{font-size:.78rem;opacity:.5;margin-top:2px;display:flex;align-items:center;gap:4px}.ch-player::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.ch-team-badge{padding:4px 10px;border-radius:10px;font-size:.68rem;font-weight:600;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.ch-code-section{margin-top:10px}.ch-code-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:'SF Mono','Fira Code','Courier New',monospace;font-size:.7rem;color:rgba(236,232,225,.45);word-break:break-all;cursor:pointer;transition:all .25s;position:relative;line-height:1.5}.ch-code-box:hover{border-color:var(--accent);color:rgba(236,232,225,.7);background:rgba(255,70,85,.03)}.ch-code-box::after{content:'点击复制';position:absolute;top:4px;right:8px;font-family:-apple-system,sans-serif;font-size:.6rem;opacity:0;transition:opacity .2s;color:var(--accent)}.ch-code-box:hover::after{opacity:.6}.ch-actions{display:flex;gap:8px;margin-top:10px}.ch-copy-btn{flex:1;padding:8px 0;border:1.5px solid var(--border);background:var(--bg2);color:var(--text);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px}.ch-copy-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(255,70,85,.05);transform:translateY(-1px)}.ch-copy-btn.copied{border-color:#22c55e;color:#22c55e;background:rgba(34,197,94,.08)}.ch-copy-btn.copied::after{content:''}.ch-result-count{font-size:.78rem;opacity:.4;padding:8px 0 0;text-align:right}@media(max-width:768px){.ch-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.ch-grid-wrap{padding:14px 12px 30px}.ch-filter-bar{padding:10px 12px}.ch-preview-wrap{height:140px}.ch-hero-wrap{padding:35px 16px 20px}.ch-stats-row{gap:14px}}@media(max-width:480px){.ch-grid{grid-template-columns:1fr}.ch-preview-wrap{height:160px}}.role-tabs{display:flex;gap:6px;flex-wrap:wrap}.role-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.8rem;cursor:pointer;transition:all var(--t);white-space:nowrap}.role-btn:hover,.role-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:20px}.agent-card{background:var(--card);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.agent-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.3);border-color:var(--accent)}.agent-card .portrait{height:200px;background:var(--bg2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}.agent-card .portrait img{max-height:100%;object-fit:contain}.agent-card .agent-info{padding:10px 12px}.agent-card .agent-name{font-size:.88rem;font-weight:700}.agent-card .agent-role{font-size:.72rem;opacity:.6;margin-top:2px;display:flex;align-items:center;gap:4px}.agent-card .role-icon{width:16px;height:16px;object-fit:contain}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:20px}.map-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.map-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.3)}.map-card .map-splash{height:170px;background:var(--bg2);overflow:hidden;position:relative}.map-card .map-splash img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.map-card:hover .map-splash img{transform:scale(1.05)}.map-card .map-overlay{padding:12px 14px}.map-card .map-name{font-size:1rem;font-weight:700;margin-bottom:3px}.map-card .map-coord{font-size:.72rem;opacity:.45;margin-bottom:6px}.map-card .map-tags{display:flex;gap:6px;flex-wrap:wrap}.map-site-tag{padding:2px 8px;border-radius:10px;font-size:.68rem;font-weight:600;background:rgba(255,70,85,.12);color:var(--accent)}.map-callout-cnt{padding:2px 8px;border-radius:10px;font-size:.68rem;background:rgba(236,232,225,.06);color:rgba(236,232,225,.5)}.map-hero-wrap{position:relative;width:100%;max-height:300px;overflow:hidden}.map-hero-img{width:100%;height:100%;object-fit:cover}.map-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;background:linear-gradient(transparent,rgba(15,25,35,.95))}.map-hero-overlay h2{font-size:1.4rem;font-weight:800;margin-bottom:4px}.map-hero-overlay .map-coord{font-size:.78rem;opacity:.6}.minimap-wrap{text-align:center}.minimap-wrap img{max-width:100%;border-radius:var(--r);border:1px solid var(--border)}.callout-group{margin-bottom:10px}.callout-sr{font-size:.78rem;font-weight:700;color:var(--accent);margin-bottom:4px}.callout-sr.main-site{font-size:.85rem;color:#fff;background:rgba(255,70,85,.1);padding:3px 10px;border-radius:6px;display:inline-block;margin-bottom:6px}.callout-items{display:flex;flex-wrap:wrap;gap:5px}.callout-tag{padding:3px 10px;border-radius:12px;font-size:.72rem;background:var(--bg);border:1px solid var(--border);color:rgba(236,232,225,.7)}.cards-filter-bar{position:sticky;top:60px;background:rgba(15,25,35,.97);backdrop-filter:blur(12px);z-index:100;padding:10px 20px;border-bottom:1px solid var(--border)}.cards-search{flex:1;min-width:180px;padding:9px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.88rem;outline:none;transition:border-color var(--t)}.cards-search:focus{border-color:var(--accent)}.cards-type-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.card-pill{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;transition:all var(--t);white-space:nowrap}.card-pill:hover,.card-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:20px}.nav-search-btn{background:rgba(255,70,85,.08);border:1px solid rgba(255,70,85,.25);color:var(--text);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:6px;transition:all var(--t);white-space:nowrap;opacity:.85;margin-left:auto}.nav-search-btn:hover{border-color:var(--accent);opacity:1;color:var(--accent);background:rgba(255,70,85,.15)}.nav-search-btn .ks{font-size:.65rem;background:var(--bg2);padding:2px 6px;border-radius:4px;opacity:.5;margin-left:4px}.nav-music-btn{padding:8px 12px;border-radius:8px;background:none;border:none;color:var(--text);font-size:1.1rem;cursor:pointer;transition:all var(--t)}.nav-music-btn:hover,.nav-music-btn.active{background:var(--accent)}.nav-group{position:relative}.nav-group>a{display:flex;align-items:center;gap:4px}.nav-group>a .arrow{font-size:.6rem;transition:transform .2s}.nav-group.open>a .arrow{transform:rotate(180deg)}.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:rgba(15,25,35,.98);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r);padding:6px;min-width:120px;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.4)}.nav-group.open .nav-dropdown{display:flex;flex-direction:column;gap:2px}.nav-dropdown a{padding:8px 14px;border-radius:6px;font-size:.84rem;white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown a.active{background:var(--accent);color:#fff}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .2s}.search-overlay.show{opacity:1;pointer-events:auto}.search-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:90%;max-width:620px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.5);animation:searchIn .2s ease}@keyframes searchIn{from{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.search-input-wrap .si{font-size:1.2rem;opacity:.5}.search-input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;outline:none}.search-input::placeholder{color:rgba(236,232,225,.3)}.search-close-btn{background:none;border:none;color:var(--text);opacity:.4;cursor:pointer;font-size:1rem;padding:4px}.search-close-btn:hover{opacity:1;color:var(--accent)}.search-results{overflow-y:auto;padding:8px;flex:1}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 10px 4px;color:var(--accent);opacity:.7}.search-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.search-item:hover,.search-item.active{background:var(--accent)}.search-item .si-icon{width:36px;height:36px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.search-item .si-icon img{width:100%;height:100%;object-fit:contain}.search-item .si-info{flex:1;min-width:0}.search-item .si-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item .si-meta{font-size:.72rem;opacity:.5;margin-top:1px}.search-empty{text-align:center;padding:30px;opacity:.4;font-size:.9rem}.search-hint{padding:10px;text-align:center;font-size:.72rem;opacity:.3;border-top:1px solid var(--border)}.sug-section{padding:12px 14px}.sug-section+.sug-section{border-top:1px solid var(--border)}.sug-title{font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.sug-clear{font-size:.7rem;color:var(--text);opacity:.4;cursor:pointer;font-weight:400}.sug-clear:hover{opacity:1}.sug-tags{display:flex;flex-wrap:wrap;gap:8px}.sug-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.82rem;cursor:pointer;transition:all .2s}.sug-tag:hover{border-color:var(--accent);color:var(--accent)}.sug-tag.hot{background:rgba(255,70,85,.06)}.sug-tag .sug-del{font-size:.65rem;opacity:.3;cursor:pointer;margin-left:2px;padding:0 2px}.sug-tag .sug-del:hover{opacity:1;color:var(--accent)}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(min-width:1200px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.card-item{background:var(--card);border:2px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),border-color var(--t),box-shadow var(--t);position:relative}.card-item:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.3)}.card-thumb{aspect-ratio:3/4;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-item:hover .card-thumb img{transform:scale(1.05)}.card-badge{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:10px;font-size:.6rem;font-weight:700;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);color:rgba(255,255,255,.8)}.card-name{padding:8px 10px;font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s}.card-modal.show{opacity:1;pointer-events:auto}.card-modal-inner{display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;position:relative}.card-modal-nav{display:flex;align-items:center;gap:16px}.card-modal-prev,.card-modal-next{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t);flex-shrink:0}.card-modal-prev:hover,.card-modal-next:hover{background:var(--accent)}.card-modal-img{max-width:70vw;max-height:70vh;object-fit:contain;border-radius:8px}@media(max-width:768px){.card-modal-img{max-width:90vw;max-height:60vh}.card-modal-prev,.card-modal-next{width:36px;height:36px;font-size:1rem}}.card-modal-info{text-align:center;margin-top:16px;color:#fff}.card-modal-info h2{font-size:1.1rem;font-weight:700;margin-bottom:10px}.card-format-btns{display:flex;gap:6px;justify-content:center}.format-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--t)}.format-btn:hover,.format-btn.active{background:var(--accent);border-color:var(--accent)}.card-modal-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.card-modal-close:hover{background:var(--accent)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:20px}.item-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:transform var(--t),border-color var(--t);text-align:center}.item-card:hover{transform:translateY(-3px);border-color:var(--accent)}.item-card .item-img{height:120px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.item-card .item-img img{max-width:100%;max-height:100%;object-fit:contain}.item-card .item-name{padding:8px;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:20px}.title-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;text-align:center;transition:border-color var(--t)}.title-card:hover{border-color:var(--accent)}.title-card .title-text{font-size:.9rem;font-weight:700;color:var(--accent)}.ability-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.ability-item:last-child{border:none}.ability-icon{width:40px;height:40px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ability-icon img{width:100%;height:100%;object-fit:contain}.ability-info{flex:1}.ability-slot{font-size:.68rem;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:2px}.ability-name{font-size:.85rem;font-weight:600}.ability-desc{font-size:.75rem;opacity:.6;margin-top:2px;line-height:1.4}.map-detail-splash{width:100%;max-height:250px;object-fit:cover;border-radius:var(--r) var(--r) 0 0;display:block}@media(max-width:768px){.nl{display:none;position:absolute;top:60px;left:0;right:0;background:rgba(15,25,35,.98);flex-direction:column;padding:8px;border-bottom:1px solid var(--border)}.nl.open{display:flex}#ham{display:block}.nav-search-btn .ks{display:none}.nav-search-btn{padding:6px 10px}.nav-dropdown{position:static;background:var(--bg2);border:none;box-shadow:none;padding-left:16px}.sg{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;padding:12px}.fb{padding:8px 12px}.bg{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;padding:12px}.hero{padding:45px 14px 35px}.qn{grid-template-columns:repeat(2,1fr)}.search-box{max-height:80vh}.sort-wrap{position:static}.sort-menu{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:12px 12px 0 0;max-height:50vh;min-width:0;padding:8px 12px 20px}.sort-opt{padding:12px 16px;font-size:.9rem}}#btt{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:1.2rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(255,70,85,.35);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}#btt.show{opacity:1;transform:translateY(0);pointer-events:auto}#btt:hover{box-shadow:0 4px 20px rgba(255,70,85,.55);transform:translateY(-2px)}#btt.show:hover{transform:translateY(-2px)}@media(max-width:768px){#btt{bottom:16px;right:16px;width:40px;height:40px;font-size:1rem}}@media(min-width:1024px){html{font-size:18px}nav{min-height:68px;padding:8px 40px}.brand{font-size:1.25rem}.brand span{font-size:.92rem}.nl a{padding:10px 20px;font-size:.95rem}.nav-search-btn{padding:7px 16px;font-size:.88rem}main{padding-top:68px}.hero{padding:90px 40px 60px}.hero .avatar{width:120px;height:120px}.hero h1{font-size:clamp(2.2rem,4vw,3.2rem)}.hero p{font-size:1.15rem;max-width:560px}.hero .hl{width:80px;height:4px}.social-links{padding:0 40px 24px}.social-link{padding:10px 24px;font-size:.95rem}.st{font-size:1.5rem;padding:30px 40px 16px}.st .m{font-size:.9rem}.hs{padding:0 40px 30px;gap:18px}.bc{flex:0 0 260px}.bc .iw{height:160px}.bc .inf{padding:14px 16px}.bc .inf h3{font-size:1rem}.qn{grid-template-columns:repeat(6,1fr);gap:14px;padding:0 40px 24px;max-width:960px}.qn a{padding:24px 16px}.qn a .ic{font-size:2rem}.qn a .lb{font-size:1rem}.overview-wrap{padding:0 40px 30px}.ov-header{gap:20px}.ov-total{font-size:2.6rem}.rand-wrap{padding:0 40px 50px}.rand-img{width:260px;min-height:180px}.rand-body{padding:24px 30px}.bp{padding:0 40px 50px}.news-card .news-thumb{width:160px;height:96px}.news-title{font-size:.95rem}.news-meta{font-size:.8rem}.fb{padding:14px 32px}.fb input{padding:11px 18px;font-size:.95rem}.cb,.rb{padding:7px 16px;font-size:.85rem}.ri{font-size:.85rem}.sg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:28px 40px}.sc .iw{height:135px;padding:8px}.sc .si{padding:12px 14px}.sc .sn{font-size:.95rem}.sc .st2{font-size:.78rem}.sc .wt{font-size:.75rem}.bg{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding:28px 40px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding:28px 40px}.agent-card .portrait{height:240px}.agent-card .agent-name{font-size:1rem}.agent-card .agent-role{font-size:.8rem}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;padding:28px 40px}.map-card .map-splash{height:200px}.map-card .map-name{font-size:1.1rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding:28px 40px}.item-card .item-img{height:140px}.item-card .item-name{font-size:.85rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:28px 40px}.card-name{font-size:.88rem;padding:10px 12px}.card-badge{font-size:.68rem}.cards-filter-bar{padding:14px 32px}.cards-search{padding:11px 18px;font-size:.95rem}.card-pill{padding:7px 16px;font-size:.85rem}.titles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:28px 40px}.title-card{padding:18px 20px}.title-card .title-text{font-size:1.05rem}.pass-current{padding:0 40px 30px}.pc-card{padding:28px;max-width:700px}.pc-season{font-size:1.35rem}.pl{padding:10px 16px}.pl-name{font-size:.95rem}.pass-history{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:0 40px 50px}.ph-season{font-size:1rem}.ph-tag{font-size:.75rem}.ch-filter-bar{padding:18px 40px}.ch-search-input{font-size:1rem}.ch-type-pill{padding:8px 18px;font-size:.85rem}.ch-grid-wrap{padding:28px 40px 50px}.ch-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ch-name{font-size:1.1rem}.ch-player{font-size:.85rem}.ch-code-box{font-size:.78rem;padding:10px 14px}.ch-copy-btn{font-size:.88rem;padding:10px 0}.pg{padding:24px}.pg button{padding:9px 18px;font-size:.9rem}.pi{font-size:.9rem}.md{max-width:800px}.mb{padding:24px 30px 30px}.mb h2{font-size:1.5rem}.callout-tag{font-size:.8rem;padding:4px 12px}.news-list-wrap{gap:12px}.news-card{border-radius:var(--r)}.news-body{padding:12px 14px 12px 0}.news-tag{font-size:.68rem;padding:2px 8px}.news-time{font-size:.72rem}}@media(min-width:1440px){html{font-size:18px}.sg{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:30px 60px}.bg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:30px 60px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding:30px 60px}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:30px 60px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding:30px 60px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:30px 60px}.titles-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:30px 60px}.ch-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.qn{max-width:1100px;padding:0 60px 24px}.overview-wrap{padding:0 60px 30px}.rand-wrap{padding:0 60px 50px}.pass-history{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));padding:0 60px 50px}.hero{padding:100px 60px 70px}.st{padding:36px 60px 18px}.hs{padding:0 60px 30px}.bp{padding:0 60px 50px}.qn{padding:0 60px 50px}.fb{padding:16px 48px}.cards-filter-bar{padding:16px 48px}.ch-filter-bar{padding:20px 60px}.ch-grid-wrap{padding:30px 60px 50px}.social-links{padding:0 60px 24px}}.lv-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.lv-header{display:flex;align-items:center;gap:10px;padding:10px 12px}.lv-badge{background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;min-width:36px;text-align:center;flex-shrink:0}.lv-info{flex:1;min-width:0}.lv-name{font-size:.85rem;font-weight:600}.lv-desc{font-size:.7rem;opacity:.5;margin-top:1px}.lv-video-wrap{background:#000;border-top:1px solid var(--border)}.lv-video{width:100%;max-height:200px;display:block}.lv-img-wrap{border-top:1px solid var(--border);text-align:center;background:var(--bg2);padding:8px}.lv-img{max-width:100%;max-height:150px;object-fit:contain}.ch-card-sm{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.ch-sm-inner{display:flex;align-items:center;gap:10px;padding:10px 12px}.ch-swatch{width:28px;height:28px;border-radius:50%;flex-shrink:0;background-size:cover;border:2px solid var(--border)}.ch-sm-img-wrap{width:80px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg2);border-radius:6px}.ch-sm-img{max-width:100%;max-height:100%;object-fit:contain}.ch-sm-info{flex:1;min-width:0}.ch-sm-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list-wrap{display:flex;flex-direction:column;gap:10px}.news-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t);cursor:pointer;text-decoration:none;color:var(--text)}.news-card:hover{border-color:var(--accent)}.news-thumb{width:120px;height:72px;flex-shrink:0;background:var(--bg2);overflow:hidden}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-body{flex:1;padding:8px 10px 8px 0;display:flex;flex-direction:column;justify-content:center;min-width:0}.news-title{font-size:.82rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.news-meta{display:flex;gap:8px;align-items:center;margin-top:4px}.news-tag{padding:1px 6px;border-radius:8px;font-size:.6rem;font-weight:600;background:rgba(255,70,85,.12);color:var(--accent)}.news-time{font-size:.65rem;opacity:.45}@media(max-width:768px){.news-thumb{width:90px;height:56px}}.site-footer{padding:24px 24px 16px;text-align:center;border-top:1px solid var(--border);margin-top:20px}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}.footer-links a{color:var(--accent);text-decoration:none;font-size:.78rem;opacity:.7;transition:opacity var(--t)}.footer-links a:hover{opacity:1}.footer-disclaimer{font-size:.7rem;opacity:.35;line-height:1.6;max-width:600px;margin:0 auto}.music-toggle{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:1.2rem;cursor:pointer;z-index:999;box-shadow:0 4px 16px rgba(255,70,85,.4);transition:all .3s;display:flex;align-items:center;justify-content:center}.music-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(255,70,85,.5)}.music-toggle.active{background:var(--bg2);border:1px solid var(--accent)}.music-panel{position:fixed;bottom:74px;right:20px;width:330px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;z-index:998;box-shadow:0 8px 32px rgba(0,0,0,.5);transition:all .3s;opacity:0;transform:translateY(10px);pointer-events:none}.music-panel.show{opacity:1;transform:translateY(0);pointer-events:auto}.music-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.music-panel-header span{font-size:.82rem;font-weight:600;color:var(--accent)}.music-panel-close{background:none;border:none;color:var(--text);opacity:.5;cursor:pointer;font-size:1rem;padding:2px 6px}.music-panel-close:hover{opacity:1}.music-panel iframe{display:block;border:none}@media(max-width:400px){.music-panel{width:calc(100vw - 40px);right:10px}.music-toggle{right:10px;bottom:10px}.music-panel{bottom:64px}}img[loading="lazy"]{background:var(--bg2);min-height:60px}@media(max-width:768px){.mobile-toolbar{display:none!important}.music-toggle{display:none!important}#btt{display:none!important}.music-panel{top:60px!important;bottom:auto!important;right:8px!important;left:auto!important;width:300px!important;max-width:none!important;border-radius:0 0 12px 12px!important;transform:translateY(-20px)!important}.music-panel.show{transform:translateY(0)!important}main{padding-bottom:0}.compare-bar{bottom:0!important}.nav-mobile-right{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-m-search,.nav-m-music{display:flex!important;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text);font-size:1rem;width:40px;height:40px;border-radius:10px;cursor:pointer;opacity:.75;transition:all .2s}.nav-m-search:hover,.nav-m-music:hover,.nav-m-search:active,.nav-m-music:active{border-color:var(--accent);opacity:1}.nav-music-btn{display:none!important}.nav-search-btn{display:none!important}}@media(min-width:769px){.nav-mobile-right{display:none}.mobile-toolbar{display:none}.music-toggle{display:none!important}#btt{bottom:24px!important;right:80px!important}.music-panel{bottom:78px!important;right:24px!important}}.sk{animation:skPulse 1.5s ease-in-out infinite;background:var(--bg2);border-radius:6px}@keyframes skPulse{0%,100%{opacity:.4}50%{opacity:.7}}.sk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.sk-img{height:110px;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-line{height:12px;background:var(--bg2);border-radius:4px;animation:skPulse 1.5s ease-in-out infinite;margin-bottom:6px}.sk-line.short{width:60%}.sk-line.xs{width:40%;height:10px}.sk-circle{width:32px;height:32px;border-radius:50%;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-hero{height:180px;margin-bottom:20px;border-radius:var(--r);background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-filter{padding:14px 24px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.sk-pill{height:30px;width:70px;border-radius:20px;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-grid{display:grid;gap:14px;padding:20px}.sk-grid.g4{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.sk-grid.g3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.sk-grid.g2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sk-grid.gm{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sk-grid.ga{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sk-row{display:flex;gap:14px;padding:0 24px 24px;overflow-x:hidden}.sk-row .sk-card{flex:0 0 210px}.sk-stat{display:flex;align-items:center;gap:6px}.sk-stat-num{width:40px;height:28px;border-radius:4px;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.sk-stat-label{width:50px;height:14px;border-radius:4px;background:var(--bg2);animation:skPulse 1.5s ease-in-out infinite}.site-footer-stats{padding:24px 24px 16px;max-width:800px;margin:0 auto}.stats-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 28px;text-align:center;flex:1;min-width:180px;max-width:260px;transition:all var(--t)}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,70,85,.15)}.stat-icon{font-size:2rem;margin-bottom:8px;display:block}.stat-number{font-size:2rem;font-weight:800;color:var(--accent);line-height:1.2;margin-bottom:4px}.stat-label{font-size:.8rem;opacity:.5}.like-section{text-align:center;margin-bottom:20px}.like-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;border:2px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none}.like-btn:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 20px rgba(255,70,85,.25)}.like-btn.liked{background:var(--accent);border-color:var(--accent);color:#fff}.like-btn.liked:hover{opacity:.9}.like-btn .heart{font-size:1.4rem;transition:transform .3s}.like-btn:active .heart{transform:scale(1.3)}.like-btn.liked .heart{animation:heartBeat .6s ease}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.15)}100%{transform:scale(1)}}.like-count{font-size:.85rem;opacity:.5;margin-top:8px}.uptime-section{text-align:center;padding:16px 0}.uptime-label{font-size:.85rem;opacity:.5;margin-bottom:8px}.uptime-days{display:flex;align-items:baseline;justify-content:center;gap:4px}.uptime-num{font-size:2.5rem;font-weight:900;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.uptime-unit{font-size:.9rem;opacity:.5}.uptime-detail{font-size:.75rem;opacity:.35;margin-top:6px}.count-up{display:inline-block}@media(max-width:768px){.stats-row{gap:10px}.stat-card{padding:16px 16px;min-width:140px}.stat-number{font-size:1.5rem}.stat-icon{font-size:1.5rem}.like-btn{padding:12px 24px;font-size:.9rem}.uptime-num{font-size:2rem}}body{position:relative}body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(255,70,85,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(168,85,247,.06) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(59,130,246,.04) 0%,transparent 50%),linear-gradient(160deg,#0f1923 0%,#111d2b 40%,#0e1620 100%);pointer-events:none}body::after{content:'';position:fixed;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,70,85,.02) 49px,rgba(255,70,85,.02) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,70,85,.02) 49px,rgba(255,70,85,.02) 50px);pointer-events:none;animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.5}100%{opacity:1}}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(80px);opacity:.12;animation:orbFloat 20s ease-in-out infinite}.bg-orb-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.bg-orb-2{width:300px;height:300px;background:#a855f7;bottom:-50px;right:-50px;animation-delay:-7s}.bg-orb-3{width:250px;height:250px;background:#3b82f6;top:50%;left:60%;animation-delay:-13s}@keyframes orbFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(60px,40px)}50%{transform:translate(-30px,80px)}75%{transform:translate(40px,-20px)}}.wep-hero{padding:40px 24px 20px;text-align:center}.wep-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 24px 12px;align-items:center}.wep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:0 24px 40px}.wep-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t),transform var(--t)}.wep-card:hover{border-color:var(--accent);transform:translateY(-2px)}.wep-top{display:flex;align-items:center;gap:14px;padding:16px 18px 12px;border-bottom:1px solid var(--border)}.wep-icon{width:80px;height:44px;object-fit:contain;flex-shrink:0}.wep-name{font-size:1.1rem;font-weight:700}.wep-meta{display:flex;gap:10px;margin-top:3px;font-size:.72rem;opacity:.55}.wep-stats{padding:14px 18px}.wep-stat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.84rem}.wep-stat-row+.wep-stat-row{border-top:1px solid rgba(255,255,255,.04)}.wep-stat-label{opacity:.6}.wep-stat-val{font-weight:600}.wep-dmg-section{padding:10px 18px 14px;border-top:1px solid var(--border)}.wep-dmg-title{font-size:.75rem;font-weight:700;opacity:.45;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.wep-dmg-table{width:100%;font-size:.78rem;border-collapse:collapse}.wep-dmg-table th{font-weight:600;opacity:.5;text-align:left;padding:3px 6px;font-size:.7rem}.wep-dmg-table td{padding:4px 6px;font-weight:500}.wep-dmg-table tr+tr td{border-top:1px solid rgba(255,255,255,.04)}.wep-range{opacity:.45;font-size:.7rem}.wep-head{color:#ff4655;font-weight:700}.wep-body{color:var(--text)}.wep-leg{color:#f59e0b}.wep-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:rgba(212,168,67,.12);color:#d4a843;border-radius:12px;font-size:.75rem;font-weight:700}.flex-hero{padding:40px 24px 20px;text-align:center}.flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:0 24px 40px}.flex-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color var(--t),transform var(--t)}.flex-card:hover{border-color:var(--accent);transform:translateY(-2px)}.flex-img{height:180px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden}.flex-img img{max-width:80%;max-height:80%;object-fit:contain}.flex-info{padding:12px 14px}.flex-info h3{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(15,25,35,.97);backdrop-filter:blur(12px);border-top:2px solid var(--accent);padding:10px 16px;z-index:900;display:none;align-items:center;gap:10px;animation:slideUp .3s ease}.compare-bar.show{display:flex}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.compare-bar-items{display:flex;gap:8px;flex:1;overflow-x:auto}.compare-bar-item{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:.78rem;white-space:nowrap;flex-shrink:0}.compare-bar-item img{width:28px;height:28px;border-radius:4px;object-fit:contain}.compare-bar-item .cb-rm{cursor:pointer;opacity:.5;font-size:.9rem;margin-left:2px}.compare-bar-item .cb-rm:hover{opacity:1;color:var(--accent)}.compare-bar-go{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.compare-bar-go:disabled{opacity:.4;cursor:not-allowed}.compare-bar-go:not(:disabled):hover{background:#e03e4e}.compare-bar-clear{background:none;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:.78rem;cursor:pointer;white-space:nowrap;flex-shrink:0;opacity:.7}.compare-bar-clear:hover{border-color:var(--accent);opacity:1}.compare-btn-sm{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);border:1px solid var(--border);color:#fff;padding:3px 8px;border-radius:6px;font-size:.68rem;cursor:pointer;z-index:2;opacity:0;transition:opacity .2s}.sc:hover .compare-btn-sm{opacity:1}.compare-btn-sm:hover{background:var(--accent);border-color:var(--accent)}.compare-btn-sm.added{background:var(--accent);border-color:var(--accent);opacity:1}.compare-modal{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1100;display:none;overflow-y:auto;padding:20px}.compare-modal.show{display:block}.compare-modal-inner{max-width:1100px;margin:0 auto}.compare-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:sticky;top:0;background:rgba(15,25,35,.95);backdrop-filter:blur(8px);padding:12px 0;z-index:2}.compare-header h2{font-size:1.2rem;font-weight:700}.compare-header .mx{position:static}.compare-grid{display:grid;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.compare-row{display:grid;border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:none}.compare-cell{padding:12px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.82rem;text-align:center}.compare-cell:last-child{border-right:none}.compare-cell.header{background:var(--bg2);font-weight:700;font-size:.85rem}.compare-cell.label{background:var(--card);font-weight:600;font-size:.78rem;color:var(--accent);justify-content:center}.compare-cell .cc-img{width:100px;height:100px;object-fit:contain;border-radius:8px}.compare-cell .cc-name{font-weight:700;font-size:.9rem;margin-top:4px}.compare-cell .cc-tier{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.68rem;font-weight:700}.compare-cell .cc-check{color:#22c55e;font-weight:700}.compare-cell .cc-cross{color:#ef4444;opacity:.5}.compare-cell .cc-detail{font-size:.72rem;opacity:.6}.compare-cell .cc-video{width:100%;max-width:200px;border-radius:6px}.compare-cell.highlight{background:rgba(255,70,85,.08)}.compare-empty{text-align:center;padding:60px 20px;opacity:.5}.compare-empty h3{font-size:1.1rem;margin-bottom:8px}.compare-add-btn{display:inline-block;margin-top:12px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.compare-add-btn:hover{background:#e03e4e}.compare-modal-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.82rem;margin-top:10px;transition:all var(--t)}.compare-modal-btn:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:768px){.compare-bar{flex-wrap:wrap;padding:10px 14px;gap:8px;bottom:0;z-index:999;border-top-width:3px}.compare-bar-items{order:1;width:100%;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(42,58,74,0.5);padding-bottom:8px;margin-bottom:2px}.compare-bar-item{padding:6px 12px;font-size:0.8rem;min-height:36px;border-radius:10px;gap:8px}.compare-bar-item .cb-rm{padding:4px;font-size:1rem}.compare-bar-go{order:2;flex:1;padding:10px 16px;font-size:0.9rem;border-radius:10px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.compare-bar-clear{order:3;padding:10px 14px;font-size:0.85rem;border-radius:10px;min-height:44px;min-width:60px;border:1.5px solid var(--border)}.compare-skins-row{grid-template-columns:1fr}.compare-skin-card .csc-img{height:140px}.compare-table th,.compare-table td{padding:8px 8px;font-size:.75rem}.compare-chromas-row{grid-template-columns:1fr}.compare-upgrade-row{grid-template-columns:1fr}.compare-video-row{grid-template-columns:1fr}.compare-page{padding:12px 10px 80px}.compare-page-head h1{font-size:1.1rem}.compare-reco-grid{grid-template-columns:repeat(2,1fr)}.compare-bar-go{order:2}.compare-bar-clear{order:3}.compare-cell{padding:8px 10px;font-size:.75rem}.compare-cell .cc-img{width:70px;height:70px}.compare-cell .cc-name{font-size:.78rem}.compare-cell .cc-video{max-width:140px}}.compare-page{max-width:1100px;margin:0 auto;padding:20px 16px 80px}.compare-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.compare-page-head h1{font-size:1.3rem}.compare-back-btn{background:none;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.82rem}.compare-back-btn:hover{border-color:var(--accent);color:var(--accent)}.compare-skins-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.compare-skin-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.compare-skin-card .csc-img{height:180px;display:flex;align-items:center;justify-content:center;background:var(--bg2);padding:12px}.compare-skin-card .csc-img img{max-height:100%;max-width:100%;object-fit:contain}.compare-skin-card .csc-info{padding:12px 16px}.compare-skin-card .csc-name{font-weight:700;font-size:1rem;margin-bottom:4px}.compare-skin-card .csc-meta{font-size:.78rem;opacity:.6}.compare-skin-card .csc-tier{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.68rem;font-weight:700;margin-top:6px}.compare-table{width:100%;border-collapse:collapse;margin-bottom:24px}.compare-table th,.compare-table td{padding:10px 14px;text-align:center;border-bottom:1px solid var(--border);font-size:.85rem}.compare-table th:first-child,.compare-table td:first-child{text-align:left;font-weight:600;color:var(--accent);white-space:nowrap}.compare-table th{background:var(--card);font-size:.78rem;opacity:.7}.compare-table .cc-check{color:#22c55e;font-weight:700}.compare-table .cc-cross{color:#ef4444;opacity:.5}.compare-table .price-winner{color:#22c55e;font-weight:700}.compare-table .price-loser{opacity:.6}.compare-section-title{font-size:1rem;font-weight:700;margin:20px 0 12px;display:flex;align-items:center;gap:8px}.compare-section-title .dot{width:4px;height:16px;border-radius:2px;background:var(--accent)}.compare-chromas-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compare-chromas-col{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px}.compare-chromas-col h4{font-size:.82rem;margin-bottom:8px}.compare-chroma-item{display:inline-flex;align-items:center;gap:6px;margin:0 8px 6px 0;font-size:.78rem}.compare-chroma-swatch{width:20px;height:20px;border-radius:50%;border:1px solid var(--border)}.compare-chroma-img{width:60px;height:60px;border-radius:6px;object-fit:contain;background:var(--bg2)}.compare-upgrade-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compare-upgrade-col{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px}.compare-upgrade-col h4{font-size:.82rem;margin-bottom:10px}.compare-lv{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.compare-lv:last-child{border:none}.compare-lv-badge{background:var(--accent);color:#fff;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap}.compare-lv-name{font-size:.78rem}.compare-lv-desc{font-size:.68rem;opacity:.5}.compare-video-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compare-video-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;overflow:hidden}.compare-video-card video{width:100%;border-radius:8px;max-height:250px}.compare-video-card .no-video{text-align:center;padding:30px;opacity:.4;font-size:.82rem}.compare-reco{margin-top:24px}.compare-reco h3{font-size:.95rem;margin-bottom:12px}.compare-reco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.compare-reco-card{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s}.compare-reco-card:hover{border-color:var(--accent)}.compare-reco-card img{width:100%;height:90px;object-fit:contain;background:var(--bg2);padding:8px}.compare-reco-card .crc-name{padding:6px 10px;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-progress{display:inline-flex;align-items:center;gap:4px;font-size:.78rem}.compare-progress-bar{width:60px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.compare-progress-fill{height:100%;border-radius:3px}@media(max-width:768px){.nl{display:none;position:absolute;top:60px;left:0;right:0;background:rgba(15,25,35,.98);flex-direction:column;padding:8px;border-bottom:1px solid var(--border)}.nl.open{display:flex}.nl a{padding:12px 16px;font-size:.95rem}#ham{display:block;font-size:1.6rem;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-search-btn{padding:10px 14px;font-size:.9rem;min-height:44px;min-width:44px;border-radius:12px;border:2px solid var(--border);opacity:.85}.nav-search-btn:hover,.nav-search-btn:focus{border-color:var(--accent);opacity:1}.nav-search-btn .ks{display:none}.nav-dropdown{position:static;background:var(--bg2);border:none;box-shadow:none;padding-left:16px}.sg{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px;padding:12px}.fb{padding:8px 12px;top:56px;z-index:999}.fb input{padding:10px 14px;font-size:16px}.bg{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.hero{padding:45px 14px 35px}.qn{grid-template-columns:repeat(2,1fr)}.search-box{max-height:85vh;border-radius:10px}nav{flex-wrap:nowrap;min-height:56px;padding:6px 12px;gap:4px}.brand{font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.brand span{display:none}main{padding-top:56px}.search-overlay{padding-top:8vh}.mobile-only{display:block}}@media(min-width:769px){#ham{display:none}}
.sort-wrap{position:relative;display:inline-block}.sort-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.78rem;cursor:pointer;transition:all var(--t);white-space:nowrap;display:flex;align-items:center;gap:4px}.sort-btn:hover,.sort-btn.active{border-color:var(--accent);color:var(--accent)}.sort-btn .arrow{font-size:.5rem;transition:transform .2s}.sort-menu{display:none;position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:4px;min-width:140px;z-index:50;box-shadow:0 8px 24px rgba(0,0,.4);max-height:320px;overflow-y:auto}.sort-menu.show{display:flex;flex-direction:column;gap:2px}.sort-opt{padding:8px 12px;border-radius:6px;font-size:.82rem;cursor:pointer;transition:background .15s;white-space:nowrap}.sort-opt:hover,.sort-opt.active{background:var(--accent);color:#fff}:root[data-theme="light"]{--bg:#f5f5f7;--bg2:#e8e8ec;--accent:#ff4655;--text:#1a1a2e;--card:#ffffff;--border:#d0d0d8;--select:#2563eb;--deluxe:#16a34a;--premium:#9333ea;--ultra:#ca8a04;--exclusive:#ea580c}.theme-toggle{padding:6px 10px;border-radius:8px;background:none;border:1px solid var(--border);color:var(--text);font-size:1rem;cursor:pointer;transition:all var(--t);line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}[data-theme="light"] .sk-pulse{animation-name:skPulseLight}@keyframes skPulseLight{0%,100%{opacity:.3}50%{opacity:.6}}[data-theme="light"] ::-webkit-scrollbar-thumb{background:#bbb}[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme="light"] .hero::before{background:linear-gradient(135deg,rgba(255,70,85,.06),transparent 60%)}

/* === Battle Pass Countdown === */
.bp-countdown-wrap{
  max-width:600px;margin:0 auto 10px;padding:24px;
  background:var(--card);border:2px solid var(--accent);
  border-radius:12px;text-align:center;
  box-shadow:0 0 24px rgba(255,70,85,.12);
  position:relative;overflow:hidden;
}
.bp-countdown-wrap::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,70,85,.06),transparent 60%);
}
.bp-cd-label{font-size:.85rem;font-weight:600;opacity:.6;margin-bottom:14px;position:relative}
.bp-cd-timer{display:flex;justify-content:center;gap:8px;align-items:center;position:relative}
.bp-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:60px}
.bp-cd-num{
  font-size:2.2rem;font-weight:900;color:var(--accent);
  font-variant-numeric:tabular-nums;line-height:1.1;
  background:rgba(255,70,85,.08);border-radius:8px;
  padding:6px 12px;min-width:64px;
}
.bp-cd-txt{font-size:.7rem;opacity:.4;margin-top:4px}
.bp-cd-sep{font-size:1.8rem;font-weight:700;color:var(--accent);opacity:.4;position:relative}
.bp-cd-sub{font-size:.72rem;opacity:.35;margin-top:12px;position:relative}
.bp-cd-link{
  display:inline-block;margin-top:10px;padding:6px 16px;
  border-radius:20px;border:1px solid var(--accent);
  color:var(--accent);font-size:.78rem;font-weight:600;
  cursor:pointer;text-decoration:none;position:relative;
  transition:all .2s;
}
.bp-cd-link:hover{background:var(--accent);color:#fff}
@media(max-width:480px){
  .bp-cd-num{font-size:1.6rem;min-width:50px;padding:4px 8px}
  .bp-cd-unit{min-width:48px}
  .bp-cd-txt{font-size:.65rem;min-width:14px;text-align:center;display:block}
  .bp-cd-sep{font-size:1.4rem}
}

/* === Pass XP Calculator === */
.pass-calc-wrap{padding:0 24px 24px;max-width:700px;margin:0 auto}
.pass-calc-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:20px;overflow:hidden;
}
.pass-calc-header{text-align:center;margin-bottom:16px}
.pass-calc-season{font-size:1.1rem;font-weight:800}

/* ==================== 准星工具增强样式 ==================== */
.crosshair-preview-section{
  background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:20px;margin:0 24px 24px;
  overflow:hidden;
}
.preview-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;flex-wrap:wrap;gap:10px;
}
.preview-header h3{
  font-size:1.1rem;font-weight:800;margin:0;
}
.preview-controls{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.preview-btn{
  padding:6px 14px;border-radius:8px;border:1.5px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.78rem;
  cursor:pointer;transition:all .25s;
}
.preview-btn:hover,.preview-btn.active{
  border-color:var(--accent);color:var(--accent);
  background:rgba(255,70,85,.06);
}
.preview-container{
  position:relative;background:#000;border-radius:8px;
  overflow:hidden;margin-bottom:16px;aspect-ratio:16/9;
}
#crosshairCanvas{
  width:100%;height:100%;display:block;
}
.preview-background-controls{
  position:absolute;top:10px;right:10px;
  display:flex;gap:8px;z-index:10;
}
.bg-upload-btn{
  padding:6px 12px;border-radius:6px;border:1px solid var(--border);
  background:rgba(15,25,35,.9);color:#fff;font-size:.72rem;
  cursor:pointer;transition:all .2s;
}
.bg-upload-btn:hover{
  background:var(--accent);border-color:var(--accent);
}
.bg-select{
  padding:6px 10px;border-radius:6px;border:1px solid var(--border);
  background:rgba(15,25,35,.9);color:#fff;font-size:.72rem;
  cursor:pointer;
}
.preview-code-output{
  background:var(--bg);border:1px solid var(--border);
  border-radius:8px;padding:12px;
}
.code-output-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;
}
.code-output-header span{
  font-size:.8rem;font-weight:600;color:var(--accent);
}
.copy-code-btn{
  padding:4px 10px;border-radius:6px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.7rem;
  cursor:pointer;transition:all .2s;
}
.copy-code-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
#currentCode{
  font-family:'SF Mono','Fira Code','Courier New',monospace;
  font-size:.75rem;color:rgba(236,232,225,.5);
  line-height:1.6;word-break:break-all;margin:0;
}
/* 准星模板库 */
.crosshair-templates-section{
  padding:0 24px 24px;max-width:1200px;margin:0 auto;
}
.templates-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;flex-wrap:wrap;gap:10px;
}
.templates-header h3{
  font-size:1.1rem;font-weight:800;margin:0;
}
.template-filters{
  display:flex;gap:8px;align-items:center;
}
.template-select{
  padding:6px 12px;border-radius:8px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.78rem;
  cursor:pointer;
}
.templates-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:14px;margin-top:12px;
}
.template-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:10px;overflow:hidden;transition:all .3s;
}
.template-card:hover{
  border-color:var(--accent);transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(255,70,85,.15);
}
.template-preview{
  background:#000;aspect-ratio:1/1;display:flex;
  align-items:center;justify-content:center;padding:10px;
}
.template-canvas{
  width:100%;height:100%;
}
.template-info{
  padding:12px;
}
.template-name{
  font-size:.9rem;font-weight:700;margin-bottom:4px;
}
.template-author{
  font-size:.72rem;opacity:.5;margin-bottom:8px;
}
.template-tags{
  display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px;
}
.template-tag{
  padding:2px 8px;border-radius:10px;font-size:.65rem;
  font-weight:600;background:rgba(59,130,246,.12);
  color:var(--select);
}
.template-actions{
  display:flex;gap:6px;padding:10px 12px;
  border-top:1px solid var(--border);
}
.template-btn{
  flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.72rem;
  font-weight:600;cursor:pointer;transition:all .2s;
}
.template-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
.template-btn.favorite-btn{
  flex:none;width:36px;
}
.template-btn.favorite-btn.favorited{
  color:#ef4444;
}
/* 代码解析器 */
.code-parser-section{
  background:var(--card);border:1px solid var(--border);
  border-radius:10px;padding:16px;margin:0 24px 24px;
}
.code-parser-section h3{
  font-size:1rem;font-weight:800;margin-bottom:12px;
}
.parser-container{
  display:flex;flex-direction:column;gap:10px;margin-bottom:12px;
}
.parser-input{
  width:100%;min-height:80px;padding:10px 12px;
  background:var(--bg);border:1px solid var(--border);
  border-radius:8px;color:var(--text);font-size:.8rem;
  font-family:'SF Mono','Fira Code','Courier New',monospace;
  resize:vertical;outline:none;
}
.parser-input:focus{
  border-color:var(--accent);
}
.parse-btn{
  padding:8px 16px;border-radius:8px;border:1.5px solid var(--accent);
  background:var(--accent);color:#fff;font-size:.8rem;
  font-weight:700;cursor:pointer;transition:all .2s;align-self:flex-start;
}
.parse-btn:hover{
  background:#e03e4e;
}
.parser-result{
  display:block;
}
.parser-result h4{
  font-size:.85rem;font-weight:700;margin-bottom:10px;
}
.parsed-params{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:8px;
}
.param-item{
  background:var(--bg);border:1px solid var(--border);
  border-radius:6px;padding:8px 10px;
}
.param-key{
  font-size:.72rem;opacity:.5;margin-bottom:4px;
}
.param-value{
  font-size:.82rem;font-weight:600;color:var(--accent);
}
/* ==================== 地图工具增强样式 ==================== */
.map-interactive-section{
  background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:16px;margin:0 24px 24px;
  overflow:hidden;
}
.map-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;flex-wrap:wrap;gap:10px;
}
.map-header h3{
  font-size:1.1rem;font-weight:800;margin:0;
}
.map-controls{
  display:flex;gap:6px;align-items:center;
}
.map-select{
  padding:6px 12px;border-radius:8px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.78rem;
  cursor:pointer;
}
.map-control-btn{
  width:32px;height:32px;border-radius:6px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:1rem;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.map-control-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
.map-workspace{
  display:flex;flex-direction:column;gap:12px;
}
.map-toolbar{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  padding:8px;background:var(--bg);border-radius:8px;
}
.tool-group,.color-group,.annotation-group{
  display:flex;gap:4px;padding-right:8px;border-right:1px solid var(--border);
}
.tool-group:last-child,.color-group:last-child,.annotation-group:last-child{
  border-right:none;
}
.tool-btn,.color-btn,.annotation-btn{
  width:32px;height:32px;border-radius:6px;border:1.5px solid var(--border);
  background:var(--bg2);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .2s;font-size:1rem;
}
.tool-btn:hover,.color-btn:hover,.annotation-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
.tool-btn.active,.color-btn.active{
  border-color:var(--accent);background:var(--accent);color:#fff;
}
.color-btn{
  width:24px;height:24px;border:2px solid var(--border);
}
.map-canvas-container{
  position:relative;background:#000;border-radius:8px;
  overflow:hidden;aspect-ratio:16/9;
}
#mapCanvas{
  width:100%;height:100%;display:block;cursor:crosshair;
}
.map-layer-controls{
  position:absolute;top:10px;right:10px;
  background:rgba(15,25,35,.9);padding:6px 10px;
  border-radius:6px;display:flex;flex-direction:column;gap:4px;
}
.layer-toggle{
  display:flex;align-items:center;gap:6px;
  font-size:.7rem;color:rgba(255,255,255,.8);cursor:pointer;
}
.layer-toggle input{
  accent-color:var(--accent);
}
.map-actions{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;
}
.map-action-btn{
  padding:8px 16px;border-radius:8px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.78rem;
  font-weight:600;cursor:pointer;transition:all .2s;
}
.map-action-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
/* 地图战术模板 */
.map-templates-section{
  padding:0 24px 24px;max-width:1200px;margin:0 auto;
}
.templates-header h3{
  font-size:1.1rem;font-weight:800;margin:0;
}
.tactics-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:14px;margin-top:12px;
}
.tactic-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:10px;overflow:hidden;transition:all .3s;
}
.tactic-card:hover{
  border-color:var(--accent);transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(255,70,85,.15);
}
.tactic-preview{
  background:#000;aspect-ratio:16/9;display:flex;
  align-items:center;justify-content:center;padding:10px;
}
.tactic-canvas{
  width:100%;height:100%;
}
.tactic-info{
  padding:12px;
}
.tactic-name{
  font-size:.9rem;font-weight:700;margin-bottom:6px;
}
.tactic-meta{
  display:flex;gap:8px;align-items:center;margin-bottom:6px;
}
.tactic-map{
  padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:600;
  background:rgba(59,130,246,.12);color:var(--select);
}
.tactic-type{
  padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:600;
  background:rgba(34,197,94,.12);color:var(--deluxe);
}
.tactic-author{
  font-size:.72rem;opacity:.5;
}
.tactic-actions{
  display:flex;gap:6px;padding:10px 12px;
  border-top:1px solid var(--border);
}
.tactic-btn{
  flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--border);
  background:var(--bg2);color:var(--text);font-size:.72rem;
  font-weight:600;cursor:pointer;transition:all .2s;
}
.tactic-btn:hover{
  border-color:var(--accent);color:var(--accent);
}
.tactic-btn.save-tactic.favorited{
  color:#ef4444;
}
/* 移动端优化 */
@media(max-width:768px){
  .crosshair-templates-section,.map-templates-section{
    padding:0 12px 20px;
  }
  .templates-grid,.tactics-grid{
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:10px;
  }
  .map-workspace{
    gap:8px;
  }
  .map-toolbar{
    flex-wrap:wrap;
  }
  .tool-group,.color-group,.annotation-group{
    border-right:none;padding-right:0;
  }
  .map-actions{
    gap:6px;
  }
  .map-action-btn{
    padding:6px 12px;font-size:.72rem;
  }
  .preview-header,.templates-header,.map-header{
    flex-direction:column;align-items:flex-start;gap:8px;
  }
  .preview-controls,.template-filters,.map-controls{
    width:100%;justify-content:flex-start;
  }
}
.pass-calc-dates{font-size:.75rem;opacity:.4;margin-top:2px}
.pass-calc-form{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.pass-calc-field{flex:1;min-width:140px}
.pass-calc-field label{display:block;font-size:.75rem;font-weight:600;opacity:.5;margin-bottom:4px}
.pass-calc-field input{
  width:100%;padding:10px 12px;background:var(--bg2);
  border:1px solid var(--border);border-radius:8px;
  color:var(--text);font-size:1rem;font-weight:700;
  outline:none;transition:border-color .2s;
}
.pass-calc-field input:focus{border-color:var(--accent)}
.pass-calc-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px}
.pass-calc-result-card{
  display:flex;align-items:center;gap:10px;
  padding:12px;background:var(--bg2);border-radius:8px;
  border:1px solid var(--border);
}
.pass-calc-result-card.accent{border-color:var(--accent);background:rgba(255,70,85,.05)}
.pass-calc-r-icon{font-size:1.4rem}
.pass-calc-r-label{font-size:.68rem;opacity:.5}
.pass-calc-r-val{font-size:1.1rem;font-weight:800;color:var(--accent)}
.pass-calc-result-card.accent .pass-calc-r-val{color:var(--accent)}
.pass-calc-progress-bar{
  height:24px;background:var(--bg2);border-radius:12px;
  overflow:hidden;position:relative;margin-bottom:12px;
}
.pass-calc-progress-fill{
  height:100%;border-radius:12px;
  background:linear-gradient(90deg,var(--accent),#e03e4e);
  transition:width .5s cubic-bezier(.25,.8,.25,1);
  min-width:0;
}
.pass-calc-progress-text{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.pass-calc-xp-table-toggle{
  text-align:center;font-size:.78rem;opacity:.5;
  cursor:pointer;padding:8px 0;transition:opacity .2s;
}
.pass-calc-xp-table-toggle:hover{opacity:1;color:var(--accent)}
.pass-calc-xp-table{
  max-height:300px;overflow-y:auto;margin-top:8px;
  border:1px solid var(--border);border-radius:8px;
}
.pass-calc-xp-table table{width:100%;border-collapse:collapse;font-size:.78rem}
.pass-calc-xp-table th{
  position:sticky;top:0;background:var(--card);
  padding:6px 10px;text-align:left;font-weight:700;
  border-bottom:2px solid var(--border);font-size:.72rem;opacity:.6;
}
.pass-calc-xp-table td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.04)}
.pass-calc-xp-table tr:hover td{background:rgba(255,70,85,.03)}
.pass-calc-xp-table .xp-highlight td{background:rgba(255,70,85,.08);font-weight:700}

/* === Mobile Experience Enhancements === */

/* A. Image performance on mobile */
@media (max-width: 768px) {
  .bc .iw img {
    content-visibility: auto;
  }
  .hs {
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
  }
}

/* B. Dropdown touch targets */
@media (max-width: 768px) {
  .nav-dropdown a {
    padding: 14px 16px;
    font-size: 0.95rem;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

/* C. Search box mobile adjustment */
@media (max-width: 768px) {
  .search-overlay {
    padding-top: 4vh;
    align-items: flex-start;
  }
  .search-box {
    max-height: 85vh;
    width: 94%;
    border-radius: 12px;
  }
  .search-input {
    font-size: 16px;
  }
}

/* D. Compare bar mobile */
@media (max-width: 768px) {
  .compare-bar {
    bottom: 0 !important;
    z-index: 99;
    padding: 8px 12px;
  }
  .compare-bar-items {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .compare-bar-item {
    min-width: max-content;
    padding: 6px 12px;
    min-height: 40px;
  }
}

/* === Compact Hero - Identity Bar === */
.hero-compact{
  padding:12px 24px 8px!important;
  text-align:left!important;
  min-height:0!important;
}
.hero-compact::before{display:none!important}
.hero-identity{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.hero-compact .avatar{
  width:42px!important;
  height:42px!important;
  border-width:2px!important;
  margin:0!important;
  box-shadow:0 0 10px rgba(255,70,85,.2)!important;
}
.hero-compact .social-links{
  margin:0!important;
  padding:0!important;
  position:relative!important;
}
.hero-compact .social-link{
  font-size:.75rem!important;
  padding:5px 12px!important;
}

@media(min-width:1024px){
  .hero-compact{padding:14px 40px 8px!important}
  .hero-compact .avatar{width:48px!important;height:48px!important}
  .hero-compact .social-link{font-size:.8rem!important;padding:6px 14px!important}
}

/* ===== Game Modes Page ===== */
.gm-wrap{max-width:1200px;margin:0 auto;padding:16px 20px 40px}
.gm-list{display:flex;flex-direction:column;gap:12px}
.gm-card{display:flex;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .2s}
.gm-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,70,85,.08)}
.gm-icon{width:64px;height:64px;border-radius:10px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.gm-icon img{width:48px;height:48px;object-fit:contain}
.gm-body{flex:1;min-width:0}
.gm-name{font-size:1rem;font-weight:700;margin-bottom:4px}
.gm-desc{font-size:.82rem;opacity:.6;line-height:1.5;margin-bottom:8px}
.gm-tags{display:flex;gap:6px;flex-wrap:wrap}
.gm-tag{font-size:.7rem;padding:2px 8px;border-radius:6px;background:var(--bg2);border:1px solid var(--border);opacity:.7}

/* ===== Seasons Page ===== */
.ss-wrap{max-width:900px;margin:0 auto;padding:16px 20px 40px}
.ss-timeline{position:relative;padding-left:28px}
.ss-timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}
.ss-episode{position:relative;margin-bottom:20px}
.ss-ep-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.ss-ep-dot{position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--border);border:3px solid var(--bg);z-index:1}
.ss-current .ss-ep-dot{background:var(--accent);box-shadow:0 0 8px rgba(255,70,85,.4)}
.ss-ep-name{font-size:1rem;font-weight:800}
.ss-ep-date{font-size:.78rem;opacity:.5}
.ss-current .ss-ep-name{color:var(--accent)}
.ss-acts{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.ss-act{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--card);border:1px solid var(--border);position:relative}
.ss-act-dot{position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--border)}
.ss-current .ss-act-dot{background:var(--accent)}
.ss-current .ss-act{border-color:var(--accent);background:rgba(255,70,85,.04)}
.ss-act-name{font-size:.85rem;font-weight:600}
.ss-act-date{font-size:.72rem;opacity:.5}

/* ===== Competitive Tiers Page ===== */
.cp-wrap{max-width:1200px;margin:0 auto;padding:16px 20px 40px}
.cp-divisions{display:flex;flex-direction:column;gap:20px}
.cp-division{}
.cp-div-name{font-size:1rem;font-weight:800;margin-bottom:10px;padding-left:4px}
.cp-div-tiers{display:flex;gap:12px;flex-wrap:wrap}
.cp-tier-card{background:var(--card);border:2px solid var(--border);border-radius:12px;padding:16px;text-align:center;width:110px;transition:all .2s}
.cp-tier-card:hover{border-color:var(--tier-color,var(--accent));transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.cp-tier-icon{width:72px;height:72px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}
.cp-tier-icon img{width:100%;height:100%;object-fit:contain}
.cp-tier-name{font-size:.78rem;font-weight:700}

@media(max-width:768px){
  .gm-card{flex-direction:column;gap:10px}
  .gm-icon{width:48px;height:48px}
  .gm-icon img{width:36px;height:36px}
  .ss-acts{padding-left:10px}
  .cp-div-tiers{gap:8px}
  .cp-tier-card{width:calc(33% - 6px);padding:10px}
  .cp-tier-icon{width:52px;height:52px}
  .cp-tier-name{font-size:.7rem}
}
@media(max-width:480px){
  .cp-tier-card{width:calc(50% - 4px)}
}
/* Missions Page */
.ms-wrap{max-width:800px;margin:0 auto;padding:0 12px}
.ms-tabs{display:flex;gap:8px;margin-bottom:16px}
.ms-tab{padding:8px 20px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;font-size:.85rem;transition:.2s}
.ms-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}
.ms-tab:hover{border-color:var(--accent)}
.ms-header-row{display:flex;align-items:center;padding:10px 16px;border-bottom:2px solid var(--border);font-size:.75rem;color:var(--text);opacity:.5;text-transform:uppercase;letter-spacing:.5px}
.ms-h-name{flex:1}.ms-h-req{width:80px;text-align:center}.ms-h-xp{width:110px;text-align:right}
.ms-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}
.ms-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);transition:.15s}
.ms-row:last-child{border-bottom:none}
.ms-row:hover{background:var(--accent);background:rgba(255,70,85,.06)}
.ms-icon{font-size:1.2rem;margin-right:12px;width:28px;text-align:center}
.ms-name{flex:1;font-size:.9rem;font-weight:500}
.ms-req{width:80px;text-align:center;font-size:.9rem;font-weight:600;color:var(--accent)}
.ms-xp{width:110px;text-align:right;font-size:.85rem;font-weight:600;color:#d4a843}
.ms-footer{text-align:right;font-size:.8rem;opacity:.6;margin-top:10px;padding-right:4px}
@media(max-width:600px){
  .ms-header-row{font-size:.65rem;padding:8px 12px}
  .ms-h-req{width:60px}.ms-h-xp{width:80px}
  .ms-row{padding:10px 12px}
  .ms-req{width:60px;font-size:.8rem}
  .ms-xp{width:80px;font-size:.78rem}
  .ms-name{font-size:.82rem}
}
/* === 新增：武器/装备切换Tab === */
.wep-type-tabs{display:flex;gap:8px;justify-content:center;padding:0 24px 16px}
.wep-type-tab{padding:8px 24px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--text);font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s}
.wep-type-tab:hover{border-color:var(--accent);color:var(--accent)}
.wep-type-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px rgba(255,70,85,.25)}
/* === 新增：护甲卡片 === */
.gear-grid{padding:0 24px 40px}
.gear-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gear-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;gap:16px;padding:20px;transition:border-color var(--t),transform var(--t)}
.gear-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.gear-icon-wrap{width:64px;height:64px;border-radius:12px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.gear-icon{width:48px;height:48px;object-fit:contain}
.gear-body{flex:1;min-width:0}
.gear-name{font-size:1.05rem;font-weight:700;margin-bottom:4px}
.gear-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:rgba(212,168,67,.12);color:#d4a843;border-radius:12px;font-size:.75rem;font-weight:700;margin-bottom:6px}
.gear-desc{font-size:.78rem;opacity:.6;line-height:1.5;margin-bottom:8px}
.gear-details{display:flex;flex-direction:column;gap:4px}
.gear-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.82rem;border-top:1px solid rgba(255,255,255,.04)}
.gear-detail-row:first-child{border-top:none}
.gear-detail-label{opacity:.5;font-weight:600}
.gear-detail-val{font-weight:700;color:var(--accent)}
/* === 新增：契约页面 === */
.cx-wrap{padding:0 0 40px}
.cx-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:0 24px 16px}
.cx-tab{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.cx-tab:hover{border-color:var(--accent);color:var(--accent)}
.cx-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}
.cx-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;padding:0 24px}
.cx-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t)}
.cx-card:hover{border-color:var(--accent)}
.cx-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.cx-icon{width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0}
.cx-info{flex:1;min-width:0}
.cx-name{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-meta{font-size:.72rem;opacity:.5;margin-top:2px}
.cx-chapters{padding:10px 16px}
.cx-chapter{margin-bottom:8px}
.cx-chapter:last-child{margin-bottom:0}
.cx-ch-label{font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:4px;opacity:.7}
.cx-levels{display:flex;gap:6px;flex-wrap:wrap}
.cx-level{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);font-size:.7rem;white-space:nowrap}
.cx-lv-icon{font-size:.8rem}
.cx-lv-xp{opacity:.6;font-weight:600}
.cx-more{opacity:.4;cursor:default}
/* === 新增：货币页面 === */
.cu-wrap{padding:0 0 40px}
.cu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:0 24px}
.cu-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px;display:flex;gap:16px;transition:border-color var(--t),transform var(--t)}
.cu-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.cu-icon-wrap{width:56px;height:56px;border-radius:12px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.cu-icon{width:44px;height:44px;object-fit:contain}
.cu-body{flex:1;min-width:0}
.cu-name{font-size:1rem;font-weight:700;margin-bottom:2px}
.cu-en{font-size:.72rem;opacity:.4;margin-bottom:6px}
.cu-desc{font-size:.78rem;opacity:.6;line-height:1.5;margin-bottom:8px}
.cu-tags{display:flex;gap:6px;flex-wrap:wrap}
.cu-tag{padding:3px 10px;border-radius:10px;font-size:.7rem;font-weight:600}
.cu-tag.obtain{background:rgba(34,197,94,.12);color:#22c55e}
.cu-tag.use{background:rgba(168,85,247,.12);color:#a855f7}
@media(max-width:768px){
  .cx-list{grid-template-columns:1fr;padding:0 12px}
  .cu-grid{grid-template-columns:1fr;padding:0 12px}
  .gear-cards{grid-template-columns:1fr}
  .cx-tabs{padding:0 12px 12px}
  .wep-type-tabs{padding:0 12px 12px}
}

/* === Filter Banner === */
.filter-banner{
  display:flex;align-items:center;gap:12px;
  padding:10px 16px;margin:8px 0;
  background:var(--accent,#ff4655)11;
  border:1px solid var(--accent,#ff4655)33;
  border-radius:10px;font-size:.82rem;
}
#filter-banner-text{color:var(--accent,#ff4655);font-weight:600;}
.filter-banner-clear{
  margin-left:auto;background:transparent;border:1px solid var(--border);
  color:var(--text);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.78rem;
  opacity:.7;transition:opacity .2s;
}
.filter-banner-clear:hover{opacity:1;}

/* === Search Modal === */
#searchOverlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);
  display:none;align-items:flex-start;justify-content:center;padding-top:10vh;}
#searchOverlay.show{display:flex;}
.search-modal{
  width:90%;max-width:580px;background:var(--card,#1a1a2e);border-radius:14px;
  border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5);
  display:flex;flex-direction:column;max-height:70vh;overflow:hidden;
}
.search-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);}
.search-input{
  flex:1;background:var(--bg2,#111);border:1px solid var(--border);border-radius:8px;
  padding:10px 14px;color:var(--text);font-size:1rem;outline:none;
  transition:border-color .2s;
}
.search-input:focus{border-color:var(--accent,#ff4655);}
.search-input::placeholder{color:var(--text);opacity:.4;}
.search-close-btn{
  background:transparent;border:none;color:var(--text);font-size:1.2rem;
  cursor:pointer;opacity:.5;padding:4px 8px;transition:opacity .2s;
}
.search-close-btn:hover{opacity:1;}
.search-results{flex:1;overflow-y:auto;padding:8px;min-height:120px;}
.search-hint,.search-empty{text-align:center;padding:40px 20px;opacity:.4;font-size:.9rem;}
.search-item{
  display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;
  cursor:pointer;transition:background .15s;
}
.search-item:hover{background:var(--bg2,#111);}
.search-item-img{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg2);}
.search-item-img img{width:100%;height:100%;object-fit:contain;}
.search-item-info{flex:1;min-width:0;}
.search-item-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-item-name mark{background:var(--accent,#ff4655)33;color:var(--accent,#ff4655);border-radius:2px;padding:0 2px;}
.search-item-sub{font-size:.75rem;opacity:.5;margin-top:2px;}
.search-tier{display:inline-block;padding:1px 6px;border-radius:6px;font-size:.62rem;font-weight:700;margin-left:4px;}
.search-footer{
  display:flex;gap:16px;justify-content:center;padding:10px;border-top:1px solid var(--border);
  font-size:.72rem;opacity:.4;
}

/* === Donut Chart === */
.ov-donut-wrap{display:flex;align-items:center;gap:24px;padding:16px 0;flex-wrap:wrap;justify-content:center;}
.ov-donut{
  width:180px;height:180px;border-radius:50%;position:relative;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.ov-donut-center{
  width:100px;height:100px;border-radius:50%;background:var(--card,#1a1a2e);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:1.6rem;font-weight:700;
}
.ov-donut-center small{font-size:.65rem;opacity:.5;font-weight:400;}
.ov-donut-legend{display:flex;flex-direction:column;gap:8px;}
.ov-legend-item{display:flex;align-items:center;gap:8px;font-size:.82rem;}
.ov-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.ov-legend-name{min-width:40px;}
.ov-legend-val{opacity:.6;margin-left:auto;}

@media(max-width:600px){
  .search-modal{width:96%;max-height:80vh;margin-top:4vh;}
  .ov-donut{width:140px;height:140px;}
  .ov-donut-center{width:80px;height:80px;font-size:1.3rem;}
  .filter-banner{flex-wrap:wrap;font-size:.78rem;}
}

/* === Hero Combined: Pass Countdown + Latest Bundle === */
.hero-combined{display:flex;flex-direction:column;gap:0}
.hc-left,.hc-right{width:100%}
@media(min-width:900px){
  .hero-combined{
    flex-direction:row;
    max-width:1200px;
    margin:0 auto 10px;
    background:var(--card);
    border:2px solid var(--accent);
    border-radius:var(--r);
    overflow:hidden;
    box-shadow:0 0 24px rgba(255,70,85,.12);
    position:relative;
  }
  .hero-combined::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(255,70,85,.04),transparent 60%);
    pointer-events:none;z-index:0;
  }
  .hero-combined>div{position:relative;z-index:1}
  .hc-left{flex:0 0 45%;padding:16px 0;display:flex;flex-direction:column;align-items:center}
  .hc-right{flex:1;padding:16px 0;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center}
  .hc-left .st,.hc-right .st{padding:0 20px 12px}
  .hc-left .bp-countdown-wrap{margin:0 20px;padding:20px}
  .hc-right .new-bundle-card{margin:0 20px;max-width:none}
  .hc-right #home-latest{width:100%}
  /* 统一倒计时和最新套装：去掉子元素独立边框/背景，融入父容器 */
  .hc-left .bp-countdown-wrap{border:none;background:transparent;box-shadow:none;max-width:none;margin:0 20px;padding:20px}
  .hc-left .bp-countdown-wrap::before{display:none}
  .hc-right .new-bundle-card{border:none;background:transparent;box-shadow:none;padding:20px;margin:0 20px}
  .hc-right .new-bundle-card::before{display:none}
}
/* === End Hero Combined === */

/* ========================================
   优化：骨架屏加载动画样式
   原 .sm{text-align:center;padding:50px 24px;opacity:.45}
   新增：骨架屏 + 脉冲动画
   ======================================== */

/* 骨架屏基础样式 */
.sm {
  text-align: center;
  padding: 40px 20px;
  position: relative;
  min-height: 100px;
  opacity: 1;
}

/* 骨架屏骨架块 */
.sm-skeleton {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* 骨架屏图标占位 */
.sm-skeleton .ic {
  width: 48px;
  height: 48px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 12px;
  animation: sk-pulse 1.5s ease-in-out infinite;
}

/* 骨架屏文字占位 */
.sm-skeleton .txt {
  width: 120px;
  height: 16px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: sk-pulse 1.5s ease-in-out infinite;
}

/* 骨架屏文字 - 短版 */
.sm-skeleton .txt-sm {
  width: 80px;
  height: 12px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 3px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  opacity: 0.6;
}

/* 骨架屏脉冲动画 */
@keyframes sk-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* 卡片式骨架屏 - 用于新闻/列表 */
.sm-card-skeleton {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.sm-card-skeleton .img {
  width: 80px;
  height: 50px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}

.sm-card-skeleton .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sm-card-skeleton .line {
  height: 14px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: sk-pulse 1.5s ease-in-out infinite;
}

.sm-card-skeleton .line.short {
  width: 60%;
  height: 12px;
  opacity: 0.6;
}

/* 数据统计骨架屏 */
.sm-stat-skeleton {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.sm-stat-skeleton .stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.sm-stat-skeleton .num {
  width: 60px;
  height: 28px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  margin-bottom: 8px;
}

.sm-stat-skeleton .label {
  width: 50px;
  height: 12px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 3px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  opacity: 0.5;
}

/* 皮肤卡片骨架屏 */
.sm-skin-skeleton {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

.sm-skin-skeleton .card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}

.sm-skin-skeleton .card-img {
  aspect-ratio: 16/10;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  animation: sk-pulse 1.5s ease-in-out infinite;
}

.sm-skin-skeleton .card-info {
  padding: 10px 12px;
}

.sm-skin-skeleton .card-title {
  width: 80%;
  height: 14px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  margin-bottom: 6px;
}

.sm-skin-skeleton .card-price {
  width: 40%;
  height: 12px;
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  border-radius: 3px;
  animation: sk-pulse 1.5s ease-in-out infinite;
  opacity: 0.6;
}

/* 加载超时提示 */
.sm-timeout {
  color: var(--text-secondary);
  font-size: 0.85rem;
  opacity: 0.6;
}

.sm-timeout .icon {
  font-size: 1.5rem;
  margin-bottom: 8px;
  display: block;
}

/* 渐进式加载完成动画 */
.sm-loaded {
  animation: sm-fade-in 0.3s ease;
}

@keyframes sm-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 图片加载完成动画 */
img.loaded {
  animation: img-fade-in 0.4s ease;
}

@keyframes img-fade-in {
  from { opacity: 0; transform: scale(0.98); }
  to { opacity: 1; transform: scale(1); }
}

/* 图片占位符 - 加载前显示 */
.img-placeholder {
  background: linear-gradient(90deg, var(--bg2) 25%, var(--border) 50%, var(--bg2) 75%);
  background-size: 200% 100%;
  animation: img-placeholder-pulse 1.5s ease-in-out infinite;
}

@keyframes img-placeholder-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* 图片懒加载样式 */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

img[loading="lazy"].loaded,
img.loaded {
  opacity: 1;
}

/* 内容淡入动画 */
.content-fade-in {
  animation: content-fade-in 0.4s ease;
}

@keyframes content-fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==================== 新增功能样式 ==================== */

/* === 面包屑导航 === */
.breadcrumb {
  padding: 12px 24px;
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.82rem;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.breadcrumb-item a {
  color: var(--text);
  text-decoration: none;
  opacity: 0.7;
  transition: all 0.2s;
}

.breadcrumb-item a:hover {
  color: var(--accent);
  opacity: 1;
}

.breadcrumb-item.active {
  color: var(--text);
  font-weight: 600;
  opacity: 1;
}

.breadcrumb-item::after {
  content: '/';
  opacity: 0.4;
  font-size: 0.75rem;
}

.breadcrumb-item:last-child::after {
  content: '';
}

.breadcrumb-item.active a {
  pointer-events: none;
}

/* === 对比稀有度进度条 === */
.compare-rarity-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.compare-rarity-bar {
  height: 8px;
  border-radius: 4px;
  background: var(--bg2);
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
}

.compare-rarity-bar::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.compare-rarity-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text);
}

/* === 触摸手势反馈 === */
@media (max-width: 768px) {
  .page {
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .page.swiping-left {
    transform: translateX(-20px);
    opacity: 0.5;
  }

  .page.swiping-right {
    transform: translateX(20px);
    opacity: 0.5;
  }

  /* 皮肤列表触摸反馈 */
  .sg {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .sc {
    scroll-snap-align: start;
    transition: transform 0.15s ease;
  }

  .sc:active {
    transform: scale(0.95);
  }

  /* 导航页面触摸提示 */
  .nav-swipe-hint {
    position: fixed;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.75rem;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 100;
  }

  .nav-swipe-hint.show {
    opacity: 1;
  }
}

/* === 搜索增强样式 === */
#hot-search-tags {
  border-bottom: 1px solid var(--border);
  padding-bottom: 12px;
  margin-bottom: 8px;
}

.sug-tag.hot {
  background: rgba(255, 70, 85, 0.1);
  border-color: var(--accent);
  color: var(--accent);
}

.sug-tag.hot:hover {
  background: var(--accent);
  color: white;
}

/* === 统计数据增强 === */
.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* 页面切换动画（触摸手势） */
.page.transitioning {
  pointer-events: none;
}

.page.slide-left {
  animation: slideLeft 0.3s ease;
}

.page.slide-right {
  animation: slideRight 0.3s ease;
}

@keyframes slideLeft {
  from { transform: translateX(0); opacity: 1; }
  to { transform: translateX(-100%); opacity: 0; }
}

@keyframes slideRight {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* === 移动端优化 === */
@media (max-width: 768px) {
  .breadcrumb {
    padding: 10px 16px;
    font-size: 0.78rem;
  }

  .compare-rarity-progress {
    gap: 4px;
  }

  .compare-rarity-label {
    font-size: 0.68rem;
  }
}

/* 段位分布图 */
.rank-dist{max-width:700px;margin:0 auto 24px;padding:20px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px}
.rd-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rd-label{width:50px;text-align:right;font-size:.82rem;font-weight:700;flex-shrink:0}
.rd-bar-track{flex:1;height:22px;background:var(--bg2);border-radius:6px;overflow:hidden;position:relative}
.rd-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.68rem;font-weight:700;color:rgba(0,0,0,.7);min-width:40px;transition:width .6s ease}
/* === MAP SECTIONS: Lineups / Positions / Changelog / Guides === */
.lineup-grid{display:grid;grid-template-columns:1fr;gap:10px}
.lineup-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .2s}
.lineup-card:hover{border-color:var(--accent)}
.lineup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.lineup-agent{font-weight:700;font-size:.88rem;color:var(--accent)}
.lineup-ability{font-size:.75rem;padding:2px 8px;border-radius:6px;background:rgba(255,70,85,.1);border:1px solid rgba(255,70,85,.2);color:var(--accent)}
.lineup-route{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;flex-wrap:wrap}
.lineup-from{color:var(--text);opacity:.85}
.lineup-arrow{color:var(--accent);font-weight:700}
.lineup-to{color:var(--text);opacity:.85}
.lineup-desc{font-size:.78rem;color:var(--text);opacity:.65;line-height:1.45}
.pos-list{display:grid;grid-template-columns:1fr;gap:10px}
.pos-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .2s}
.pos-item:hover{border-color:var(--accent)}
.pos-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pos-name{font-weight:700;font-size:.88rem}
.pos-side{font-size:.7rem;padding:2px 8px;border-radius:6px;font-weight:600}
.pos-side.atk{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#60a5fa}
.pos-side.def{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#f87171}
.pos-desc{font-size:.82rem;color:var(--text);opacity:.8;margin-bottom:4px}
.pos-tips{font-size:.78rem;color:var(--text);opacity:.55;line-height:1.4}
.cl-timeline{position:relative;padding-left:20px}
.cl-timeline::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--border)}
.cl-item{position:relative;margin-bottom:14px}
.cl-item::before{content:"";position:absolute;left:-17px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.cl-date{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.cl-patch{font-weight:700;font-size:.82rem;color:var(--accent);padding:1px 8px;border-radius:6px;background:rgba(255,70,85,.1);border:1px solid rgba(255,70,85,.2)}
.cl-time{font-size:.75rem;color:var(--text);opacity:.5}
.cl-changes{padding-left:2px}
.cl-change{font-size:.8rem;color:var(--text);opacity:.75;line-height:1.5}
.guide-grid{display:grid;grid-template-columns:1fr;gap:10px}
.guide-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);transition:all .2s}
.guide-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.guide-plat{font-size:1.5rem;flex-shrink:0}
.guide-info{flex:1;min-width:0}
.guide-title{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-author{font-size:.72rem;opacity:.5;margin-top:2px}
.guide-arrow{font-size:1.2rem;opacity:.3;flex-shrink:0}
@media(min-width:640px){.lineup-grid{grid-template-columns:1fr 1fr}.pos-list{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}}
/* Fix: maps page filter bar overlap */
#page-maps .fb{position:relative;top:auto}