@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#07101d;--panel:#0e1d30;--line:rgba(183,213,247,.13);--text:#f3f7fb;--muted:#96abc3;--blue:#68b1ff;--teal:#59ddbd;--orange:#ffc260;--red:#ff7e84}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 87% -5%,#1c4770 0,transparent 37rem),var(--bg);color:var(--text);font-family:"Noto Sans TC",system-ui,sans-serif}.dashboard{min-height:100dvh;padding:max(19px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.topbar,.panel-head,.header-meta,footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:9px;font:700 13px "Space Mono",monospace;letter-spacing:.11em;color:#d2e7ff}.brand i{width:9px;height:9px;background:var(--teal);border-radius:50%;box-shadow:0 0 14px var(--teal)}.brand small{font-size:10px;padding:2px 5px;background:#1d4163;border-radius:4px}.status,.tag{font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.status.ok{color:var(--teal)}.status.fail{color:var(--orange)}button{font:inherit}#refresh{width:33px;height:33px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:21px;cursor:pointer}#refresh:disabled{opacity:.5}.panel{background:linear-gradient(145deg,rgba(19,42,68,.95),rgba(10,25,42,.96));border:1px solid var(--line);border-radius:17px;padding:clamp(16px,2vw,25px);box-shadow:0 15px 38px rgba(0,0,0,.18)}.summary-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:16px}.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.clock{display:block;margin:11px 0 7px;font:700 clamp(53px,7.7vw,110px)/.95 "Space Mono",monospace;letter-spacing:-.095em}.date{margin:0;font-size:clamp(17px,1.65vw,23px);font-weight:600}.muted,.section-caption{color:var(--muted);font-size:12px}.clock-panel .muted{margin:11px 0 0}.current-weather{display:flex;align-items:center;gap:13px;margin:19px 0 16px}.weather-icon{font-size:49px;width:62px;text-align:center;filter:drop-shadow(0 0 14px rgba(255,194,96,.23))}.current-weather strong{font:700 clamp(42px,4.5vw,65px)/.9 "Space Mono",monospace;letter-spacing:-.09em}.current-weather p{margin:6px 0 0;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.metrics div{border-top:1px solid var(--line);padding-top:9px}.metrics dt{font-size:11px;color:var(--muted)}.metrics dd{margin:4px 0 0;font:700 16px "Space Mono",monospace}.forecast-section{padding-bottom:18px}.section-caption{margin:5px 0 0}.forecast-key{font-size:11px;color:var(--muted)}.forecast-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:4px}.forecast-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.forecast-columns>div+div{border-left:1px solid var(--line);padding-left:20px}.forecast-columns h2{margin:0 0 9px;font-size:13px;color:#cae1fb}.forecast-list{display:grid;grid-template-columns:repeat(9,minmax(48px,1fr));gap:5px;overflow-x:auto}.forecast-day{min-width:50px;text-align:center;border:1px solid rgba(183,213,247,.09);background:rgba(3,13,25,.22);border-radius:9px;padding:7px 3px}.forecast-day time{font-size:10px;color:var(--muted);display:block}.forecast-day .icon{font-size:19px;line-height:1.5}.forecast-day strong{display:block;font:700 11px "Space Mono",monospace;color:#ffc977}.forecast-day span{font:11px "Space Mono",monospace;color:#a9c1db}.forecast-day small{display:block;color:#7590aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lower-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px}.tag.demo{color:#ffd28b;border-color:rgba(255,194,96,.23)}.tag.ok{color:var(--teal)}.tag.fail{color:var(--orange)}.commute-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.route{min-height:76px;padding:11px;border-radius:10px;background:rgba(4,15,28,.35);border:1px solid rgba(183,213,247,.08)}.route .route-label{display:block;color:#bcd6f0;font-size:12px;line-height:1.4}.route strong{display:block;margin-top:7px;font:700 23px "Space Mono",monospace;letter-spacing:-.07em}.route small{color:var(--muted);font-size:11px}.privacy-note{color:#748ba5;font-size:11px;line-height:1.45;margin:14px 0 0}.news-list{list-style:none;counter-reset:news;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.news-list li{counter-increment:news;border-bottom:1px solid var(--line)}.news-list a{display:grid;grid-template-columns:31px 1fr auto;gap:7px;padding:9px 0;color:inherit;text-decoration:none;align-items:baseline}.news-list a:before{content:counter(news,decimal-leading-zero);font:10px "Space Mono",monospace;color:#6d88a5}.news-source{color:var(--blue);font-size:10px;grid-column:2}.news-title{grid-column:2;font-size:12px;line-height:1.35}.news-time{grid-column:3;grid-row:1;color:var(--muted);font-size:10px;white-space:nowrap}footer{margin-top:auto;color:#7087a1;font-size:10px}@media(max-width:920px){.summary-grid{grid-template-columns:1fr 1fr}.clock-panel{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}.forecast-columns{gap:12px}.forecast-columns>div+div{padding-left:12px}}@media(max-width:600px){.dashboard{padding:15px;gap:12px}.summary-grid{grid-template-columns:1fr;gap:12px}.clock-panel{grid-column:auto}.lower-grid{gap:12px}.forecast-columns{grid-template-columns:1fr}.forecast-columns>div+div{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.commute-list,.news-list{grid-template-columns:1fr}.clock{font-size:62px}.forecast-list{grid-template-columns:repeat(9,55px)}footer{align-items:flex-start;flex-direction:column;gap:3px}}