:root{color-scheme:dark;--bg:#0b111c;--card:#151e2d;--edge:#263246;--muted:#91a1b8;--pink:#ff82aa;--ink:#f2f5fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#263047 0,transparent 55%),#080d16;color:var(--ink);font:14px/1.55 system-ui,-apple-system,"Microsoft YaHei",sans-serif;min-height:100vh;padding:28px 12px}.panel{max-width:540px;margin:auto;padding:28px;background:var(--bg);border:1px solid var(--edge);border-radius:24px;box-shadow:0 28px 90px #0007}header{display:flex;gap:13px;align-items:center;margin-bottom:28px}.brand{font-size:38px;font-weight:900;background:#202b3e;border-radius:14px;width:58px;height:58px;text-align:center;line-height:58px}.dot{color:var(--pink)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);margin:0 0 4px}h1{font-size:23px;letter-spacing:-.8px;margin:0}.live{font-size:9px;letter-spacing:1px;color:var(--pink);margin-left:auto}nav{display:flex;gap:6px;background:#101827;border:1px solid var(--edge);padding:5px;border-radius:12px;margin-bottom:14px}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--edge);border-radius:9px;padding:9px 14px;background:#1d293c;color:var(--ink);transition:background .15s}button:hover{background:#2e3e56}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.tab{width:50%;border:none;background:transparent;color:var(--muted)}.tab.active{background:#f18caf;color:#241521;font-weight:700}form{display:flex;gap:8px}input{min-width:0;flex:1;background:#111b2b;border:1px solid var(--edge);border-radius:10px;padding:13px 12px;color:var(--ink);width:100%}input::placeholder{color:#7e8ea6}.primary{background:#f18caf;color:#241521;font-weight:700;border:none;white-space:nowrap}.primary:hover{background:#ffa6c5}.primary span{margin-left:8px}.section{display:flex;align-items:center;gap:8px;margin:27px 0 13px;font-weight:600}#total{margin-left:auto;font-size:11px;color:var(--muted);font-weight:400}#status{color:var(--muted);font-size:12px;padding:15px 0;margin:0}#status:empty{display:none}#results{display:grid;gap:12px}.card{display:grid;grid-template-columns:152px 1fr;gap:13px;padding:12px;background:var(--card);border:1px solid var(--edge);border-radius:13px}.cover{position:relative;align-self:start;aspect-ratio:16/9;background:#263246;border-radius:7px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover span{position:absolute;bottom:5px;right:5px;background:#000b;padding:1px 5px;border-radius:4px;font-size:10px}.card h2{font-size:13px;line-height:1.5;margin:0 0 7px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:10px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.card button{font-size:11px;padding:5px 9px;margin-top:7px;color:var(--pink);background:#2d2437;border-color:#463043}.card .actions{display:flex;gap:5px;flex-wrap:wrap}.card.user .cover img{object-fit:contain}.card.user .cover{background:#202b3e}#pager{display:flex;align-items:center;justify-content:space-between;margin-top:20px}#pager[hidden],[hidden]{display:none!important}#page{color:var(--pink);font-variant-numeric:tabular-nums}.world{border-top:1px solid var(--edge);margin-top:25px;padding-top:18px;color:var(--muted);font-size:12px}summary{cursor:pointer}.world p{margin:12px 0}.world input{font-size:11px}.world button{margin-top:8px;font-size:12px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:25px;font-size:9px;color:#718097}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f18caf;color:#221321;border-radius:30px;padding:11px 22px;opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap}#toast.show{opacity:1}dialog{background:var(--card);color:var(--ink);border:1px solid var(--edge);border-radius:16px;max-width:450px;width:90%}dialog::backdrop{background:#000a}dialog h2{font-size:18px}dialog p{color:var(--muted)}dialog button{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:460px){body{padding:0}.panel{border-radius:0;min-height:100vh;padding:22px 16px;border:0}.card{grid-template-columns:125px 1fr;gap:10px}.meta{max-width:180px}h1{font-size:21px}.live{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
