:root{
--x79:#000000;
--v40:#0c0f12;
--f87:#12171c;
--e21:#1e262e;
--x22:#06b6d4;
--d33:#0891a8;
--p8:#22d3ee;
--g46:#f59e0b;
--b68:#22c55e;
--d43:#ef4444;
--n69:#f2f6f8;
--j72:#9fb0bb;
--w99:#6b7c88;
--u61:10px;
--q75:16px;
--p12:14px;
--e89:0 0 0 1px rgba(6,182,212,.35),0 0 18px rgba(6,182,212,.28);
--y43:-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(--x79);color:var(--n69);font-family:var(--y43);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)}
.c1o7r4{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(--e21)}
.top-inner{max-width:1440px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:18px}
.n1d3y4{display:flex;align-items:center;gap:9px;flex-shrink:0}
._owgra{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(--e89)}
._owgra 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}
.mv-row{font-size:17px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
.mv-row em{font-style:normal;color:var(--p8)}
._dw94y{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
._dw94y::-webkit-scrollbar{display:none}
._dw94y a{padding:6px 11px;border-radius:8px;font-size:13.5px;color:var(--j72);white-space:nowrap;border:1px solid transparent}
._dw94y a:hover{color:var(--n69);background:var(--f87);border-color:var(--e21)}
._dw94y a.i1p2u4{color:#031318;background:var(--x22);font-weight:700}
.hp-pan{display:flex;align-items:center;gap:0;flex-shrink:0}
.hp-pan input{width:190px;padding:7px 12px;border-radius:8px 0 0 8px;border:1px solid var(--e21);border-right:0;background:#080b0e;color:var(--n69);font-size:13px;outline:0}
.hp-pan input:focus{border-color:var(--d33)}
.hp-pan button{padding:7px 14px;border-radius:0 8px 8px 0;border:1px solid var(--d33);background:linear-gradient(180deg,#0891a8,#06758a);color:#e8feff;font-size:13px;font-weight:700;cursor:pointer}
.vw-mark{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--e21);border-radius:999px;font-size:12.5px;color:var(--j72);flex-shrink:0}
.rp-zone{width:7px;height:7px;border-radius:50%;background:var(--b68);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)}}

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

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

/* ---------- 首屏标题 ---------- */
.xz-flow{padding:26px 0 8px}
.xz-flow h1{font-size:31px;letter-spacing:.6px}
.xz-flow h1 span{color:var(--p8);text-shadow:0 0 22px rgba(34,211,238,.5)}
._fq594{margin:9px 0 0;font-size:14.5px;color:var(--j72);max-width:760px}
._2vxgt{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
._2vxgt span{font-size:12.5px;color:var(--j72);border:1px solid var(--e21);border-radius:7px;padding:4px 10px;background:var(--v40)}
._2vxgt span b{color:var(--p8);font-weight:700}

/* ---------- 视频网格 ---------- */
.pn-col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--p12)}
.reel-grid.t2x7p7{grid-template-columns:repeat(5,1fr)}
.e8g8g3{background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.e8g8g3: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)}
.lq-area{position:relative;aspect-ratio:16/9;background:#0a0d10;overflow:hidden}
.lq-area img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.e8g8g3:hover .lq-area img{transform:scale(1.055)}
._5bttt{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}
._nazx4{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._lzlpi{background:rgba(255,255,255,.1);color:#e2e8ec;border-color:rgba(255,255,255,.3)}
.e6q4i3{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))}
.e8g8g3:hover .e6q4i3{opacity:1}
.e6q4i3 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)}
.e6q4i3 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}
._am7gu{padding:10px 11px 12px}
._zfzb7{font-size:13.5px;font-weight:600;line-height:1.45;height:2.9em;overflow:hidden;color:var(--n69)}
.e8g8g3:hover ._zfzb7{color:#a5f3fc}
._9gq70{margin-top:7px;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--w99)}
._9gq70 .z3h7a3{color:var(--j72);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
._9gq70 .w3c3a1{width:3px;height:3px;border-radius:50%;background:var(--w99);flex-shrink:0}
._9gq70 .c1k9e3{color:var(--p8);font-variant-numeric:tabular-nums}

/* ---------- 上传者卡 ---------- */
._snfph{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--p12)}
.n3o6h6{background:var(--v40);border:1px solid var(--e21);border-radius:var(--q75);padding:17px 13px 15px;text-align:center;transition:border-color .18s,transform .18s}
.n3o6h6:hover{border-color:rgba(6,182,212,.5);transform:translateY(-2px)}
.cy-foot{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)}
.m5j3v7{margin-top:10px;font-size:14px;font-weight:700}
.i6s5x7{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)}
.a2w3g4{margin-top:10px;display:flex;justify-content:center;gap:12px;font-size:11.5px;color:var(--w99)}
.a2w3g4 b{display:block;color:var(--n69);font-size:13px;font-variant-numeric:tabular-nums}
.m6v6l5{margin-top:12px;width:100%;padding:7px 0;border-radius:8px;border:1px solid var(--d33);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)}
.m6v6l5: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)}

