:root{
--a98:#0d1117;
--d23:#161b22;
--y12:#ef4444;
--u41:#fbbf24;
--u63:#e6edf3;
--p9:#8b949e;
--u91:12px;
--q26:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--a98);color:var(--u63);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--u63);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto}
.tx-head{max-width:1200px;margin:0 auto;padding:0 var(--q26)}
.wd-area{background:var(--d23);border-bottom:1px solid #30363d;padding:12px 0;position:sticky;top:0;z-index:100}
.wd-area > div{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--q26)}
.wd-area div a{margin-left:20px;font-size:14px;color:var(--p9)}
.wd-area div a:hover{color:var(--u63)}
._e4x9c{padding:24px 0;text-align:center}
.w2r5q5{padding:32px 0}
._nf3cb{margin:32px auto;max-width:1200px;padding:0 var(--q26)}
._laeox{font-size:20px;margin-bottom:16px;font-weight:700}
._655nt{color:var(--p9);font-size:14px;margin-bottom:24px}
.c8z9c7{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--q26)}
.a4t4u9{background:var(--d23);border:1px solid #30363d;border-radius:var(--u91);padding:16px;display:block;transition:transform .2s,border-color .2s}
.a4t4u9:hover{transform:translateY(-2px);border-color:#58a6ff}
.gk-area{color:var(--p9);font-size:12px;display:block;margin-top:4px}
.bx-col{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}
._nutls{background:var(--y12);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}
.z7j8j3{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse_dot 1.5s infinite}
@keyframes pulse_dot{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes pulse_live{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
.rp-item{background:var(--d23);border:1px solid #30363d;border-radius:var(--u91);padding:12px 20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;margin:16px auto;}
.rp-tag{background:var(--y12);color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}
._h1fpb{margin:32px auto;max-width:1200px;padding:0 var(--q26)}
.h2n1a7{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #21262d}
.h2n1a7 div{flex:1}
.h2n1a7 p{margin:8px 0;font-size:14px}
.h2n1a7 .hp-row{font-size:12px;color:var(--p9);margin-right:16px}
.sl-zone{font-size:12px;color:var(--p9);margin-left:8px}
.bx-tag{background:var(--d23);border:1px solid #30363d;border-radius:var(--u91);padding:16px;text-align:center}
.bx-tag .bx-col{width:48px;height:48px;font-size:18px;margin:0 auto 8px}
.bx-tag ._nutls{margin:4px 0;display:inline-block}
.cy-head{background:#1c2128;overflow:hidden;height:32px;position:relative;border-bottom:1px solid #30363d}
._hfosv{animation:scroll_up 20s linear infinite}
._hfosv p{height:32px;line-height:32px;font-size:13px;color:var(--u41);padding:0 16px;white-space:nowrap}
@keyframes scroll_up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.bx-slot{background:#000;aspect-ratio:16/9;border-radius:var(--u91);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;max-width:900px}
.bx-slot::after{content:"▶";font-size:48px;color:rgba(255,255,255,.8)}
.l5k2m5{position:relative;height:200px;overflow:hidden;margin:24px 0}
.l5k2m5 span{position:absolute;white-space:nowrap;font-size:14px;animation:fly_barrage 8s linear infinite;right:-200px}
@keyframes fly_barrage{0%{transform:translateX(0)}100%{transform:translateX(calc(-100vw - 200px))}}
._zl2r3{font-size:13px;color:var(--p9);padding:16px;max-width:1200px;margin:0 auto}
._zl2r3 a{color:var(--p9)}
.zt-line{counter-reset:rank}
.zt-line a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #21262d}
.zt-line a::before{counter-increment:rank;content:counter(rank);width:28px;height:28px;border-radius:50%;background:#30363d;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.zt-line a:nth-child(1)::before{background:var(--u41);color:#000}
.zt-line a:nth-child(2)::before{background:#94a3b8;color:#000}
.zt-line a:nth-child(3)::before{background:#cd7f32;color:#000}
.bw-grid{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #21262d;flex-wrap:wrap}
.bw-grid span:last-child{margin-left:auto}
.w1k6f6{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.w1k6f6 div{background:var(--d23);border:1px solid #30363d;border-radius:var(--u91);padding:20px}
.w1k6f6 div strong{font-size:24px;display:block;color:var(--u41)}
._bfjc3{display:flex;align-items:center;gap:16px;padding:16px;background:var(--d23);border:1px solid #30363d;border-radius:var(--u91);margin-bottom:12px}
._6ht6q{background:var(--d23);border-top:1px solid #30363d;padding:40px 0;margin-top:60px}
._6ht6q .c8z9c7{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
._6ht6q a{display:block;color:var(--p9);font-size:13px;margin:4px 0}
._rz3om{border:1px solid #30363d;border-radius:var(--u91);margin-bottom:12px;padding:16px}
._rz3om summary{cursor:pointer;font-weight:600}
._rz3om p{margin-top:8px;color:var(--p9);font-size:14px}
.gk-foot{max-width:600px;margin:40px auto;display:flex;gap:8px}
.gk-foot input{flex:1;background:var(--d23);border:1px solid #30363d;border-radius:6px;padding:12px 16px;color:var(--u63);font-size:15px}
.bx-wrap{max-width:800px;margin:40px auto;padding:0 var(--q26)}
.bx-wrap h2{margin:24px 0 12px}
.bx-wrap p{color:var(--p9);font-size:14px;margin-bottom:12px}
.nf-tag{margin:32px auto;max-width:1200px;padding:0 var(--q26)}
@media(max-width:768px){
.c8z9c7{grid-template-columns:1fr}
.wd-area > div{flex-direction:column;gap:8px}
.w1k6f6{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.w1k6f6{grid-template-columns:1fr}
}
