:root{--bg:#0b0c1a;--pn:#16172c;--ln:#2a2d4c;--tx:#f2f3fb;--mu:#8c91b4;--ac:#1fb1f2;--wr:#f5b73b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:600 14px/1.45 "Noto Sans",system-ui,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.tb{position:fixed;inset:0 0 auto;height:30px;background:#272422;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:99}
.tb a{position:absolute;left:12px;color:var(--mu);font-size:12px}.tb a:hover{color:#fff}
.tb i{position:absolute;right:14px;font-style:normal;letter-spacing:20px;color:#bbb}
.wrap{padding:24px 40px 48px;max-width:1920px;margin:auto}
.b{height:38px;padding:0 16px;background:#13142a;border:1px solid var(--ln);border-radius:8px;color:var(--tx);font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.b:hover{border-color:var(--ac)}.b.p{background:var(--ac);border-color:var(--ac);color:#04131d}
.pn{background:var(--pn);border:1px solid var(--ln);border-radius:16px;padding:22px 28px;margin-bottom:28px;min-width:0;position:relative}
.hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.hd h2{margin:0;font-size:20px}.hd.c h2{color:var(--ac)}
.nv{width:36px;height:28px;padding:0;justify-content:center;border-radius:6px}
.sh{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}.sh::-webkit-scrollbar{display:none}
.po{flex:none;width:170px;cursor:pointer}
.a{height:240px;border-radius:var(--pr,12px);border:1px solid var(--ln);position:relative;overflow:hidden;transition:transform .2s}
.a::before{content:attr(data-i);position:absolute;inset:0;display:grid;place-items:center;font-size:96px;font-weight:800;opacity:.2}
.po:hover .a{transform:translateY(-3px)}
.r{position:absolute;top:8px;right:8px;background:#000b;border-radius:7px;padding:2px 8px;font-size:12px;color:var(--wr)}
.pg{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0007}.pg i{display:block;height:100%;background:var(--ac)}
.t{margin-top:10px;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mu{color:var(--mu);font-size:12px}
#hv{position:fixed;width:420px;background:#1a1b34;border:1px solid var(--ln);border-radius:16px;box-shadow:0 20px 50px #000b;z-index:50;display:none;overflow:hidden}
#hv.on{display:block}.ha{height:130px}.hb{padding:16px 18px}.hb h3{margin:0 0 4px}.hb p{color:var(--mu);margin:10px 0 14px;font-weight:500}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#232644;border:1px solid var(--ln);padding:10px 18px;border-radius:10px;opacity:0;transition:.25s;z-index:99;pointer-events:none}#toast.on{opacity:1}
.bar{display:flex;align-items:center;gap:18px;margin-bottom:22px}.bar h1{margin:0;font-size:24px;flex:1}