:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;color:#e6edf3;background:#0d1117}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#13213a,#0d1117,#090d14);min-height:100vh}.container{max-width:1220px;margin:0 auto;padding:24px}.hero h1{margin:0;font-size:30px}.panel{margin-top:16px;background:#161b22e6;border:1px solid #2d333b;border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.controls label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#8ea4c0}input,button,select{border-radius:8px;border:1px solid #39424e;background:#0f1724;color:#e6edf3;padding:10px 12px;font-size:14px}.controls input[type=text],.controls input[type=date],.controls input[type=number]{width:100%;height:42px;padding:0 12px;line-height:42px}input:focus,button:focus,select:focus{outline:2px solid #5ea2ff;outline-offset:1px}.actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}button{cursor:pointer;background:linear-gradient(135deg,#2b73ff,#5d47ff);border:none;font-weight:600}button:disabled{cursor:not-allowed;opacity:.65}.secondary-button{background:#111a2a;border:1px solid #39424e;color:#ced8e5}.meta{margin-top:14px;display:grid;gap:4px;color:#a8bad0;font-size:14px}.meta p{margin:0}.url-row code{display:inline-block;margin-top:4px;color:#78dce8;word-break:break-all}.error{border-color:#7c2d33;background:#7c2d3326;color:#ffb4b4}.transfer-panel h2{margin:0;font-size:20px}.transfer-tip{margin:8px 0 12px;color:#9db2ce;font-size:14px}.transfer-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.target-select{min-width:220px}.remove-btn{background:#3a1d1f;color:#ffb4b4;border:1px solid #7c2d33}.export-snapshot{margin-top:16px;border-radius:12px}.snapshot-header h2{margin:0;font-size:22px}.snapshot-header p{margin:8px 0 0;color:#9db2ce;font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card h3{margin:0;font-size:14px;color:#95a8bf}.summary-card p{margin:8px 0 0;font-size:30px;font-weight:700;color:#ffd866}.table-panel{overflow:hidden}.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.ranking-switch{display:flex;gap:8px}.switch-btn{background:#111a2a;border:1px solid #39424e;color:#ced8e5}.switch-btn.active{background:linear-gradient(135deg,#2b73ff,#5d47ff);border:none}.icon-button{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#111a2a;border:1px solid #39424e;color:#ced8e5}.icon-button:hover:not(:disabled){background:#1a2740}.export-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-icon-button.is-exporting svg{animation:spin 1s linear infinite}.initial-bonus-row td:last-child{color:#ffd166}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #273244;white-space:nowrap}thead th{color:#8fa9cb;font-size:13px}tbody tr:hover{background:#4b7ace1f}.rank-top3{color:#ffd166;font-weight:700}.rank-top10{color:#93f7c2}.placeholder{color:#9bb0cb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.container{padding:12px}.summary-grid{grid-template-columns:1fr}}