:root{
--f74:#0d1117;
--y8:#161b22;
--v36:#ef4444;
--e29:#fbbf24;
--w44:#e6edf3;
--y51:#8b949e;
--z77:12px;
--m48:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--f74);color:var(--w44);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--w44);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto}
._537gk{max-width:1200px;margin:0 auto;padding:0 var(--m48)}
._9lwlz{background:var(--y8);border-bottom:1px solid #30363d;padding:12px 0;position:sticky;top:0;z-index:100}
._9lwlz > div{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--m48)}
._9lwlz div a{margin-left:20px;font-size:14px;color:var(--y51)}
._9lwlz div a:hover{color:var(--w44)}
.hp-item{padding:24px 0;text-align:center}
.r4f5q9{padding:32px 0}
.q8a8o8{margin:32px auto;max-width:1200px;padding:0 var(--m48)}
.jm-mark{font-size:20px;margin-bottom:16px;font-weight:700}
.c1p8a4{color:var(--y51);font-size:14px;margin-bottom:24px}
.fn-pan{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--m48)}
.vw-unit{background:var(--y8);border:1px solid #30363d;border-radius:var(--z77);padding:16px;display:block;transition:transform .2s,border-color .2s}
.vw-unit:hover{transform:translateY(-2px);border-color:#58a6ff}
.hp-chip{color:var(--y51);font-size:12px;display:block;margin-top:4px}
.pn-wrap{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}
.pn-area{background:var(--v36);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}
._ujnu1{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)}}
.hp-list{background:var(--y8);border:1px solid #30363d;border-radius:var(--z77);padding:12px 20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;margin:16px auto;}
.nf-body{background:var(--v36);color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}
.d6y2l8{margin:32px auto;max-width:1200px;padding:0 var(--m48)}
.nf-list{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #21262d}
.nf-list div{flex:1}
.nf-list p{margin:8px 0;font-size:14px}
.nf-list ._oit3i{font-size:12px;color:var(--y51);margin-right:16px}
.vw-cell{font-size:12px;color:var(--y51);margin-left:8px}
._ehi2z{background:var(--y8);border:1px solid #30363d;border-radius:var(--z77);padding:16px;text-align:center}
._ehi2z .pn-wrap{width:48px;height:48px;font-size:18px;margin:0 auto 8px}
._ehi2z .pn-area{margin:4px 0;display:inline-block}
.xz-wrap{background:#1c2128;overflow:hidden;height:32px;position:relative;border-bottom:1px solid #30363d}
._ac7vb{animation:scroll_up 20s linear infinite}
._ac7vb p{height:32px;line-height:32px;font-size:13px;color:var(--e29);padding:0 16px;white-space:nowrap}
@keyframes scroll_up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.dk-flow{background:#000;aspect-ratio:16/9;border-radius:var(--z77);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;max-width:900px}
.dk-flow::after{content:"▶";font-size:48px;color:rgba(255,255,255,.8)}
.i3y2e7{position:relative;height:200px;overflow:hidden;margin:24px 0}
.i3y2e7 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))}}
.g5u8w1{font-size:13px;color:var(--y51);padding:16px;max-width:1200px;margin:0 auto}
.g5u8w1 a{color:var(--y51)}
._edxpg{counter-reset:rank}
._edxpg a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #21262d}
._edxpg 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}
._edxpg a:nth-child(1)::before{background:var(--e29);color:#000}
._edxpg a:nth-child(2)::before{background:#94a3b8;color:#000}
._edxpg a:nth-child(3)::before{background:#cd7f32;color:#000}
.u5x6t1{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #21262d;flex-wrap:wrap}
.u5x6t1 span:last-child{margin-left:auto}
._9uczg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
._9uczg div{background:var(--y8);border:1px solid #30363d;border-radius:var(--z77);padding:20px}
._9uczg div strong{font-size:24px;display:block;color:var(--e29)}
._efxl9{display:flex;align-items:center;gap:16px;padding:16px;background:var(--y8);border:1px solid #30363d;border-radius:var(--z77);margin-bottom:12px}
.wd-area{background:var(--y8);border-top:1px solid #30363d;padding:40px 0;margin-top:60px}
.wd-area .fn-pan{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.wd-area a{display:block;color:var(--y51);font-size:13px;margin:4px 0}
.bw-unit{border:1px solid #30363d;border-radius:var(--z77);margin-bottom:12px;padding:16px}
.bw-unit summary{cursor:pointer;font-weight:600}
.bw-unit p{margin-top:8px;color:var(--y51);font-size:14px}
.y8l4z1{max-width:600px;margin:40px auto;display:flex;gap:8px}
.y8l4z1 input{flex:1;background:var(--y8);border:1px solid #30363d;border-radius:6px;padding:12px 16px;color:var(--w44);font-size:15px}
.b5q7h2{max-width:800px;margin:40px auto;padding:0 var(--m48)}
.b5q7h2 h2{margin:24px 0 12px}
.b5q7h2 p{color:var(--y51);font-size:14px;margin-bottom:12px}
.z8s2a3{margin:32px auto;max-width:1200px;padding:0 var(--m48)}
@media(max-width:768px){
.fn-pan{grid-template-columns:1fr}
._9lwlz > div{flex-direction:column;gap:8px}
._9uczg{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
._9uczg{grid-template-columns:1fr}
}
