:root{--bg-base:#0b1220;--bg-surface:#131c30;--bg-raised:#1b2640;--line:#2a3654;--line-bright:#3a4970;--text-primary:#e8edf7;--text-muted:#8390b0;--text-faint:#5b6788;--accent:#ff8a3d;--accent-dim:#c96b2e;--accent-glow:#ff8a3d59;--status-ok:#3ddc84;--status-ok-glow:#3ddc8459;--status-warn:#ffcc4d;--status-warn-glow:#ffcc4d59;--status-critical:#f56;--status-critical-glow:#ff556673;--status-offline:#5b6788;--bool-on:#4aa3ff;--bool-on-glow:#4aa3ff59;--severity-info:#4aa3ff;--severity-info-glow:#4aa3ff66;--heat-level-2:#ff9433;--heat-level-4:#c06bff;--font-display:"Space Grotesk", "Noto Sans TC", sans-serif;--font-body:"Inter", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--page-pad:28px 36px;--form-cols-2:1fr 1fr;--form-cols-3:repeat(3, 1fr)}@media (width<=768px){:root{--page-pad:16px 14px;--form-cols-2:1fr;--form-cols-3:1fr}}*{box-sizing:border-box}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:600}button{font-family:var(--font-body)}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-glow)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}@media (width<=768px){input[type=text],input[type=number],input[type=password],input[type=time],select,textarea{min-height:42px;font-size:16px}.touch-btn{min-height:42px}input[type=checkbox],input[type=radio]{min-height:0;margin-right:4px;transform:scale(1.25)}input[type=range]{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@keyframes pulse-ring{0%{opacity:.7;box-shadow:0 0}70%{opacity:0;box-shadow:0 0 0 10px #0000}to{opacity:0;box-shadow:0 0 #0000}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes alertToastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes marker-pop-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.6)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes marker-alert-throb{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes preview-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fm-marker-icon{transition:transform .18s,filter .3s}.fm-marker-hoverable:hover .fm-marker-icon{transform:scale(1.15)}@keyframes alert-border-blink{0%,to{border-color:var(--blink-color,var(--status-critical));box-shadow:0 0 0 1px var(--blink-color,var(--status-critical)), 0 0 8px var(--blink-glow,var(--status-critical-glow))}50%{border-color:var(--line);box-shadow:0 0 0 1px #0000,0 0 #0000}}.alert-blink{animation:1s ease-in-out infinite alert-border-blink}.alert-blink-critical{--blink-color:var(--status-critical);--blink-glow:var(--status-critical-glow)}.alert-blink-warning{--blink-color:var(--status-warn);--blink-glow:#f0b43c66}.alert-blink-info{--blink-color:var(--severity-info);--blink-glow:var(--severity-info-glow)}@keyframes alert-legend-pulse{0%,to{opacity:1;text-shadow:0 0 6px var(--status-critical)}50%{opacity:.25;text-shadow:none}}.alert-pulse-legend{animation:1s ease-in-out infinite alert-legend-pulse}@keyframes iot-spin{to{transform:rotate(360deg)}}.readonly-guard input::placeholder,.readonly-guard textarea::placeholder{color:#0000}