:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#19324a;--muted:#60758a;--sky:#dff2ff;--sun:#ffd36a;--card:#fffc}*{box-sizing:border-box}body{background:linear-gradient(145deg, #f8fcff 0%, var(--sky) 58%, #fff4d5 100%);color:var(--ink);min-height:100vh;margin:0;font-family:Arial,Noto Sans TC,sans-serif}main{flex-direction:column;min-height:100vh;display:flex}.nav{justify-content:space-between;align-items:center;padding:28px clamp(24px,6vw,88px);display:flex}.brand{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.version,.details,footer{color:var(--muted);font-size:.86rem}.hero{width:100%;max-width:980px;margin:auto;padding:72px 24px}.eyebrow{letter-spacing:.16em;margin-bottom:18px;font-size:.8rem;font-weight:800}.weather-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--card);border:1px solid #ffffffe6;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:clamp(28px,6vw,64px);display:grid;box-shadow:0 28px 80px #41709129}.weather-icon{filter:drop-shadow(0 12px 12px #d297002e);font-size:clamp(4rem,10vw,7rem)}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.05}.summary{color:var(--muted);margin:18px 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.temperature{text-align:center;border-left:1px solid #dce7ef;flex-direction:column;padding-left:32px;display:flex}.temperature strong{font-size:3rem}.temperature span{color:var(--muted);font-size:.78rem}.details{gap:24px;padding:14px 8px;display:flex}footer{text-align:center;padding:24px}@media (max-width:700px){.weather-card{text-align:center;grid-template-columns:1fr}.temperature{border-top:1px solid #dce7ef;border-left:0;padding-top:22px;padding-left:0}.details{flex-direction:column;align-items:center;gap:0}}