:root{--bg:#0d0a12;--bg2:#16101f;--card:#1c1428;--pink:#ff4d8d;--pink2:#ff7ab0;--pink-dim:rgba(255,77,141,0.15);--text:#f5eef5;--muted:#a894a8;--line:rgba(255,122,176,0.2);--gold:#ffd38a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#2a1230 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#1a0f2e 0,transparent 50%),var(--bg);color:var(--text);font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;min-height:100%}a{color:var(--pink2);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px}header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}h1{margin:0;font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:.02em;background:linear-gradient(90deg,#fff,var(--pink2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:.9rem;margin-top:6px}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--pink-dim);border:1px solid var(--line);color:var(--pink2);border-radius:999px;padding:8px 14px;font-size:.85rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.grid{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px}@media (max-width:860px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,rgba(255,77,141,.06),transparent 40%),var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 10px 40px rgba(0,0,0,.35)}.card h2{margin:0 0 12px;font-size:1rem;color:var(--pink2);font-weight:600}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.06)}th{color:var(--muted);font-weight:500;font-size:.8rem}.rank{width:36px;color:var(--gold);font-weight:700}.hearts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.delta{font-size:.8rem;color:var(--muted)}.delta.up{color:#7dffa3}.chart-wrap{position:relative;height:420px}.meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;color:var(--muted);font-size:.82rem}.err{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.35);color:#ffb4b4;padding:12px 14px;border-radius:12px;margin-bottom:16px}footer{margin-top:28px;color:var(--muted);font-size:.8rem;line-height:1.6}