:root{--bg: #0c0e14;--panel: #161922;--panel-2: #20242f;--text: #e8eaf0;--muted: #9aa3b2;--accent: #6c8cff;--accent-2: #4cd3a5;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #232733;position:sticky;top:0;background:#0c0e14e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;font-size:17px}.brand-sub{font-weight:500;font-size:13px;color:var(--muted);margin-left:8px}.site-footer{text-align:center;padding:28px 20px 40px;color:var(--muted);font-size:13px;border-top:1px solid #232733;margin-top:24px}.site-footer-links{margin-top:8px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.site-footer-note{margin-top:8px;font-size:12px;opacity:.85}.privacy-page{max-width:720px;margin:0 auto;padding:24px 20px 0}.privacy-card{background:var(--panel);border-radius:16px;padding:28px 32px;line-height:1.7}.privacy-card h1{margin:0 0 8px}.privacy-card h2{margin-top:24px;font-size:16px}.privacy-card ul{padding-left:20px}.privacy-card .muted{color:var(--muted)}.tabs{display:flex;gap:6px}.tab{padding:7px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--muted);background:transparent;border:none}.tab.active{background:var(--panel-2);color:var(--text)}.container{max-width:1040px;margin:0 auto;padding:24px 28px 60px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.card{background:var(--panel);border-radius:12px;padding:16px}.card .num{font-size:28px;font-weight:700}.card .label{color:var(--muted);font-size:13px;margin-top:4px}.panel{background:var(--panel);border-radius:12px;padding:18px;margin-bottom:20px}.panel h3{margin:0 0 14px;font-size:15px;display:flex;justify-content:space-between;align-items:center}.chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding-top:8px}.bar{flex:1;background:linear-gradient(180deg,var(--accent),#3a4ea8);border-radius:4px 4px 0 0;min-height:2px;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--panel-2);padding:2px 6px;border-radius:4px;font-size:11px;white-space:nowrap}.domain-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.domain-row .dname{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-row .dbar{flex:1;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.domain-row .dbar>div{height:100%;background:var(--accent-2)}.list-item{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #20242f;font-size:13px}.list-item .li-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .li-time{color:var(--muted);white-space:nowrap;flex-shrink:0}.topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.topic-chip{background:var(--panel-2);color:var(--accent);border-radius:999px;padding:5px 12px;font-size:13px}.reco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.reco-card{background:var(--panel);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:transform .12s ease}.reco-card:hover{transform:translateY(-2px)}.reco-card .thumb{aspect-ratio:16 / 9;background:var(--panel-2);object-fit:cover;width:100%}.reco-card .thumb-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);padding:8px;text-align:center}.reco-card .play-icon{font-size:28px;color:var(--accent);line-height:1}.reco-card .play-label{font-size:11px;line-height:1.3;opacity:.85}.reco-card .rc-body{padding:12px}.reco-card .rc-title{font-size:14px;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reco-card .rc-reason{font-size:12px;color:var(--muted)}.chip{display:inline-block;font-size:11px;background:var(--panel-2);color:var(--accent);border-radius:6px;padding:2px 7px;margin-top:8px}input{width:100%;padding:11px 12px;margin-bottom:10px;border-radius:9px;border:1px solid #2c3140;background:var(--panel);color:var(--text);font-size:14px}button.primary{cursor:pointer;border:none;border-radius:9px;padding:11px 16px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);width:100%}button.ghost{cursor:pointer;border:1px solid #2c3140;border-radius:8px;padding:7px 14px;font-size:13px;background:transparent;color:var(--text)}button:disabled{opacity:.6;cursor:not-allowed}.auth-wrap{max-width:360px;margin:12vh auto 0;background:var(--panel);padding:28px;border-radius:16px}.auth-wrap h1{font-size:20px;margin:0 0 4px}.auth-wrap .sub{color:var(--muted);font-size:13px;margin-bottom:20px}.error{color:var(--danger);font-size:13px;margin-bottom:10px}.switch{text-align:center;margin-top:12px;font-size:13px;color:var(--muted)}.switch a{cursor:pointer}.empty{color:var(--muted);text-align:center;padding:40px}