html,body,#root{height:100%;margin:0;padding:0}#root{background:#f0f4f6;justify-content:center;align-items:flex-start;min-height:100%;display:flex}:root{--f:"Noto Sans TC",system-ui,sans-serif;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-pill:9999px;--sh-sm:0 1px 3px #0000001a;--sh-md:0 4px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f);color:#1b1c1c;-webkit-font-smoothing:antialiased;background:#f0f4f6;justify-content:center;font-size:14px;display:flex}.vp{background:#f0f4f6;flex-direction:column;width:1440px;height:1080px;display:flex;overflow:hidden}.hd{background:#1f6a8b;flex-direction:column;flex-shrink:0;height:80px;display:flex}.hd-top{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;height:46px;padding:0 24px;display:flex}.hd-logo{background:#fff;border-radius:4px;align-items:center;gap:10px;padding:4px 8px;display:flex}.hd-logo img{object-fit:contain;height:26px}.hd-title{color:#fff;letter-spacing:-.2px;border-left:1px solid #fff3;padding-left:14px;font-size:15px;font-weight:600}.hd-spacer{flex:1}.hd-search{width:260px;height:34px;font-size:12px;font-family:var(--f);border-radius:var(--r-pill);color:#fff;background:#ffffff1a;border:1px solid #fff3;outline:none;padding:0 16px;transition:all .15s}.hd-search::placeholder{color:#fff9}.hd-search:focus{color:#1b1c1c;background:#fff;border-color:#fff;box-shadow:0 0 0 3px #fff3}.hd-bell{cursor:pointer;border-radius:var(--r-pill);color:#fff;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex;position:relative}.hd-bell:hover{color:#fff;background:#fff3;border-color:#fff6}.hd-bell:after{content:"";background:#ba1a1a;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.hd-user{border-left:1px solid #fff3;align-items:center;gap:8px;padding-left:14px;display:flex}.hd-user .av{color:#2b88b1;width:34px;height:34px;box-shadow:var(--sh-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.hd-user .nm{color:#fff;font-size:13px;font-weight:600}.hd-user .nm small{color:#fffc;margin-top:1px;font-size:11px;font-weight:400;display:block}.tab-bar{background:#2b88b1;align-items:center;gap:0;height:42px;padding:0 24px;display:flex}.tab-item{color:#ffffffb3;cursor:pointer;letter-spacing:-.1px;align-items:center;height:42px;padding:0 22px;font-size:14px;font-weight:500;display:flex;position:relative}.tab-item:hover{color:#fff}.tab-item.on{color:#fff;font-weight:700}.tab-item.on:after{content:"";border-radius:var(--r-pill) var(--r-pill) 0 0;background:#fff;height:3px;position:absolute;bottom:0;left:18px;right:18px}.tab-item .ic{opacity:.7;margin-right:6px;font-size:14px}.tab-item.on .ic{opacity:1}.tab-sub{align-items:center;gap:6px;margin-left:auto;display:flex}.tab-sub .btn{color:#2b88b1;cursor:pointer;height:32px;font-size:12px;font-weight:600;font-family:var(--f);border-radius:var(--r-pill);background:#fff;border:none;padding:0 18px;transition:background .15s}.tab-sub .btn:hover{background:#f0f4f6}.tab-sub .btn-2{color:#fff;cursor:pointer;height:32px;font-size:12px;font-weight:600;font-family:var(--f);border-radius:var(--r-pill);background:0 0;border:1.5px solid #fff6;padding:0 18px;transition:all .15s}.tab-sub .btn-2:hover{background:#ffffff1a;border-color:#fff}.main{background:#f0f4f6;flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow:hidden}.st{color:#3f484e;letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.st .num{color:#fff;border-radius:var(--r-pill);background:#2b88b1;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.kpi-row{flex-shrink:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;display:grid}.kpi{border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;border:1px solid #e4e2e1;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.kpi:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.kpi-i{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.kpi-i.r{color:#ba1a1a;background:#ffdad6}.kpi-i.o{color:#805200;background:#ffddb5}.kpi-i.g{color:#2b88b1;background:#e6f3f8}.kpi-i.b{color:#2b88b1;background:#d4ebf5}.kpi-body{flex:1}.kpi-l{color:#576063;margin-bottom:2px;font-size:11px;font-weight:500}.kpi-n{letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#1b1c1c;font-size:24px;font-weight:700;line-height:1.1}.kpi-n small{color:#576063;margin-left:2px;font-size:11px;font-weight:500}.main-area{flex:1;grid-template-columns:260px 1fr 340px;gap:14px;min-height:0;display:grid}.map-c{border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;border:1px solid #e4e2e1;flex-direction:column;display:flex;overflow:hidden}.map-h{background:#fff;border-bottom:1px solid #f6f3f2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.map-h .ttl{letter-spacing:-.2px;color:#1b1c1c;font-size:14px;font-weight:600}.map-h .filters{gap:6px;display:flex}.chip{cursor:pointer;border-radius:var(--r-pill);color:#3f484e;background:#fff;border:1px solid #bfc8cf;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.chip:hover{color:#2b88b1;background:#f0eded;border-color:#2b88b1}.chip.on{color:#fff;background:#2b88b1;border-color:#2b88b1}.chip.r.on{color:#fff;background:#ba1a1a;border-color:#ba1a1a}.chip.o.on{color:#fff;background:#805200;border-color:#805200}.map-b{background:#a4dcea;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.list-c{border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;border:1px solid #e4e2e1;flex-direction:column;display:flex;overflow:hidden}.list-h{letter-spacing:-.2px;color:#1b1c1c;background:#fff;border-bottom:1px solid #f6f3f2;padding:12px 16px;font-size:14px;font-weight:600}.list-search{background:#fff;border-bottom:1px solid #f6f3f2;padding:10px 14px}.list-search input{width:100%;height:34px;font-size:12px;font-family:var(--f);border-radius:var(--r-sm);color:#1b1c1c;background:#fbf9f8;border:1px solid #bfc8cf;padding:0 12px}.list-search input:focus{border-color:#2b88b1;outline:none;box-shadow:0 0 0 2px #2b88b11a}.list-body{background:#fff;flex:1;overflow-y:auto}.lg-h{color:#1b1c1c;background:#e6f3f8;border-top:1px solid #cce4ef;border-bottom:1px solid #cce4ef;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.lg-h:first-child{border-top:none}.lg-h .badge{border-radius:var(--r-pill);letter-spacing:.3px;padding:3px 10px;font-size:10px;font-weight:700}.lg-h .badge.r{color:#93000a;background:#ffdad6}.lg-h .badge.o{color:#643f00;background:#ffddb5}.lg-h .badge.g{color:#001e2c;background:#c3e8ff}.case-item{cursor:pointer;background:#fff;border-bottom:1px solid #f6f3f2;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.case-item:hover{background:#f6f3f2}.case-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.case-dot.r{background:#ba1a1a;box-shadow:0 0 0 3px #ffdad6}.case-dot.o{background:#805200;box-shadow:0 0 0 3px #ffddb5}.case-dot.g{background:#2b88b1;box-shadow:0 0 0 3px #c3e8ff}.case-info{flex:1;min-width:0}.case-name{color:#1b1c1c;margin-bottom:2px;font-size:13px;font-weight:600}.case-addr{color:#576063;font-size:11px}.case-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.case-tag{border-radius:var(--r-pill);letter-spacing:.3px;padding:3px 10px;font-size:10px;font-weight:600}.case-tag.r{color:#93000a;background:#ffdad6;border:1px solid #ba1a1a}.case-tag.o{color:#643f00;background:#ffddb5;border:1px solid #805200}.list-summary{color:#1f6a8b;text-align:center;background:#e6f3f8;border-top:1px solid #cce4ef;padding:10px 14px;font-size:12px;font-weight:500}.map-shot{object-fit:cover;width:100%;height:100%;display:block}.map-canvas{aspect-ratio:712/720;width:100%;max-height:100%;position:relative}.map-ph{text-align:center;color:#6f787f;background:linear-gradient(135deg,#eef3f6,#dde6ec);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:14px;display:none;position:absolute;inset:0}.map-ph small{color:#8a9197;font-size:12px;line-height:1.7}.cluster{color:#fff;font-variant-numeric:tabular-nums;cursor:pointer;z-index:3;border:3px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:52px;height:52px;padding:0 6px;font-size:18px;font-weight:800;transition:transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000052}.cluster:hover{transform:translate(-50%,-50%)scale(1.09)}.cluster small{opacity:.95;letter-spacing:.5px;margin-top:-3px;font-size:9px;font-weight:600}.cl-r{background:#ba1a1a}.cl-o{background:#805200}.cl-g{background:#2b88b1}.map-legend{color:#3f484e;box-shadow:var(--sh-sm);z-index:3;background:#fffffff2;border:1px solid #e4e2e1;border-radius:8px;gap:14px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.map-legend i{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.map-legend .d-r{background:#ba1a1a}.map-legend .d-o{background:#805200}.map-legend .d-g{background:#2b88b1}a.tab-item{text-decoration:none}a.tab-item:visited{color:#ffffffb3}a.tab-item.on:visited{color:#fff}a.sn-item,.sub-nav a,.bc a,.breadcrumb a,a.case-item,a.card{text-decoration:none}.bc a,.breadcrumb a{color:#576063;cursor:pointer}.bc a:hover,.breadcrumb a:hover{color:#2b88b1;text-decoration:underline}.main{flex:1;min-height:0}