:root{--bg: #0e1117;--panel: #161b27;--panel2: #1b2230;--border: #2a3142;--text: #e6e9ef;--muted: #8b94a7;--up: #f6465d;--down: #2ebd85;--accent: #4ea1ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,sans-serif}.app{max-width:1180px;margin:0 auto;padding:0 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{font-size:22px;font-weight:700;letter-spacing:1px}.brand-sub{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}.topbar nav button{background:transparent;border:1px solid var(--border);color:var(--muted);padding:7px 16px;margin-left:8px;border-radius:8px;cursor:pointer;font-size:14px}.topbar nav button.on{background:var(--accent);border-color:var(--accent);color:#06122a;font-weight:600}.hero{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:12px;margin-bottom:22px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.stat span{color:var(--muted);font-size:12px}.stat b{font-size:22px}.stat.wide b{font-size:15px}.rank-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-col{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.col-title{margin:4px 0 2px;font-size:16px}.col-title.up{color:var(--up)}.col-title.down{color:var(--down)}.col-note{margin:0 0 12px;color:var(--muted);font-size:12px}.rank-col.solo{max-width:760px;margin:0 auto}.rank-single{display:block}.rank-card{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid transparent}.rank-card:hover{background:var(--panel2);border-color:var(--border)}.rc-idx{color:var(--muted);font-size:13px;text-align:center;font-variant-numeric:tabular-nums}.rc-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-metric{font-size:13px;color:var(--text);text-align:right;white-space:nowrap}.rc-metric .vol{color:var(--accent)}.muted{color:var(--muted)}.col-title{color:var(--text)}.tag{font-size:13px;font-weight:700;min-width:64px;text-align:center;padding:3px 8px;border-radius:7px}.tag.up{color:var(--up);background:#f6465d1f}.tag.down{color:var(--down);background:#2ebd851f}.tag.flat{color:var(--muted);background:#8b94a71a}.catalog-wrap{display:grid;grid-template-columns:360px 1fr;gap:16px}.list-pane,.detail-pane{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.search{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;margin-bottom:10px}.search:focus{outline:none;border-color:var(--accent)}.list{max-height:560px;overflow-y:auto}.list-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer}.list-row:hover{background:var(--panel2)}.list-row.active{background:#4ea1ff24}.lr-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-cost{font-size:13px;color:var(--muted)}.empty,.placeholder{color:var(--muted);text-align:center;padding:40px 0}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.detail-head h2{margin:0;font-size:20px}.sell-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.sell-toggle input{accent-color:#f0a93b;cursor:pointer}.kv.private span,.kv.private b{color:#f0a93b}.mpct{font-size:12px;font-style:normal;color:var(--muted)}.kv-row{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:18px}.kv{display:flex;flex-direction:column;gap:3px}.kv span{color:var(--muted);font-size:12px}.kv b{font-size:16px}.foot{margin-top:26px;color:var(--muted);font-size:12px;text-align:center}.news-wrap{max-width:860px;margin:0 auto}.news-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(110deg,#161b27,#15233a)}.news-intro h1{margin:2px 0 8px;font-size:26px}.news-intro p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.eyebrow{color:var(--accent)!important;letter-spacing:.12em;font-size:11px!important;font-weight:700}.store-ad{display:inline-flex;min-width:184px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#ff7a00,#ff3500);box-shadow:0 7px 18px #ff500033;color:#fff;text-decoration:none;white-space:nowrap}.store-ad:hover{background:linear-gradient(135deg,#ff8a00,#ff3d00);transform:translateY(-1px)}.store-ad .ad-kicker{font-size:10px;letter-spacing:.12em;opacity:.86;font-weight:700}.store-ad strong{font-size:15px;line-height:1.25}.store-ad small{font-size:11px;opacity:.88}.store-ad.disabled{background:#3b4352;color:var(--muted);cursor:not-allowed}.news-empty{border:1px dashed var(--border);border-radius:12px;padding:60px 20px;color:var(--muted);text-align:center}.news-card{padding:22px;margin-bottom:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.news-card h2{margin:8px 0 10px;font-size:19px;line-height:1.45}.news-image{display:block;position:relative;overflow:hidden;margin:12px 0;border:1px solid var(--border);border-radius:10px;background:#0b0e14;text-decoration:none}.news-image img{display:block;width:100%;max-height:410px;object-fit:contain}.news-image.many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.news-image.many img{height:285px;background:#0b0e14}.news-image span{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:5px;color:#e6e9ef;background:#000000a8;font-size:11px}.news-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.news-meta span{color:var(--accent);background:#4ea1ff1f;padding:3px 7px;border-radius:5px}.news-summary,.news-analysis p{color:#c4cbd8;line-height:1.75;font-size:14px}.news-facts{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.news-facts span{padding:5px 8px;border-radius:6px;color:#b9c8dc;background:#4ea1ff17;border:1px solid rgba(78,161,255,.18);font-size:12px}.news-analysis{padding:12px 14px;border-left:3px solid var(--accent);background:var(--panel2);border-radius:0 8px 8px 0}.news-analysis b{color:var(--accent);font-size:13px}.news-analysis p{margin:5px 0 0}.news-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.news-actions>a{color:var(--accent);font-size:13px;text-decoration:none}.action-page{max-width:860px;margin:0 auto}.action-page>p{color:var(--muted)}.action-card{display:grid;gap:12px;margin:18px 0;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.action-card input{padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.action-card button,.admin-login button,.admin-list button,.draw-btn{border:0;border-radius:8px;padding:11px 16px;background:var(--accent);font-weight:700;cursor:pointer}.form-msg,.result{padding:12px;background:var(--panel2);border-radius:8px}.wheel{width:190px;height:190px;margin:25px auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#ff5000 0,#ff5000 25%,#f0a93b 25%,#f0a93b 50%,#4ea1ff 50%,#4ea1ff 75%,#2ebd85 75%);font-size:58px;border:8px solid var(--panel2)}.wheel span{font-size:18px;font-weight:700}.draw-btn{display:block;margin:auto;background:#ff5000;color:#fff}.prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:24px}.prizes article,.admin-list article{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:7px}.prizes small,.prizes em{color:var(--muted);font-size:12px}.admin-login{display:flex;gap:8px}.admin-login input{padding:10px;flex:1}.admin-list{display:grid;gap:10px;margin:16px 0}.admin-list article{flex-direction:row}.admin-list img{width:120px;height:90px;object-fit:cover;border-radius:8px}@media (max-width: 820px){.hero{grid-template-columns:repeat(2,1fr)}.rank-wrap,.catalog-wrap{grid-template-columns:1fr}.news-intro,.news-actions{align-items:flex-start;flex-direction:column}}