*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.app{max-width:1200px;margin:0 auto}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.title{background:linear-gradient(90deg,#38bdf8,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.time-label{color:#64748b;font-size:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;transition:transform .15s,border-color .15s}.card:hover{border-color:#475569;transform:translateY(-2px)}.card .label{color:#94a3b8;margin-bottom:6px;font-size:13px}.card .value{align-items:baseline;gap:4px;font-size:26px;font-weight:700;display:flex}.card .value .unit{color:#94a3b8;font-size:13px;font-weight:400}.card-down{border-left:3px solid #34d399}.card-up{border-left:3px solid #f87171}.card-down-peak{border-left:3px solid #38bdf8}.card-up-peak{border-left:3px solid #a78bfa}.card-down .num{color:#34d399}.card-up .num{color:#f87171}.card-down-peak .num{color:#38bdf8}.card-up-peak .num{color:#a78bfa}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.separator{width:12px}.btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .15s}.btn:hover{filter:brightness(1.3);border-color:#475569}.btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;font-weight:600}.chart-wrapper{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;padding:16px}@media (width<=600px){.title{font-size:18px}.card .value{font-size:20px}.chart-wrapper{padding:8px}}