:root{
--y96:#000000;
--g34:#0c0f12;
--v74:#12171c;
--j37:#1e262e;
--q1:#06b6d4;
--q45:#0891a8;
--y74:#22d3ee;
--p92:#f59e0b;
--p67:#22c55e;
--w41:#ef4444;
--k22:#f2f6f8;
--w78:#9fb0bb;
--g74:#6b7c88;
--u71:10px;
--p33:16px;
--p40:14px;
--p93:0 0 0 1px rgba(6,182,212,.35),0 0 18px rgba(6,182,212,.28);
--a47:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--y96);color:var(--k22);font-family:var(--a47);font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto;border:0}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:700;letter-spacing:.2px}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:rgba(6,182,212,.32)}
._kn8i2{position:static}

/* ---------- 顶部 ---------- */
.top-shell{position:sticky;top:0;z-index:60;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--j37)}
.top-inner{max-width:1440px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:18px}
.q8d6j5{display:flex;align-items:center;gap:9px;flex-shrink:0}
._ql1ll{width:32px;height:32px;border-radius:9px;background:radial-gradient(circle at 32% 28%,#0e7490,#020617 72%);border:1px solid rgba(34,211,238,.55);display:grid;place-items:center;box-shadow:var(--p93)}
._ql1ll i{display:block;width:0;height:0;border-left:9px solid #d8feff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
._esj8r{font-size:17px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
._esj8r em{font-style:normal;color:var(--y74)}
._8gi6f{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
._8gi6f::-webkit-scrollbar{display:none}
._8gi6f a{padding:6px 11px;border-radius:8px;font-size:13.5px;color:var(--w78);white-space:nowrap;border:1px solid transparent}
._8gi6f a:hover{color:var(--k22);background:var(--v74);border-color:var(--j37)}
._8gi6f a._8dqcs{color:#031318;background:var(--q1);font-weight:700}
.fn-row{display:flex;align-items:center;gap:0;flex-shrink:0}
.fn-row input{width:190px;padding:7px 12px;border-radius:8px 0 0 8px;border:1px solid var(--j37);border-right:0;background:#080b0e;color:var(--k22);font-size:13px;outline:0}
.fn-row input:focus{border-color:var(--q45)}
.fn-row button{padding:7px 14px;border-radius:0 8px 8px 0;border:1px solid var(--q45);background:linear-gradient(180deg,#0891a8,#06758a);color:#e8feff;font-size:13px;font-weight:700;cursor:pointer}
._gzp67{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--j37);border-radius:999px;font-size:12.5px;color:var(--w78);flex-shrink:0}
.lq-wrap{width:7px;height:7px;border-radius:50%;background:var(--p67);box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:beat 1.9s infinite}
@keyframes beat{0%{box-shadow:0 0 0 0 rgba(34,197,94,.65)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* ---------- 通知滚动 ---------- */
.fn-pill{border-bottom:1px solid var(--j37);background:linear-gradient(90deg,rgba(6,182,212,.09),transparent 60%)}
.xz-pill{max-width:1440px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:12px;height:38px;overflow:hidden}
._ctdc1{font-size:12px;font-weight:700;color:var(--y74);border:1px solid rgba(34,211,238,.4);border-radius:5px;padding:2px 7px;flex-shrink:0}
.bw-box{flex:1;height:38px;overflow:hidden;position:relative}
.v2l7o6{animation:rollup 32s linear infinite}
.v2l7o6 li{height:38px;line-height:38px;font-size:13px;color:var(--w78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2l7o6 li b{color:var(--k22);font-weight:600}
@keyframes rollup{0%{transform:translateY(0)}100%{transform:translateY(-912px)}}
.bw-box:hover .v2l7o6{animation-play-state:paused}

/* ---------- 布局 ---------- */
.nf-wrap{max-width:1440px;margin:0 auto;padding:22px 18px 60px}
._3xl7n{margin-bottom:38px}
._8r52e{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px;padding-bottom:9px;border-bottom:1px solid var(--j37)}
._8r52e h2{font-size:19px;display:flex;align-items:center;gap:9px}
._8r52e h2::before{content:"";width:3px;height:17px;background:var(--q1);border-radius:2px;box-shadow:0 0 9px var(--q1)}
._8r52e p{margin:3px 0 0;font-size:12.5px;color:var(--g74)}
.gk-head{font-size:12.5px;color:var(--y74);white-space:nowrap;border-bottom:1px dashed rgba(34,211,238,.42)}
.gk-head:hover{color:#7dd3fc}

/* ---------- 首屏标题 ---------- */
._a32ih{padding:26px 0 8px}
._a32ih h1{font-size:31px;letter-spacing:.6px}
._a32ih h1 span{color:var(--y74);text-shadow:0 0 22px rgba(34,211,238,.5)}
.sl-zone{margin:9px 0 0;font-size:14.5px;color:var(--w78);max-width:760px}
.w4h2f7{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.w4h2f7 span{font-size:12.5px;color:var(--w78);border:1px solid var(--j37);border-radius:7px;padding:4px 10px;background:var(--g34)}
.w4h2f7 span b{color:var(--y74);font-weight:700}

/* ---------- 视频网格 ---------- */
.k8r1b7{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--p40)}
.reel-grid.v1t3w8{grid-template-columns:repeat(5,1fr)}
._e1v6c{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
._e1v6c:hover{transform:translateY(-3px);border-color:rgba(6,182,212,.55);box-shadow:0 10px 26px rgba(0,0,0,.6),0 0 0 1px rgba(6,182,212,.25)}
._qsy9s{position:relative;aspect-ratio:16/9;background:#0a0d10;overflow:hidden}
._qsy9s img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
._e1v6c:hover ._qsy9s img{transform:scale(1.055)}
._d45g9{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.82);color:#f2f6f8;font-size:11.5px;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.4px;font-variant-numeric:tabular-nums}
.s2y4j7{position:absolute;left:6px;top:6px;font-size:10.5px;font-weight:800;letter-spacing:.7px;padding:2px 6px;border-radius:4px;background:rgba(6,182,212,.16);color:#a5f3fc;border:1px solid rgba(34,211,238,.55);backdrop-filter:blur(3px)}
.fire-label.r4w3w4{background:rgba(255,255,255,.1);color:#e2e8ec;border-color:rgba(255,255,255,.3)}
._e13j9{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .2s;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55))}
._e1v6c:hover ._e13j9{opacity:1}
._e13j9 i{width:44px;height:44px;border-radius:50%;border:1px solid rgba(34,211,238,.8);background:rgba(6,182,212,.22);display:grid;place-items:center;box-shadow:0 0 22px rgba(6,182,212,.55)}
._e13j9 i::after{content:"";width:0;height:0;border-left:13px solid #eafeff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
._hwchf{padding:10px 11px 12px}
.j2l7o7{font-size:13.5px;font-weight:600;line-height:1.45;height:2.9em;overflow:hidden;color:var(--k22)}
._e1v6c:hover .j2l7o7{color:#a5f3fc}
.bx-box{margin-top:7px;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--g74)}
.bx-box .fn-mark{color:var(--w78);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bx-box ._a714p{width:3px;height:3px;border-radius:50%;background:var(--g74);flex-shrink:0}
.bx-box .fn-unit{color:var(--y74);font-variant-numeric:tabular-nums}

/* ---------- 上传者卡 ---------- */
.d3r2i6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--p40)}
.jm-head{background:var(--g34);border:1px solid var(--j37);border-radius:var(--p33);padding:17px 13px 15px;text-align:center;transition:border-color .18s,transform .18s}
.jm-head:hover{border-color:rgba(6,182,212,.5);transform:translateY(-2px)}
.sl-grid{width:62px;height:62px;border-radius:50%;margin:0 auto;object-fit:cover;border:2px solid rgba(34,211,238,.45);box-shadow:0 0 15px rgba(6,182,212,.3)}
._xufb4{margin-top:10px;font-size:14px;font-weight:700}
.wd-chip{display:inline-block;margin-top:5px;font-size:10.5px;padding:2px 7px;border-radius:999px;background:rgba(6,182,212,.14);color:#a5f3fc;border:1px solid rgba(34,211,238,.42)}
.e4x6w5{margin-top:10px;display:flex;justify-content:center;gap:12px;font-size:11.5px;color:var(--g74)}
.e4x6w5 b{display:block;color:var(--k22);font-size:13px;font-variant-numeric:tabular-nums}
._jujey{margin-top:12px;width:100%;padding:7px 0;border-radius:8px;border:1px solid var(--q45);background:linear-gradient(180deg,rgba(6,182,212,.24),rgba(6,182,212,.08));color:#c8feff;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 0 14px rgba(6,182,212,.22)}
._jujey:hover{background:linear-gradient(180deg,rgba(6,182,212,.42),rgba(6,182,212,.16));box-shadow:0 0 20px rgba(6,182,212,.4)}

/* ---------- 频道导航 ---------- */
.fn-slot{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--p40)}
.l5x3a7{display:block;background:linear-gradient(160deg,var(--v74),var(--g34));border:1px solid var(--j37);border-radius:var(--u71);padding:16px 15px;transition:border-color .18s,box-shadow .18s}
.l5x3a7:hover{border-color:rgba(6,182,212,.6);box-shadow:0 0 0 1px rgba(6,182,212,.2),0 8px 22px rgba(0,0,0,.5)}
.c2d3f4{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;color:#a5f3fc;background:rgba(6,182,212,.12);border:1px solid rgba(34,211,238,.4);box-shadow:0 0 14px rgba(6,182,212,.25)}
.l5x3a7 h3{margin-top:11px;font-size:14.5px}
.l5x3a7 p{margin:6px 0 0;font-size:12px;color:var(--g74);line-height:1.55}
.l5x3a7 span{display:inline-block;margin-top:9px;font-size:11.5px;color:var(--y74)}

/* ---------- 数据看板 ---------- */
.y9d4b8{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--p40)}
.xz-cell{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);padding:16px}
.xz-cell small{font-size:11.5px;color:var(--g74);letter-spacing:.6px;text-transform:uppercase}
.xz-cell strong{display:block;margin-top:6px;font-size:25px;color:var(--y74);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(34,211,238,.35)}
.xz-cell p{margin:4px 0 0;font-size:11.5px;color:var(--g74)}
.s8j4t2{margin-top:10px;height:5px;border-radius:3px;background:#0b1014;overflow:hidden;border:1px solid var(--j37)}
.s8j4t2 i{display:block;height:100%;background:linear-gradient(90deg,#06b6d4,#22d3ee)}
._1vtda{margin-top:12px;font-size:12px;color:var(--g74);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
._1vtda b{color:var(--p67)}

/* ---------- 词云 ---------- */
.cy-pill{display:flex;flex-wrap:wrap;gap:9px}
.cy-pill a{border:1px solid rgba(34,211,238,.34);border-radius:999px;padding:5px 13px;color:var(--w78);background:rgba(6,182,212,.05);transition:all .18s}
.cy-pill a:hover{color:#031318;background:var(--q1);border-color:var(--q1);box-shadow:0 0 16px rgba(6,182,212,.5)}

/* ---------- 播放列表卡 ---------- */
._dlhiw{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--p40)}
.c7g5v7{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);overflow:hidden;transition:border-color .18s}
.c7g5v7:hover{border-color:rgba(6,182,212,.55)}
.fn-card{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:16/9;background:#07090b;position:relative}
.fn-card img{width:100%;height:100%;object-fit:cover}
.fn-card img:first-child{grid-row:span 2}
._fzy7a{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.85);border:1px solid rgba(34,211,238,.45);color:#a5f3fc;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:5px}
.sl-pill{padding:12px 13px 14px}
.sl-pill h3{font-size:14.5px;line-height:1.45}
.sl-pill p{margin:7px 0 0;font-size:12px;color:var(--g74);line-height:1.6}
.sl-pill .bx-box{margin-top:9px}

/* ---------- 弹幕播报 ---------- */
._er85u{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);padding:14px;height:236px;overflow:hidden;position:relative}
._er85u::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,var(--g34))}
._yipbt{animation:rollup2 30s linear infinite}
._yipbt li{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12.5px;color:var(--w78);border-bottom:1px dashed rgba(30,38,46,.75)}
._yipbt li img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}
._yipbt li b{color:var(--y74);font-weight:600}
._yipbt li span{color:var(--g74);margin-left:auto;font-size:11.5px;white-space:nowrap}
@keyframes rollup2{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
._er85u:hover ._yipbt{animation-play-state:paused}

/* ---------- 评论区 ---------- */
.vw-body{display:flex;flex-direction:column;gap:0}
._tcgyo{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(30,38,46,.8)}
._tcgyo:last-child{border-bottom:0}
._i9zkr{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--j37)}
.h3y7p1{flex:1;min-width:0}
.q6y6t8{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.q6y6t8 b{font-size:13px;color:var(--k22)}
.q6y6t8 time{font-size:11.5px;color:var(--g74)}
.bw-unit{font-size:10.5px;padding:1px 6px;border-radius:4px;background:rgba(6,182,212,.12);color:#7dd3fc;border:1px solid rgba(34,211,238,.32)}
.j4v6s7{margin:6px 0 0;font-size:13.5px;color:var(--w78);line-height:1.66}
.j4v6s7 em{font-style:normal;color:var(--y74);font-variant-numeric:tabular-nums}
._zw685{margin-top:8px;display:flex;gap:16px;font-size:11.5px;color:var(--g74)}
._zw685 span{display:inline-flex;align-items:center;gap:4px}
._zw685 span:hover{color:var(--y74)}
._ruj1m{margin-top:16px;display:flex;gap:11px;align-items:flex-start}
._ruj1m textarea{flex:1;min-height:62px;padding:11px 13px;border-radius:var(--u71);border:1px solid var(--j37);background:#080b0e;color:var(--k22);font-size:13.5px;font-family:inherit;resize:vertical;outline:0}
._ruj1m textarea:focus{border-color:var(--q45)}
._ruj1m button{padding:11px 20px;border-radius:var(--u71);border:1px solid var(--q45);background:linear-gradient(180deg,#0891a8,#06758a);color:#eafeff;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 0 16px rgba(6,182,212,.28)}

/* ---------- 播放页 ---------- */
.n8y4j6{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}
.fn-chip{background:#000;border:1px solid var(--j37);border-radius:var(--u71);overflow:hidden}
._ruhdf{position:relative;aspect-ratio:16/9;background:#000}
._ruhdf img{width:100%;height:100%;object-fit:cover;opacity:.62}
._c2k6g{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(6,182,212,.14),rgba(0,0,0,.72) 68%)}
.g1f8m8{width:82px;height:82px;border-radius:50%;border:2px solid rgba(34,211,238,.85);background:rgba(6,182,212,.2);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 42px rgba(6,182,212,.55);transition:transform .2s,box-shadow .2s}
.g1f8m8:hover{transform:scale(1.07);box-shadow:0 0 60px rgba(6,182,212,.8)}
.g1f8m8::after{content:"";width:0;height:0;border-left:25px solid #eafeff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:7px}
._u31xp{position:absolute;left:12px;top:12px;display:flex;gap:7px}
._u31xp span{font-size:11px;font-weight:800;letter-spacing:.7px;padding:3px 8px;border-radius:5px;background:rgba(0,0,0,.7);border:1px solid rgba(34,211,238,.5);color:#a5f3fc}
._cw1zr{padding:11px 13px 13px;background:linear-gradient(180deg,#05080a,#0b0f13);border-top:1px solid var(--j37)}
.bw-flow{position:relative;height:5px;border-radius:3px;background:#1a2229;cursor:pointer}
.zt-zone{position:absolute;left:0;top:0;bottom:0;background:#2b3841;border-radius:3px}
.dk-mark{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:3px;box-shadow:0 0 12px rgba(34,211,238,.6)}
._owrdk{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#eafeff;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(34,211,238,.9)}
.sl-flow{margin-top:10px;display:flex;align-items:center;gap:15px;font-size:12px;color:var(--w78)}
.sl-flow .b7m5w1{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--j37);background:#0d1216;color:#a5f3fc;font-size:11px;cursor:pointer}
.sl-flow .b7m5w1:hover{border-color:rgba(34,211,238,.55)}
.sl-flow .rp-body{font-variant-numeric:tabular-nums;color:var(--g74)}
.sl-flow .vw-item{margin-left:auto}
.sl-flow select{background:#0d1216;color:#a5f3fc;border:1px solid var(--j37);border-radius:6px;padding:3px 7px;font-size:11.5px;font-family:inherit;outline:0}

._ppmts{margin-top:18px;font-size:22px;line-height:1.4}
.dk-row{margin-top:11px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--g74)}
.dk-row ._0v7i3{font-size:19px;font-weight:800;color:var(--y74);font-variant-numeric:tabular-nums}
.nf-area{margin-top:15px;padding:15px;background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71)}
._1c2ue{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--g74)}
._1c2ue b{color:var(--p67);font-size:14px}
.mv-card{margin-top:9px;display:flex;height:7px;border-radius:4px;overflow:hidden;background:#151b21}
.mv-card i{display:block;height:100%}
.mv-card i:first-child{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 10px rgba(34,197,94,.5)}
.mv-card i:last-child{background:linear-gradient(90deg,#b91c1c,#ef4444)}
._b7jcv{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}
._b7jcv button{padding:8px 15px;border-radius:8px;border:1px solid var(--j37);background:#0d1216;color:var(--w78);font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
._b7jcv button:hover{border-color:rgba(34,211,238,.55);color:#a5f3fc}
._b7jcv button.gk-area{border-color:var(--q45);background:linear-gradient(180deg,rgba(6,182,212,.28),rgba(6,182,212,.1));color:#c8feff;font-weight:700;box-shadow:0 0 15px rgba(6,182,212,.25)}

.xz-line{margin-top:20px;padding:15px;background:linear-gradient(150deg,var(--v74),var(--g34));border:1px solid var(--j37);border-radius:var(--u71);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.xz-line img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(34,211,238,.45)}
.xz-line ._343cn{flex:1;min-width:150px}
.xz-line ._343cn b{font-size:15px;display:flex;align-items:center;gap:7px}
.z9b4g1{font-size:10.5px;padding:1px 7px;border-radius:999px;background:rgba(6,182,212,.16);color:#a5f3fc;border:1px solid rgba(34,211,238,.45);font-weight:600}
.xz-line ._343cn p{margin:5px 0 0;font-size:12px;color:var(--g74)}

._u57d7{margin-top:18px;padding:15px;background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);font-size:13.5px;color:var(--w78);line-height:1.75}
._u57d7 h3{font-size:14px;margin-bottom:9px;color:var(--k22)}
.t1i5h3{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.t1i5h3 a{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--w78)}
.t1i5h3 a b{font-variant-numeric:tabular-nums;color:var(--y74);border:1px solid rgba(34,211,238,.35);border-radius:4px;padding:0 6px;font-size:11.5px}
.t1i5h3 a:hover{color:#a5f3fc}
.j6s7o2{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.j6s7o2 a{font-size:12px;padding:4px 11px;border-radius:999px;border:1px solid var(--j37);color:var(--w78);background:#0b1014}
.j6s7o2 a:hover{border-color:rgba(34,211,238,.55);color:#a5f3fc}

/* 侧栏 */
.dk-body{display:flex;flex-direction:column;gap:20px}
.fn-area{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);padding:14px}
.fn-area h3{font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.fn-area h3::before{content:"";width:3px;height:14px;background:var(--q1);border-radius:2px}
.v9k2v1{display:flex;flex-direction:column;gap:11px}
.h2p4c8{display:flex;gap:10px}
.h2p4c8 .q3i3e7{width:112px;flex-shrink:0;aspect-ratio:16/9;border-radius:7px;overflow:hidden;position:relative;background:#0a0d10}
.h2p4c8 .q3i3e7 img{width:100%;height:100%;object-fit:cover}
.h2p4c8 .q3i3e7 b{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.85);font-size:10.5px;padding:0 4px;border-radius:3px;font-weight:700}
.h2p4c8 .p2o7x3{min-width:0;flex:1}
.h2p4c8 .p2o7x3 p{margin:0;font-size:12.5px;line-height:1.45;height:2.9em;overflow:hidden;color:var(--k22)}
.h2p4c8:hover .p2o7x3 p{color:#a5f3fc}
.h2p4c8 .p2o7x3 small{display:block;margin-top:5px;font-size:11px;color:var(--g74)}
.t6i6s2{display:flex;flex-direction:column;gap:10px}
._wdfg8{display:flex;align-items:center;gap:10px;font-size:12.5px}
.vw-head{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#131a20;color:var(--g74);flex-shrink:0}
._wdfg8:nth-child(1) .vw-head{background:rgba(6,182,212,.22);color:#a5f3fc;border:1px solid rgba(34,211,238,.5)}
._wdfg8:nth-child(2) .vw-head{background:rgba(6,182,212,.14);color:#7dd3fc}
._wdfg8:nth-child(3) .vw-head{background:rgba(6,182,212,.09);color:#67e8f9}
._wdfg8 p{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--w78)}
._wdfg8:hover p{color:#a5f3fc}
._wdfg8 em{font-style:normal;font-size:11px;color:var(--g74);font-variant-numeric:tabular-nums;flex-shrink:0}

/* ---------- 面包屑 ---------- */
.hp-card{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--g74);padding:14px 0 4px;flex-wrap:wrap}
.hp-card a{color:var(--w78)}
.hp-card a:hover{color:var(--y74)}
.hp-card span{color:var(--g74)}

/* ---------- 用户主页 ---------- */
.hp-mark{height:196px;border-radius:var(--p33);background:linear-gradient(125deg,#020617,#06364a 45%,#0e7490 78%,#083344);position:relative;overflow:hidden;border:1px solid var(--j37)}
.hp-mark::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(34,211,238,.07) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(34,211,238,.07) 0 1px,transparent 1px 42px)}
.cy-cell{position:absolute;right:-60px;top:-60px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.4),transparent 66%)}
.mv-wrap{margin-top:-52px;padding:0 22px;display:flex;align-items:flex-end;gap:18px;position:relative;z-index:2;flex-wrap:wrap}
.qr-card{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #000;box-shadow:0 0 0 2px rgba(34,211,238,.6),0 0 30px rgba(6,182,212,.45)}
._v4yxs{flex:1;min-width:200px;padding-bottom:7px}
._v4yxs h1{font-size:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
._v4yxs p{margin:8px 0 0;font-size:13px;color:var(--w78);max-width:640px}
.mv-line{display:flex;gap:26px;padding-bottom:9px}
.mv-line div{text-align:center}
.mv-line b{display:block;font-size:19px;color:var(--y74);font-variant-numeric:tabular-nums}
.mv-line small{font-size:11.5px;color:var(--g74)}

/* ---------- 榜单 ---------- */
.bx-card{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.bx-card a{padding:6px 15px;border-radius:999px;border:1px solid var(--j37);font-size:13px;color:var(--w78)}
.bx-card a._8dqcs{background:var(--q1);color:#031318;border-color:var(--q1);font-weight:700;box-shadow:0 0 16px rgba(6,182,212,.4)}
.g1k6u6{display:flex;flex-direction:column;gap:11px}
.bw-item{display:flex;gap:14px;padding:12px;background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);align-items:center}
.bw-item:hover{border-color:rgba(6,182,212,.5)}
.i8m1p9{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:15px;font-weight:800;background:#131a20;color:var(--g74);flex-shrink:0;font-variant-numeric:tabular-nums}
.bw-item:nth-child(1) .i8m1p9{background:linear-gradient(140deg,#0891a8,#22d3ee);color:#04171c;box-shadow:0 0 18px rgba(34,211,238,.5)}
.bw-item:nth-child(2) .i8m1p9{background:rgba(6,182,212,.24);color:#a5f3fc}
.bw-item:nth-child(3) .i8m1p9{background:rgba(6,182,212,.14);color:#7dd3fc}
.bw-line{width:150px;flex-shrink:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;background:#0a0d10}
.bw-line img{width:100%;height:100%;object-fit:cover}
.bw-line b{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.85);font-size:10.5px;padding:0 5px;border-radius:3px}
.nf-list{flex:1;min-width:0}
.nf-list h3{font-size:14.5px;line-height:1.45}
.nf-list .bx-box{margin-top:8px}
.gk-unit{margin-top:9px;display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--g74)}
.gk-unit .i4g5j1{flex:1;max-width:180px;height:4px;border-radius:2px;background:#151b21;overflow:hidden}
.gk-unit .i4g5j1 i{display:block;height:100%;background:linear-gradient(90deg,#0891a8,#22d3ee)}

/* ---------- 文本页 ---------- */
.m1j1r9{max-width:880px;background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);padding:26px 28px}
.m1j1r9 h1{font-size:24px;margin-bottom:6px}
.m1j1r9 .z6s6g6{font-size:12px;color:var(--g74);margin-bottom:20px}
.m1j1r9 h2{font-size:16.5px;margin:24px 0 10px;padding-left:11px;border-left:3px solid var(--q1)}
.m1j1r9 p{margin:0 0 13px;font-size:14px;color:var(--w78);line-height:1.82}
.m1j1r9 ul{margin:0 0 14px;padding-left:19px;list-style:disc}
.m1j1r9 li{font-size:13.5px;color:var(--w78);line-height:1.8;margin-bottom:6px}
.m1j1r9 a{color:var(--y74);border-bottom:1px dashed rgba(34,211,238,.4)}
.m1j1r9 table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px}
.m1j1r9 th,.m1j1r9 td{border:1px solid var(--j37);padding:9px 11px;text-align:left;color:var(--w78)}
.m1j1r9 th{background:#0f151a;color:var(--k22);font-weight:700}

/* FAQ 折叠 */
._2y7gq{display:flex;flex-direction:column;gap:11px}
.i9a7e6{background:var(--g34);border:1px solid var(--j37);border-radius:var(--u71);overflow:hidden}
.i9a7e6 summary{padding:14px 17px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.i9a7e6 summary::-webkit-details-marker{display:none}
.i9a7e6 summary::before{content:"Q";width:20px;height:20px;border-radius:5px;background:rgba(6,182,212,.16);color:#a5f3fc;font-size:11.5px;font-weight:800;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(34,211,238,.4)}
.i9a7e6[open] summary{border-bottom:1px solid var(--j37);color:#a5f3fc}
.rp-slot{padding:14px 17px 16px;font-size:13.5px;color:var(--w78);line-height:1.8}

/* ---------- APP 下载 ---------- */
.i4o7k4{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:center;background:linear-gradient(140deg,#03181f,#000 62%);border:1px solid var(--j37);border-radius:var(--p33);padding:30px}
.i4o7k4 h1{font-size:26px}
.i4o7k4 p{margin:11px 0 0;font-size:14px;color:var(--w78)}
._dh2i9{margin-top:18px;display:flex;flex-direction:column;gap:9px}
._dh2i9 li{font-size:13px;color:var(--w78);display:flex;gap:9px;align-items:flex-start}
._dh2i9 li::before{content:"▸";color:var(--y74);flex-shrink:0}
.bw-col{margin-top:22px;display:flex;gap:11px;flex-wrap:wrap}
.bw-col a{padding:11px 22px;border-radius:10px;font-size:13.5px;font-weight:700;border:1px solid var(--q45);background:linear-gradient(180deg,#0891a8,#06758a);color:#eafeff;box-shadow:0 0 20px rgba(6,182,212,.3)}
.bw-col a.bw-list{background:#0b1014;color:var(--w78);border-color:var(--j37);box-shadow:none}
.z5x2q9{aspect-ratio:1;border-radius:var(--u71);background:#0b1014;border:1px solid var(--j37);display:grid;place-items:center;padding:24px}
.z5x2q9 img{width:100%;border-radius:8px}

/* ---------- 页脚 ---------- */
.i6s9r9{border-top:1px solid var(--j37);background:#04070a;margin-top:40px}
.jm-zone{max-width:1440px;margin:0 auto;padding:34px 18px 26px}
._5y13u{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
._5y13u h4{font-size:13.5px;margin-bottom:12px;color:var(--k22)}
._5y13u p{margin:0;font-size:12.5px;color:var(--g74);line-height:1.8}
._5y13u li{margin-bottom:8px}
._5y13u li a{font-size:12.5px;color:var(--g74)}
._5y13u li a:hover{color:var(--y74)}
.xz-item{margin-top:26px;padding-top:18px;border-top:1px solid var(--j37);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--g74)}
.xz-item nav{display:flex;gap:16px;flex-wrap:wrap}
.xz-item nav a:hover{color:var(--y74)}
._7po87{margin-top:20px;padding-top:16px;border-top:1px dashed var(--j37)}
._7po87 h4{font-size:12.5px;color:var(--g74);margin-bottom:9px}
._7po87 div{display:flex;flex-wrap:wrap;gap:7px 14px}
._7po87 a{font-size:12px;color:var(--g74)}
._7po87 a:hover{color:var(--y74)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
.k8r1b7,.reel-grid.v1t3w8{grid-template-columns:repeat(3,1fr)}
.d3r2i6{grid-template-columns:repeat(3,1fr)}
.fn-slot{grid-template-columns:repeat(3,1fr)}
.y9d4b8{grid-template-columns:repeat(2,1fr)}
.n8y4j6{grid-template-columns:1fr}
._dlhiw{grid-template-columns:repeat(2,1fr)}
._5y13u{grid-template-columns:1fr 1fr}
.i4o7k4{grid-template-columns:1fr}
.z5x2q9{max-width:260px}
._a32ih h1{font-size:26px}
}
@media (max-width:768px){
.top-inner{flex-wrap:wrap;gap:11px;padding:10px 14px}
.fn-row{order:3;width:100%}
.fn-row input{width:100%}
._8gi6f{order:4;width:100%}
._gzp67{order:2;margin-left:auto}
.nf-wrap{padding:16px 14px 46px}
.k8r1b7,.reel-grid.v1t3w8{grid-template-columns:repeat(2,1fr)}
.d3r2i6{grid-template-columns:repeat(2,1fr)}
.fn-slot{grid-template-columns:repeat(2,1fr)}
._dlhiw{grid-template-columns:1fr}
.bw-line{width:118px}
.mv-line{gap:18px}
.m1j1r9{padding:20px 17px}
._a32ih h1{font-size:22px}
._ppmts{font-size:18px}
}
@media (max-width:480px){
.k8r1b7,.reel-grid.v1t3w8{grid-template-columns:1fr 1fr;gap:10px}
.j2l7o7{font-size:12.5px}
.y9d4b8{grid-template-columns:1fr 1fr}
._5y13u{grid-template-columns:1fr}
.d3r2i6{grid-template-columns:1fr 1fr}
.bw-item{flex-wrap:wrap}
.bw-line{width:100%}
._a32ih h1{font-size:20px}
.qr-card{width:78px;height:78px}
._v4yxs h1{font-size:19px}
.g1f8m8{width:62px;height:62px}
.g1f8m8::after{border-left-width:19px;border-top-width:11px;border-bottom-width:11px}
}
