:root{--accent:#e8590c;--accent-deep:#d9480f;--accent-soft:#fff4ec;--hot-bg:#fff1f2;--hot-text:#d63a47}body{color:var(--text);background:var(--bg)}.wrap{width:min(1240px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:16px;height:58px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17.5px;letter-spacing:.3px;white-space:nowrap;color:var(--text)}.brand .flame{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent)}.brand .flame svg{width:16px;height:16px}.brand em{font-style:normal;color:var(--accent)}.topbar .meta{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:12px;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #12b76a26;animation:pulse 2.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #12b76a00}}.search{flex:1;max-width:360px;margin-left:auto;position:relative}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dim)}.search input{width:100%;height:37px;padding:0 14px 0 35px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8590c1a}.search input::placeholder{color:var(--dim)}.topnav{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted)}.topnav a:hover{color:var(--accent-deep)}.page-head{padding:30px 0 18px}.page-head .kicker{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.page-head h1{margin-top:6px;font-size:clamp(22px,3.5vw,30px);letter-spacing:-.5px;line-height:1.25}.page-head p{margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.7}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;padding-bottom:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}.card-head{display:flex;align-items:center;gap:9px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}.card-head .dot{width:8px;height:8px;border-radius:2.5px;flex:none}.card-head h2{font-size:15px;font-weight:700}.card-head .all{margin-left:auto;font-size:12px;color:var(--dim);display:flex;align-items:center;gap:3px}.card-head .all:hover{color:var(--accent-deep)}.rank-list{list-style:none;flex:1}.rank-list li{border-bottom:1px solid #f2f4f8}.rank-list li:last-child{border-bottom:none}.rank-list a{display:flex;align-items:baseline;gap:10px;padding:10px 16px;transition:background .12s}.rank-list a:hover{background:#f8f9fc}.rank-list a:hover .t{color:#000}.rk{width:20px;flex:none;font-size:12.5px;font-weight:800;color:var(--dim);text-align:center;position:relative;top:1px}.rk.top{color:var(--accent)}.t{flex:1;font-size:13.6px;line-height:1.55;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition:color .12s}.t mark{background:var(--accent-soft);color:var(--accent-deep);border-radius:2px;padding:0 1px}.hv{flex:none;font-size:11.5px;color:var(--dim);max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tag{flex:none;font-size:10.5px;padding:1px 6px;border-radius:5px;background:var(--hot-bg);color:var(--hot-text);font-weight:600;position:relative;top:-1px}.card-foot{padding:8px 16px;font-size:11.5px;color:var(--dim);border-top:1px solid var(--line);display:flex;justify-content:space-between;background:#fcfcfe}.state{padding:34px 20px;text-align:center;color:var(--dim);font-size:13px}.state .btn{margin-top:12px;padding:7px 18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s}.state .btn:hover{color:var(--accent-deep);border-color:var(--accent)}.skl{list-style:none;padding:6px 0}.skl li{height:38px;margin:5px 16px;border-radius:7px;background:linear-gradient(90deg,#f2f4f8 25%,#e9ecf2,#f2f4f8 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.noresult{display:none;text-align:center;color:var(--dim);padding:56px 0;font-size:14px}.footer{border-top:1px solid var(--line);padding:24px 0 32px;text-align:center;color:var(--dim);font-size:12.5px;line-height:2.1}.footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer a:hover{color:var(--accent-deep)}@media(max-width:720px){.topbar-inner{height:52px;gap:10px}.brand{font-size:16px}.brand .flame{width:25px;height:25px}.topnav{display:none}.search{max-width:none}.page-head{padding:20px 0 12px}.board{grid-template-columns:1fr;gap:10px}.rank-list a{padding:11px 13px;gap:8px}.card-head{padding:12px 13px 10px}.hv{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}