.city-live-panel,.city-compare-section{background:#fff;border:1px solid #dbe5ef;border-radius:20px;padding:22px;margin:0 0 22px;box-shadow:0 10px 28px rgba(8,40,70,.06)}
.city-live-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.city-live-panel__head h2{margin:4px 0 6px;color:#0b2f52}.city-live-panel__head p{margin:0;color:#66788d}.city-live-eyebrow{font-size:12px;font-weight:800;color:#a66a00;text-transform:uppercase;letter-spacing:.06em}.city-live-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eaf8ef;color:#176c3d;font-weight:800;white-space:nowrap}
.city-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.city-live-card{border:1px solid #e2e9f1;border-radius:16px;padding:15px;background:#f8fbff}.city-live-card span{display:block;color:#67798c;font-size:13px;font-weight:700}.city-live-card strong{display:block;color:#0b3764;font-size:22px;margin:7px 0}.city-live-card p{margin:0;color:#42546a;font-size:13px}.city-live-empty{padding:18px;border-radius:14px;background:#f5f7fa;color:#66788d}.city-source-list{margin-top:14px}.city-source-list summary{cursor:pointer;font-weight:800;color:#0b3764}.city-source-list ul{margin:10px 0 0;padding-left:20px}.city-source-list li{margin:7px 0;display:flex;justify-content:space-between;gap:12px}.city-source-list li span{color:#66788d}.city-live-disclaimer{margin:14px 0 0;color:#78889b;font-size:13px}
.city-map-toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px 14px;margin:12px 0;border:1px solid #dbe5ef;border-radius:14px;background:#fff}.city-map-toolbar strong{color:#0b3764}.city-map-toolbar label{display:inline-flex;align-items:center;gap:5px}.city-map-toolbar span{color:#687b91;font-size:13px}.city-map-pin{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-weight:900;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.25);background:#2472c8}.city-map-pin--hospital{background:#c0392b}.city-map-pin--bus_stop{background:#2e8b57}.city-map-pin--mtr,.city-map-pin--light_rail{background:#7b3fb5}.city-map-pin--traffic_camera{background:#d77c00}
@media(max-width:900px){.city-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.city-live-grid{grid-template-columns:1fr}.city-live-panel__head{flex-direction:column}.city-source-list li{display:block}.city-live-badge{white-space:normal}}