:root{
--x75:#0d1117;
--a11:#161b22;
--m42:#ef4444;
--h55:#fbbf24;
--z72:#e6edf3;
--q59:#8b949e;
--n24:12px;
--q67:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--x75);color:var(--z72);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--z72);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto}
.i9c6r6{max-width:1200px;margin:0 auto;padding:0 var(--q67)}
.wd-area{background:var(--a11);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(--q67)}
.wd-area div a{margin-left:20px;font-size:14px;color:var(--q59)}
.wd-area div a:hover{color:var(--z72)}
.bx-pan{padding:24px 0;text-align:center}
.q4a4o5{padding:32px 0}
._7in7s{margin:32px auto;max-width:1200px;padding:0 var(--q67)}
.d3d1a6{font-size:20px;margin-bottom:16px;font-weight:700}
.fn-chip{color:var(--q59);font-size:14px;margin-bottom:24px}
.hp-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--q67)}
._3dklz{background:var(--a11);border:1px solid #30363d;border-radius:var(--n24);padding:16px;display:block;transition:transform .2s,border-color .2s}
._3dklz:hover{transform:translateY(-2px);border-color:#58a6ff}
.g3j1e2{color:var(--q59);font-size:12px;display:block;margin-top:4px}
.qr-cell{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}
._8ubbd{background:var(--m42);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600}
.f9n9y7{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)}}
._fqiwv{background:var(--a11);border:1px solid #30363d;border-radius:var(--n24);padding:12px 20px;display:inline-flex;align-items:center;gap:8px;font-size:14px;margin:16px auto;}
.lq-mark{background:var(--m42);color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}
.h2w3o4{margin:32px auto;max-width:1200px;padding:0 var(--q67)}
.fn-grid{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #21262d}
.fn-grid div{flex:1}
.fn-grid p{margin:8px 0;font-size:14px}
.fn-grid .w2r6c3{font-size:12px;color:var(--q59);margin-right:16px}
.n8q1j8{font-size:12px;color:var(--q59);margin-left:8px}
._lkb08{background:var(--a11);border:1px solid #30363d;border-radius:var(--n24);padding:16px;text-align:center}
._lkb08 .qr-cell{width:48px;height:48px;font-size:18px;margin:0 auto 8px}
._lkb08 ._8ubbd{margin:4px 0;display:inline-block}
.cy-cell{background:#1c2128;overflow:hidden;height:32px;position:relative;border-bottom:1px solid #30363d}
.y1u4e5{animation:scroll_up 20s linear infinite}
.y1u4e5 p{height:32px;line-height:32px;font-size:13px;color:var(--h55);padding:0 16px;white-space:nowrap}
@keyframes scroll_up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.pn-slot{background:#000;aspect-ratio:16/9;border-radius:var(--n24);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;max-width:900px}
.pn-slot::after{content:"▶";font-size:48px;color:rgba(255,255,255,.8)}
._o14c9{position:relative;height:200px;overflow:hidden;margin:24px 0}
._o14c9 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))}}
.nf-area{font-size:13px;color:var(--q59);padding:16px;max-width:1200px;margin:0 auto}
.nf-area a{color:var(--q59)}
.l8u9y1{counter-reset:rank}
.l8u9y1 a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #21262d}
.l8u9y1 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}
.l8u9y1 a:nth-child(1)::before{background:var(--h55);color:#000}
.l8u9y1 a:nth-child(2)::before{background:#94a3b8;color:#000}
.l8u9y1 a:nth-child(3)::before{background:#cd7f32;color:#000}
.bx-mark{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #21262d;flex-wrap:wrap}
.bx-mark span:last-child{margin-left:auto}
._5e1gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
._5e1gl div{background:var(--a11);border:1px solid #30363d;border-radius:var(--n24);padding:20px}
._5e1gl div strong{font-size:24px;display:block;color:var(--h55)}
.hp-box{display:flex;align-items:center;gap:16px;padding:16px;background:var(--a11);border:1px solid #30363d;border-radius:var(--n24);margin-bottom:12px}
.rp-row{background:var(--a11);border-top:1px solid #30363d;padding:40px 0;margin-top:60px}
.rp-row .hp-area{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.rp-row a{display:block;color:var(--q59);font-size:13px;margin:4px 0}
.fn-foot{border:1px solid #30363d;border-radius:var(--n24);margin-bottom:12px;padding:16px}
.fn-foot summary{cursor:pointer;font-weight:600}
.fn-foot p{margin-top:8px;color:var(--q59);font-size:14px}
._wz307{max-width:600px;margin:40px auto;display:flex;gap:8px}
._wz307 input{flex:1;background:var(--a11);border:1px solid #30363d;border-radius:6px;padding:12px 16px;color:var(--z72);font-size:15px}
.r1v8t8{max-width:800px;margin:40px auto;padding:0 var(--q67)}
.r1v8t8 h2{margin:24px 0 12px}
.r1v8t8 p{color:var(--q59);font-size:14px;margin-bottom:12px}
.s7e4s8{margin:32px auto;max-width:1200px;padding:0 var(--q67)}
@media(max-width:768px){
.hp-area{grid-template-columns:1fr}
.wd-area > div{flex-direction:column;gap:8px}
._5e1gl{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
._5e1gl{grid-template-columns:1fr}
}
