:root{--bg-top: #121212;--bg-bottom: #1b1b1f;--panel-bg: #1f2228cc;--panel-border: #353a43;--line-color: #3b4048;--text-normal: #f2f4f7;--text-muted: #adb5c0;--accent-warm: #f59e0b;font-family:IBM Plex Sans,Noto Sans TC,PingFang TC,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-normal);background:linear-gradient(150deg,var(--bg-top),var(--bg-bottom))}#root{width:100%;min-height:100vh;padding:2rem 1rem}.layout{width:min(760px,100%);margin:0 auto;display:grid;gap:1rem}.total-card,.list-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.25rem;box-shadow:0 16px 36px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.label{margin:0;font-size:.9rem;letter-spacing:.02em;color:var(--text-muted)}h1{margin:.5rem 0;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;color:var(--accent-warm)}h1 .unit{margin-left:.4rem;font-size:.36em;font-weight:500}.unit{margin-left:.25rem;font-size:.84em;color:var(--text-muted)}.meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.95rem;color:var(--text-normal)}.count{margin:.9rem 0 0;font-size:.85rem;color:var(--text-muted)}.list-card h2{margin:0;font-size:1rem}.hint{margin:.9rem 0 0;color:var(--text-muted);font-size:.9rem}.hint.error{color:#ff8f70}ul{list-style:none;margin:.8rem 0 0;padding:0;display:grid}li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px dashed var(--line-color)}li:last-child{border-bottom:0}li strong{font-size:.95rem}li p{margin:.25rem 0 0;color:var(--text-muted);font-size:.82rem}li span{font-variant-numeric:tabular-nums;font-size:.9rem}@media(max-width:640px){.total-card,.list-card{border-radius:12px}li{align-items:flex-start;flex-direction:column}}