/* ---------- 频道导航 ---------- */
.c4s9d4{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--p12)}
.pn-slot{display:block;background:linear-gradient(160deg,var(--f87),var(--v40));border:1px solid var(--e21);border-radius:var(--u61);padding:16px 15px;transition:border-color .18s,box-shadow .18s}
.pn-slot: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)}
.l3a5p5{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)}
.pn-slot h3{margin-top:11px;font-size:14.5px}
.pn-slot p{margin:6px 0 0;font-size:12px;color:var(--w99);line-height:1.55}
.pn-slot span{display:inline-block;margin-top:9px;font-size:11.5px;color:var(--p8)}

/* ---------- 数据看板 ---------- */
._dqzcq{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--p12)}
.rp-wrap{background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);padding:16px}
.rp-wrap small{font-size:11.5px;color:var(--w99);letter-spacing:.6px;text-transform:uppercase}
.rp-wrap strong{display:block;margin-top:6px;font-size:25px;color:var(--p8);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(34,211,238,.35)}
.rp-wrap p{margin:4px 0 0;font-size:11.5px;color:var(--w99)}
.pn-pill{margin-top:10px;height:5px;border-radius:3px;background:#0b1014;overflow:hidden;border:1px solid var(--e21)}
.pn-pill i{display:block;height:100%;background:linear-gradient(90deg,#06b6d4,#22d3ee)}
.q2f4o3{margin-top:12px;font-size:12px;color:var(--w99);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.q2f4o3 b{color:var(--b68)}

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

/* ---------- 播放列表卡 ---------- */
._hjbb8{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--p12)}
.bx-head{background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);overflow:hidden;transition:border-color .18s}
.bx-head:hover{border-color:rgba(6,182,212,.55)}
.f1x2c5{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:16/9;background:#07090b;position:relative}
.f1x2c5 img{width:100%;height:100%;object-fit:cover}
.f1x2c5 img:first-child{grid-row:span 2}
._63knm{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}
._v3tus{padding:12px 13px 14px}
._v3tus h3{font-size:14.5px;line-height:1.45}
._v3tus p{margin:7px 0 0;font-size:12px;color:var(--w99);line-height:1.6}
._v3tus ._9gq70{margin-top:9px}

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

/* ---------- 评论区 ---------- */
.bx-box{display:flex;flex-direction:column;gap:0}
._pwffj{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(30,38,46,.8)}
._pwffj:last-child{border-bottom:0}
.fn-note{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--e21)}
.e3y6a6{flex:1;min-width:0}
._ostvr{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
._ostvr b{font-size:13px;color:var(--n69)}
._ostvr time{font-size:11.5px;color:var(--w99)}
.vw-tag{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)}
.sl-item{margin:6px 0 0;font-size:13.5px;color:var(--j72);line-height:1.66}
.sl-item em{font-style:normal;color:var(--p8);font-variant-numeric:tabular-nums}
.o8t6s7{margin-top:8px;display:flex;gap:16px;font-size:11.5px;color:var(--w99)}
.o8t6s7 span{display:inline-flex;align-items:center;gap:4px}
.o8t6s7 span:hover{color:var(--p8)}
.fn-body{margin-top:16px;display:flex;gap:11px;align-items:flex-start}
.fn-body textarea{flex:1;min-height:62px;padding:11px 13px;border-radius:var(--u61);border:1px solid var(--e21);background:#080b0e;color:var(--n69);font-size:13.5px;font-family:inherit;resize:vertical;outline:0}
.fn-body textarea:focus{border-color:var(--d33)}
.fn-body button{padding:11px 20px;border-radius:var(--u61);border:1px solid var(--d33);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)}

/* ---------- 播放页 ---------- */
.jm-item{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}
._rl1s5{background:#000;border:1px solid var(--e21);border-radius:var(--u61);overflow:hidden}
._xcm08{position:relative;aspect-ratio:16/9;background:#000}
._xcm08 img{width:100%;height:100%;object-fit:cover;opacity:.62}
.e8a5s1{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%)}
._d7o26{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}
._d7o26:hover{transform:scale(1.07);box-shadow:0 0 60px rgba(6,182,212,.8)}
._d7o26::after{content:"";width:0;height:0;border-left:25px solid #eafeff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:7px}
.rp-box{position:absolute;left:12px;top:12px;display:flex;gap:7px}
.rp-box 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}
.d1c4i9{padding:11px 13px 13px;background:linear-gradient(180deg,#05080a,#0b0f13);border-top:1px solid var(--e21)}
.r5e9r6{position:relative;height:5px;border-radius:3px;background:#1a2229;cursor:pointer}
.b6v6u5{position:absolute;left:0;top:0;bottom:0;background:#2b3841;border-radius:3px}
.t2q5i9{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)}
.g2u4u9{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)}
._iw7c9{margin-top:10px;display:flex;align-items:center;gap:15px;font-size:12px;color:var(--j72)}
._iw7c9 .pn-area{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--e21);background:#0d1216;color:#a5f3fc;font-size:11px;cursor:pointer}
._iw7c9 .pn-area:hover{border-color:rgba(34,211,238,.55)}
._iw7c9 ._dvi7w{font-variant-numeric:tabular-nums;color:var(--w99)}
._iw7c9 .hp-flow{margin-left:auto}
._iw7c9 select{background:#0d1216;color:#a5f3fc;border:1px solid var(--e21);border-radius:6px;padding:3px 7px;font-size:11.5px;font-family:inherit;outline:0}

.w4u1z4{margin-top:18px;font-size:22px;line-height:1.4}
.lq-line{margin-top:11px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--w99)}
.lq-line .mv-flow{font-size:19px;font-weight:800;color:var(--p8);font-variant-numeric:tabular-nums}
._bof21{margin-top:15px;padding:15px;background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61)}
.wd-foot{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--w99)}
.wd-foot b{color:var(--b68);font-size:14px}
.u3h6j7{margin-top:9px;display:flex;height:7px;border-radius:4px;overflow:hidden;background:#151b21}
.u3h6j7 i{display:block;height:100%}
.u3h6j7 i:first-child{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 10px rgba(34,197,94,.5)}
.u3h6j7 i:last-child{background:linear-gradient(90deg,#b91c1c,#ef4444)}
.fn-row{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}
.fn-row button{padding:8px 15px;border-radius:8px;border:1px solid var(--e21);background:#0d1216;color:var(--j72);font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.fn-row button:hover{border-color:rgba(34,211,238,.55);color:#a5f3fc}
.fn-row button._4yu7m{border-color:var(--d33);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)}

._v0rtk{margin-top:20px;padding:15px;background:linear-gradient(150deg,var(--f87),var(--v40));border:1px solid var(--e21);border-radius:var(--u61);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
._v0rtk img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(34,211,238,.45)}
._v0rtk ._2kwas{flex:1;min-width:150px}
._v0rtk ._2kwas b{font-size:15px;display:flex;align-items:center;gap:7px}
._eu6xh{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}
._v0rtk ._2kwas p{margin:5px 0 0;font-size:12px;color:var(--w99)}

._b71ag{margin-top:18px;padding:15px;background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);font-size:13.5px;color:var(--j72);line-height:1.75}
._b71ag h3{font-size:14px;margin-bottom:9px;color:var(--n69)}
.c9q5j7{margin-top:12px;display:flex;flex-direction:column;gap:7px}
.c9q5j7 a{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--j72)}
.c9q5j7 a b{font-variant-numeric:tabular-nums;color:var(--p8);border:1px solid rgba(34,211,238,.35);border-radius:4px;padding:0 6px;font-size:11.5px}
.c9q5j7 a:hover{color:#a5f3fc}
.nf-chip{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.nf-chip a{font-size:12px;padding:4px 11px;border-radius:999px;border:1px solid var(--e21);color:var(--j72);background:#0b1014}
.nf-chip a:hover{border-color:rgba(34,211,238,.55);color:#a5f3fc}

/* 侧栏 */
._1v3uj{display:flex;flex-direction:column;gap:20px}
._jh65z{background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);padding:14px}
._jh65z h3{font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
._jh65z h3::before{content:"";width:3px;height:14px;background:var(--x22);border-radius:2px}
._x7djb{display:flex;flex-direction:column;gap:11px}
.s4o7b9{display:flex;gap:10px}
.s4o7b9 ._trork{width:112px;flex-shrink:0;aspect-ratio:16/9;border-radius:7px;overflow:hidden;position:relative;background:#0a0d10}
.s4o7b9 ._trork img{width:100%;height:100%;object-fit:cover}
.s4o7b9 ._trork 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}
.s4o7b9 .f5m7z7{min-width:0;flex:1}
.s4o7b9 .f5m7z7 p{margin:0;font-size:12.5px;line-height:1.45;height:2.9em;overflow:hidden;color:var(--n69)}
.s4o7b9:hover .f5m7z7 p{color:#a5f3fc}
.s4o7b9 .f5m7z7 small{display:block;margin-top:5px;font-size:11px;color:var(--w99)}
.vw-pill{display:flex;flex-direction:column;gap:10px}
._0s0qd{display:flex;align-items:center;gap:10px;font-size:12.5px}
.lq-item{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#131a20;color:var(--w99);flex-shrink:0}
._0s0qd:nth-child(1) .lq-item{background:rgba(6,182,212,.22);color:#a5f3fc;border:1px solid rgba(34,211,238,.5)}
._0s0qd:nth-child(2) .lq-item{background:rgba(6,182,212,.14);color:#7dd3fc}
._0s0qd:nth-child(3) .lq-item{background:rgba(6,182,212,.09);color:#67e8f9}
._0s0qd p{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--j72)}
._0s0qd:hover p{color:#a5f3fc}
._0s0qd em{font-style:normal;font-size:11px;color:var(--w99);font-variant-numeric:tabular-nums;flex-shrink:0}

/* ---------- 面包屑 ---------- */
.a7q8z3{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--w99);padding:14px 0 4px;flex-wrap:wrap}
.a7q8z3 a{color:var(--j72)}
.a7q8z3 a:hover{color:var(--p8)}
.a7q8z3 span{color:var(--w99)}

/* ---------- 用户主页 ---------- */
.gk-zone{height:196px;border-radius:var(--q75);background:linear-gradient(125deg,#020617,#06364a 45%,#0e7490 78%,#083344);position:relative;overflow:hidden;border:1px solid var(--e21)}
.gk-zone::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)}
._opn4i{position:absolute;right:-60px;top:-60px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.4),transparent 66%)}
._9c6x4{margin-top:-52px;padding:0 22px;display:flex;align-items:flex-end;gap:18px;position:relative;z-index:2;flex-wrap:wrap}
._nj4js{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)}
.v8p5n1{flex:1;min-width:200px;padding-bottom:7px}
.v8p5n1 h1{font-size:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v8p5n1 p{margin:8px 0 0;font-size:13px;color:var(--j72);max-width:640px}
._tvf40{display:flex;gap:26px;padding-bottom:9px}
._tvf40 div{text-align:center}
._tvf40 b{display:block;font-size:19px;color:var(--p8);font-variant-numeric:tabular-nums}
._tvf40 small{font-size:11.5px;color:var(--w99)}

/* ---------- 榜单 ---------- */
._iefi0{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
._iefi0 a{padding:6px 15px;border-radius:999px;border:1px solid var(--e21);font-size:13px;color:var(--j72)}
._iefi0 a.i1p2u4{background:var(--x22);color:#031318;border-color:var(--x22);font-weight:700;box-shadow:0 0 16px rgba(6,182,212,.4)}
.r3p4q7{display:flex;flex-direction:column;gap:11px}
.h5u6g9{display:flex;gap:14px;padding:12px;background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);align-items:center}
.h5u6g9:hover{border-color:rgba(6,182,212,.5)}
._qtjf7{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:15px;font-weight:800;background:#131a20;color:var(--w99);flex-shrink:0;font-variant-numeric:tabular-nums}
.h5u6g9:nth-child(1) ._qtjf7{background:linear-gradient(140deg,#0891a8,#22d3ee);color:#04171c;box-shadow:0 0 18px rgba(34,211,238,.5)}
.h5u6g9:nth-child(2) ._qtjf7{background:rgba(6,182,212,.24);color:#a5f3fc}
.h5u6g9:nth-child(3) ._qtjf7{background:rgba(6,182,212,.14);color:#7dd3fc}
._rrfcc{width:150px;flex-shrink:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;background:#0a0d10}
._rrfcc img{width:100%;height:100%;object-fit:cover}
._rrfcc b{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.85);font-size:10.5px;padding:0 5px;border-radius:3px}
._nbhq9{flex:1;min-width:0}
._nbhq9 h3{font-size:14.5px;line-height:1.45}
._nbhq9 ._9gq70{margin-top:8px}
._1bzwv{margin-top:9px;display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--w99)}
._1bzwv .pn-body{flex:1;max-width:180px;height:4px;border-radius:2px;background:#151b21;overflow:hidden}
._1bzwv .pn-body i{display:block;height:100%;background:linear-gradient(90deg,#0891a8,#22d3ee)}

/* ---------- 文本页 ---------- */
._pdt76{max-width:880px;background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);padding:26px 28px}
._pdt76 h1{font-size:24px;margin-bottom:6px}
._pdt76 .bx-foot{font-size:12px;color:var(--w99);margin-bottom:20px}
._pdt76 h2{font-size:16.5px;margin:24px 0 10px;padding-left:11px;border-left:3px solid var(--x22)}
._pdt76 p{margin:0 0 13px;font-size:14px;color:var(--j72);line-height:1.82}
._pdt76 ul{margin:0 0 14px;padding-left:19px;list-style:disc}
._pdt76 li{font-size:13.5px;color:var(--j72);line-height:1.8;margin-bottom:6px}
._pdt76 a{color:var(--p8);border-bottom:1px dashed rgba(34,211,238,.4)}
._pdt76 table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px}
._pdt76 th,._pdt76 td{border:1px solid var(--e21);padding:9px 11px;text-align:left;color:var(--j72)}
._pdt76 th{background:#0f151a;color:var(--n69);font-weight:700}

/* FAQ 折叠 */
.dk-note{display:flex;flex-direction:column;gap:11px}
.f5j4o3{background:var(--v40);border:1px solid var(--e21);border-radius:var(--u61);overflow:hidden}
.f5j4o3 summary{padding:14px 17px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
.f5j4o3 summary::-webkit-details-marker{display:none}
.f5j4o3 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)}
.f5j4o3[open] summary{border-bottom:1px solid var(--e21);color:#a5f3fc}
._dci67{padding:14px 17px 16px;font-size:13.5px;color:var(--j72);line-height:1.8}

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

/* ---------- 页脚 ---------- */
.zt-item{border-top:1px solid var(--e21);background:#04070a;margin-top:40px}
._meqqs{max-width:1440px;margin:0 auto;padding:34px 18px 26px}
.o7c5p6{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.o7c5p6 h4{font-size:13.5px;margin-bottom:12px;color:var(--n69)}
.o7c5p6 p{margin:0;font-size:12.5px;color:var(--w99);line-height:1.8}
.o7c5p6 li{margin-bottom:8px}
.o7c5p6 li a{font-size:12.5px;color:var(--w99)}
.o7c5p6 li a:hover{color:var(--p8)}
._gtsyy{margin-top:26px;padding-top:18px;border-top:1px solid var(--e21);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--w99)}
._gtsyy nav{display:flex;gap:16px;flex-wrap:wrap}
._gtsyy nav a:hover{color:var(--p8)}
.m9g5o6{margin-top:20px;padding-top:16px;border-top:1px dashed var(--e21)}
.m9g5o6 h4{font-size:12.5px;color:var(--w99);margin-bottom:9px}
.m9g5o6 div{display:flex;flex-wrap:wrap;gap:7px 14px}
.m9g5o6 a{font-size:12px;color:var(--w99)}
.m9g5o6 a:hover{color:var(--p8)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
.pn-col,.reel-grid.t2x7p7{grid-template-columns:repeat(3,1fr)}
._snfph{grid-template-columns:repeat(3,1fr)}
.c4s9d4{grid-template-columns:repeat(3,1fr)}
._dqzcq{grid-template-columns:repeat(2,1fr)}
.jm-item{grid-template-columns:1fr}
._hjbb8{grid-template-columns:repeat(2,1fr)}
.o7c5p6{grid-template-columns:1fr 1fr}
.pn-tag{grid-template-columns:1fr}
.w9q5d2{max-width:260px}
.xz-flow h1{font-size:26px}
}
@media (max-width:768px){
.top-inner{flex-wrap:wrap;gap:11px;padding:10px 14px}
.hp-pan{order:3;width:100%}
.hp-pan input{width:100%}
._dw94y{order:4;width:100%}
.vw-mark{order:2;margin-left:auto}
.r6r7z9{padding:16px 14px 46px}
.pn-col,.reel-grid.t2x7p7{grid-template-columns:repeat(2,1fr)}
._snfph{grid-template-columns:repeat(2,1fr)}
.c4s9d4{grid-template-columns:repeat(2,1fr)}
._hjbb8{grid-template-columns:1fr}
._rrfcc{width:118px}
._tvf40{gap:18px}
._pdt76{padding:20px 17px}
.xz-flow h1{font-size:22px}
.w4u1z4{font-size:18px}
}
@media (max-width:480px){
.pn-col,.reel-grid.t2x7p7{grid-template-columns:1fr 1fr;gap:10px}
._zfzb7{font-size:12.5px}
._dqzcq{grid-template-columns:1fr 1fr}
.o7c5p6{grid-template-columns:1fr}
._snfph{grid-template-columns:1fr 1fr}
.h5u6g9{flex-wrap:wrap}
._rrfcc{width:100%}
.xz-flow h1{font-size:20px}
._nj4js{width:78px;height:78px}
.v8p5n1 h1{font-size:19px}
._d7o26{width:62px;height:62px}
._d7o26::after{border-left-width:19px;border-top-width:11px;border-bottom-width:11px}
}