*{margin:0;padding:0;box-sizing:border-box}:root{--bg-1: #0f1b3d;--bg-2: #1a2f5e;--bg-3: #0b1226;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .14);--text: #f2f5fb;--text-dim: rgba(242, 245, 251, .65);--accent: #7fb4ff}body{font-family:-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--text);background:linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 55%,var(--bg-3) 100%);background-attachment:fixed;min-height:100dvh}#app{max-width:480px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.loading{text-align:center;padding:40vh 0;color:var(--text-dim)}.top h1{font-size:2rem;font-weight:700;letter-spacing:.1em}.meta{color:var(--text-dim);font-size:.9rem;margin-top:4px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px #00000040}.card h2{font-size:.95rem;font-weight:600;color:var(--text-dim);margin-bottom:12px}.main-card{text-align:center}.now{display:flex;align-items:center;justify-content:center;gap:12px}.now-icon{font-size:3.2rem;line-height:1}.now-temp{font-size:4.5rem;font-weight:200;line-height:1}.now-desc{margin-top:8px;font-size:1.1rem;color:var(--text-dim)}.stats{display:flex;justify-content:space-around;margin-top:20px;padding-top:16px;border-top:1px solid var(--card-border)}.stat{display:flex;flex-direction:column;gap:4px;font-size:1.05rem}.stat-label{font-size:.8rem;color:var(--text-dim)}.aqi-card{display:flex;align-items:center;gap:16px;border-left:6px solid var(--aqi-color, var(--accent))}.aqi-value{font-size:2.4rem;font-weight:600;color:var(--aqi-color, var(--accent));min-width:72px;text-align:center}.aqi-label{font-weight:600}.aqi-pm{color:var(--text-dim);font-size:.9rem;margin-top:2px}.aqi-good{--aqi-color: #4ade80}.aqi-moderate{--aqi-color: #facc15}.aqi-usg{--aqi-color: #fb923c}.aqi-unhealthy{--aqi-color: #f87171}.aqi-very{--aqi-color: #c084fc}.aqi-hazard{--aqi-color: #9f1239}.hours{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.hour{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:44px;font-size:.95rem}.hour-time{color:var(--text-dim);font-size:.8rem}.hour-icon{font-size:1.4rem}.hour-pop{color:var(--accent);font-size:.8rem}.days{display:flex;flex-direction:column;gap:12px}.day{display:grid;grid-template-columns:3.2em 1.8em 3em 2.2em 1fr 2.2em;align-items:center;gap:8px}.day-name{font-size:.95rem}.day-icon{font-size:1.25rem;text-align:center}.day-pop{color:var(--accent);font-size:.85rem;text-align:right}.day-lo{color:var(--text-dim);text-align:right}.day-hi{text-align:right}.day-bar{position:relative;height:6px;border-radius:3px;background:#ffffff1f}.day-bar-fill{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#60a5fa,#fbbf24)}.error{text-align:center;padding:30vh 0}.error-detail{color:var(--text-dim);font-size:.85rem;margin:8px 0 20px;word-break:break-all}#retry{background:var(--accent);color:#0b1226;border:none;border-radius:12px;padding:10px 28px;font-size:1rem;font-weight:600;cursor:pointer}