:root{
--t87:#0d1117;
--q2:#161b22;
--m56:#ef4444;
--v81:#fbbf24;
--z41:#e6edf3;
--d18:#8b949e;
--m64:12px;
--h27:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--t87);color:var(--z41);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--z41);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto}
._8w8h5{max-width:1200px;margin:0 auto;padding:0 var(--h27)}
.fn-wrap{background:var(--q2);border-bottom:1px solid #30363d;padding:12px 0;position:sticky;top:0;z-index:100}
.fn-wrap > div{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--h27)}
.fn-wrap div a{margin-left:20px;font-size:14px;color:var(--d18)}
.fn-wrap div a:hover{color:var(--z41)}
._eb4pq{padding:24px 0;text-align:center}
._lf2l4{padding:32px 0}
._ua7fn{margin:32px auto;max-width:1200px;padding:0 var(--h27)}
.wd-item{font-size:20px;margin-bottom:16px;font-weight:700}
._lwwn4{color:var(--d18);font-size:14px;margin-bottom:24px}
.pn-unit{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--h27)}
.cy-pan{background:var(--q2);border:1px solid #30363d;border-radius:var(--m64);padding:16px;display:block;transition:transform .2s,border-color .2s}
.cy-pan:hover{transform:translateY(-2px);border-color:#58a6ff}
._s5q8x{color:var(--d18);font-size:12px;display:block;margin-top:4px}
.y9w1g5{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}
.g4j3l5{background:var(--m56);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}
.s7c4c1{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)}}
.d9k5x6{background:var(--q2);border:1px solid #30363d;border-radius:var(--m64);padding:12px 20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;margin:16px auto;}
._3db8r{background:var(--m56);color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}
.wd-slot{margin:32px auto;max-width:1200px;padding:0 var(--h27)}
.c1l4a4{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #21262d}
.c1l4a4 div{flex:1}
.c1l4a4 p{margin:8px 0;font-size:14px}
.c1l4a4 .v4e7x8{font-size:12px;color:var(--d18);margin-right:16px}
._eajg8{font-size:12px;color:var(--d18);margin-left:8px}
._iiicw{background:var(--q2);border:1px solid #30363d;border-radius:var(--m64);padding:16px;text-align:center}
._iiicw .y9w1g5{width:48px;height:48px;font-size:18px;margin:0 auto 8px}
._iiicw .g4j3l5{margin:4px 0;display:inline-block}
.dk-tag{background:#1c2128;overflow:hidden;height:32px;position:relative;border-bottom:1px solid #30363d}
._bl9ai{animation:scroll_up 20s linear infinite}
._bl9ai p{height:32px;line-height:32px;font-size:13px;color:var(--v81);padding:0 16px;white-space:nowrap}
@keyframes scroll_up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.gk-list{background:#000;aspect-ratio:16/9;border-radius:var(--m64);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;max-width:900px}
.gk-list::after{content:"▶";font-size:48px;color:rgba(255,255,255,.8)}
.cy-area{position:relative;height:200px;overflow:hidden;margin:24px 0}
.cy-area 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))}}
._j2i7f{font-size:13px;color:var(--d18);padding:16px;max-width:1200px;margin:0 auto}
._j2i7f a{color:var(--d18)}
.mv-tag{counter-reset:rank}
.mv-tag a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #21262d}
.mv-tag 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}
.mv-tag a:nth-child(1)::before{background:var(--v81);color:#000}
.mv-tag a:nth-child(2)::before{background:#94a3b8;color:#000}
.mv-tag a:nth-child(3)::before{background:#cd7f32;color:#000}
.gk-tag{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #21262d;flex-wrap:wrap}
.gk-tag span:last-child{margin-left:auto}
.l5k9u7{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.l5k9u7 div{background:var(--q2);border:1px solid #30363d;border-radius:var(--m64);padding:20px}
.l5k9u7 div strong{font-size:24px;display:block;color:var(--v81)}
.b7c1h1{display:flex;align-items:center;gap:16px;padding:16px;background:var(--q2);border:1px solid #30363d;border-radius:var(--m64);margin-bottom:12px}
._f5pqq{background:var(--q2);border-top:1px solid #30363d;padding:40px 0;margin-top:60px}
._f5pqq .pn-unit{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
._f5pqq a{display:block;color:var(--d18);font-size:13px;margin:4px 0}
._yszb6{border:1px solid #30363d;border-radius:var(--m64);margin-bottom:12px;padding:16px}
._yszb6 summary{cursor:pointer;font-weight:600}
._yszb6 p{margin-top:8px;color:var(--d18);font-size:14px}
.c5f1v2{max-width:600px;margin:40px auto;display:flex;gap:8px}
.c5f1v2 input{flex:1;background:var(--q2);border:1px solid #30363d;border-radius:6px;padding:12px 16px;color:var(--z41);font-size:15px}
.bx-wrap{max-width:800px;margin:40px auto;padding:0 var(--h27)}
.bx-wrap h2{margin:24px 0 12px}
.bx-wrap p{color:var(--d18);font-size:14px;margin-bottom:12px}
.zt-col{margin:32px auto;max-width:1200px;padding:0 var(--h27)}
@media(max-width:768px){
.pn-unit{grid-template-columns:1fr}
.fn-wrap > div{flex-direction:column;gap:8px}
.l5k9u7{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.l5k9u7{grid-template-columns:1fr}
}
