*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,Arial,"PingFang TC",sans-serif;color:#e9eef6;background:#0b1020}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #1b2442;background:#0e1630;position:sticky;top:0;z-index:10}
.title{font-weight:700} .today{color:#a9b5d1;font-size:12px}
.layout{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 49px)}
.sidebar{padding:12px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #1b2442}
.panel{background:#0e1630;border:1px solid #1b2442;border-radius:10px;padding:12px}
.panel-title{font-weight:700;margin-bottom:8px}
.muted{color:#a9b5d1;font-size:12px;line-height:1.5}
.list{display:flex;flex-direction:column;gap:10px}
.card{border:1px solid #1b2442;border-radius:10px;padding:10px;background:#0b1020}
.card .name{font-weight:700} .card .meta{margin-top:6px;color:#a9b5d1;font-size:12px;line-height:1.4}
.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;margin-top:6px}
.badge.ok{background:#1c3d2d;color:#bff5d6;border:1px solid #275a41}
.badge.susp{background:#3f1c1c;color:#ffd1d1;border:1px solid #6f2b2b}
.legend .row{display:flex;align-items:center;gap:10px;color:#a9b5d1;font-size:12px;margin:6px 0}
.swatch{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid #223055}
.swatch.t1{background:#f0c040} .swatch.t2{background:#4fc3f7} .swatch.both{background:#b388ff} .swatch.susp{background:#ef5350} .swatch.none{background:#2b3554}
.mapwrap{position:relative} #map{height:calc(100vh - 49px)}
.hint{position:absolute;left:12px;bottom:12px;background:rgba(14,22,48,.9);border:1px solid #1b2442;color:#a9b5d1;padding:8px 10px;border-radius:10px;font-size:12px}
@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #1b2442}.mapwrap #map{height:60vh}}