.showcase-v3-wrap{
  position:fixed;inset:0;overflow:hidden;background:#03080d;
}
.showcase-v3-stage{
  position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;
}
.showcase-v3-screen{
  position:relative;display:grid;grid-template-rows:68px 76px minmax(0,1fr) 160px;gap:8px;
  width:1920px;height:1080px;padding:12px;color:#e9f6f5;overflow:hidden;
  font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background:
    linear-gradient(rgba(122,212,204,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,212,204,.035) 1px,transparent 1px),
    linear-gradient(180deg,#071016 0%,#050b10 100%);
  background-size:36px 36px,36px 36px,auto;
}
.v3-header,.v3-panel,.v3-summary-card{
  border:1px solid rgba(116,190,185,.2);border-radius:6px;background:rgba(7,18,24,.96);
  box-shadow:0 10px 28px rgba(0,0,0,.26);
}
.v3-header{
  position:relative;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:8px 16px;
  border-top-color:rgba(76,222,202,.5);
}
.v3-header:after{
  content:"";position:absolute;left:34%;right:34%;bottom:-1px;height:2px;background:#38d3ba;
}
.v3-header__eyebrow{font-size:10px;color:#77c9c0;letter-spacing:.16em}
.v3-header__meta{margin-top:6px;font-size:11px;color:#8fa9aa}
.v3-header__center{text-align:center}
.v3-header__title{margin:0;font-size:30px;line-height:1.1;font-weight:800;color:#f4ffff;letter-spacing:0}
.v3-header__subtitle{margin:5px 0 0;font-size:10px;color:#86aaa8}
.v3-header__right{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.v3-clock{text-align:right}
.v3-clock strong{display:block;font-family:Menlo,Consolas,monospace;font-size:20px;color:#fff;letter-spacing:0}
.v3-clock span{display:block;margin-top:3px;font-size:10px;color:#7c9697}
.v3-home-link{
  display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid rgba(122,203,195,.32);
  border-radius:4px;color:#bfeee8;text-decoration:none;font-size:11px;background:#0d2228;
}
.v3-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.v3-summary-card{position:relative;padding:8px 12px;overflow:hidden}
.v3-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#39cdb6}
.v3-summary-card:nth-child(2):before{background:#e4b958}
.v3-summary-card:nth-child(3):before{background:#68a8e9}
.v3-summary-card:nth-child(4):before{background:#70d47b}
.v3-summary-card:nth-child(5):before{background:#e68b64}
.v3-summary-card:nth-child(6):before{background:#bd9be5}
.v3-summary-card__label{font-size:10px;color:#86a3a3}
.v3-summary-card__value{margin-top:4px;font-size:21px;line-height:1;font-weight:800;color:#f8ffff}
.v3-summary-card__value em{margin-left:3px;font-size:10px;font-style:normal;font-weight:500;color:#7cbab4}
.v3-summary-card__meta{margin-top:3px;font-size:9px;color:#718889}
.v3-body{display:grid;grid-template-columns:316px minmax(0,1fr) 360px;gap:8px;min-height:0}
.v3-col{display:grid;gap:8px;min-height:0}
.v3-col--left{grid-template-rows:210px 250px minmax(0,1fr)}
.v3-col--right{grid-template-rows:180px 204px minmax(0,1fr)}
.v3-panel{position:relative;min-height:0;padding:12px;overflow:hidden}
.v3-panel--map{display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px}
.v3-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.v3-panel__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#f1fbfa}
.v3-panel__title:before{content:"";width:3px;height:14px;background:#3ed0b9}
.v3-panel__sub{margin-top:4px;font-size:9px;color:#708c8c}
.v3-panel__tag{font-family:Menlo,monospace;font-size:9px;color:#67b6af}
.v3-county-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.v3-county-btn{
  min-width:0;height:42px;padding:5px 7px;border:1px solid rgba(115,181,177,.14);border-radius:4px;
  text-align:left;background:#0a1a20;color:#c7dcda;cursor:pointer;
}
.v3-county-btn:hover,.v3-county-btn.is-active{border-color:#42ceb9;background:#102c31;color:#fff}
.v3-county-btn strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-county-btn span{display:block;margin-top:5px;font-size:9px;color:#6e9d99}
.v3-county-btn.is-detail span{color:#e7bf62}
.v3-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.v3-coverage__item{padding:6px 8px;border-left:2px solid #3dcab4;background:#0a1a20}
.v3-coverage__item span{display:block;font-size:9px;color:#769291}
.v3-coverage__item strong{display:block;margin-top:3px;font-size:15px;color:#efffff}
.v3-town-list{display:grid;gap:5px}
.v3-town-row{
  display:grid;grid-template-columns:minmax(0,1fr) 52px 48px;align-items:center;gap:7px;padding:5px 8px;
  border:1px solid rgba(112,180,175,.1);border-radius:4px;background:#09171d;cursor:pointer;
}
.v3-town-row:hover,.v3-town-row.is-active{border-color:rgba(63,205,184,.55);background:#10252a}
.v3-town-row__name{font-size:10px;color:#d9ecea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-town-row__bar{height:4px;background:#163035}
.v3-town-row__bar i{display:block;height:100%;background:#42cdb8}
.v3-town-row strong{text-align:right;font-size:10px;color:#e6bd5d}
.v3-register{display:grid;gap:6px}
.v3-register__row{
  display:grid;grid-template-columns:54px minmax(0,1fr) 58px;gap:8px;align-items:center;padding:5px 8px;
  border-bottom:1px solid rgba(119,178,176,.1);
}
.v3-register__type{font-size:9px;color:#42d1b9}
.v3-register__name{min-width:0;font-size:10px;color:#c7dddb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-register__state{text-align:right;font-size:9px;color:#e8bf65}
.v3-map-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}
.v3-breadcrumb{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:10px;color:#75918f}
.v3-breadcrumb strong{color:#d8eeeb}
.v3-scope-switch{display:flex;padding:3px;border:1px solid rgba(112,185,181,.17);border-radius:5px;background:#07151a}
.v3-scope-btn{
  height:28px;padding:0 12px;border:0;border-radius:3px;background:transparent;color:#7f9c9a;font-size:10px;cursor:pointer;
}
.v3-scope-btn:hover{color:#d5f2ef}
.v3-scope-btn.is-active{background:#1c5e58;color:#fff}
.v3-map-shell{position:relative;min-height:0;border:1px solid rgba(111,185,180,.16);border-radius:5px;overflow:hidden;background:#061319}
.v3-map-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;background:
    linear-gradient(rgba(91,181,171,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,181,171,.035) 1px,transparent 1px);
  background-size:32px 32px;
}
.v3-map-chart{position:absolute;inset:4px 220px 4px 4px}
.v3-map-chart.is-draggable canvas,.v3-map-chart.is-draggable svg{cursor:grab!important}
.v3-map-chart.is-draggable canvas:active,.v3-map-chart.is-draggable svg:active{cursor:grabbing!important}
.v3-map-legend{
  position:absolute;left:14px;bottom:12px;z-index:2;display:flex;gap:12px;padding:6px 8px;border-radius:4px;
  background:rgba(5,17,22,.88);border:1px solid rgba(111,185,180,.15);font-size:9px;color:#87a4a2;
}
.v3-map-legend span{display:flex;align-items:center;gap:5px}
.v3-map-legend i{width:7px;height:7px;border-radius:50%;background:#40d1ba;box-shadow:0 0 8px rgba(64,209,186,.7)}
.v3-map-legend span:nth-child(2) i{background:#e4ba5f;box-shadow:none}
.v3-map-legend span:nth-child(3) i{background:#e4795d;box-shadow:none}
.v3-map-zoom{
  position:absolute;right:230px;bottom:12px;z-index:4;display:flex;align-items:center;
  border:1px solid rgba(111,185,180,.25);border-radius:4px;overflow:hidden;background:rgba(5,17,22,.94);
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
.v3-map-zoom button{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-right:1px solid rgba(111,185,180,.18);
  background:transparent;color:#bfeee8;font-family:Arial,sans-serif;font-size:20px;line-height:1;cursor:pointer;
}
.v3-map-zoom button:last-child{border-right:0;font-size:17px}
.v3-map-zoom button:hover{background:#17524e;color:#fff}
.v3-map-zoom button:focus-visible{position:relative;z-index:1;outline:1px solid #72e1d1;outline-offset:-2px}
.v3-map-zoom button:active{background:#1d6861}
.v3-map-zoom button:disabled{color:#496663;background:transparent;cursor:not-allowed;opacity:.55}
.v3-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.v3-map-sidecard{
  position:absolute;right:8px;top:8px;bottom:8px;z-index:3;width:204px;padding:10px;border-radius:5px;
  border:1px solid rgba(110,185,179,.18);background:rgba(6,19,24,.94);overflow:hidden;
}
.v3-map-sidecard__eyebrow{font-size:9px;color:#64bdb4}
.v3-map-sidecard__name{margin-top:5px;font-size:19px;font-weight:800;color:#fff}
.v3-map-sidecard__desc{margin-top:5px;min-height:30px;font-size:9px;line-height:1.55;color:#789493}
.v3-map-mini{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}
.v3-map-mini__item{padding:7px;background:#0b1f24;border-left:2px solid #3bbaa9}
.v3-map-mini__item span{display:block;font-size:8px;color:#75918f}
.v3-map-mini__item strong{display:block;margin-top:4px;font-size:13px;color:#eefdfb}
.v3-map-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}
.v3-map-action,.v3-map-back{
  width:100%;height:28px;border:1px solid rgba(66,205,184,.42);border-radius:4px;
  background:#103a39;color:#cafff8;font-size:9px;cursor:pointer;
}
.v3-map-action:hover,.v3-map-back:hover{background:#17524e}
.v3-map-back{border-color:rgba(112,185,181,.24);background:#0b2025;color:#9ec4c0}
.v3-map-source{margin-top:7px;font-size:8px;line-height:1.45;color:#607d7b}
.v3-focus-title{font-size:21px;font-weight:800;color:#fff}
.v3-focus-status{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:3px;background:#153c35;color:#81e2b8;font-size:9px}
.v3-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.v3-focus-kpi{padding:6px;border-top:1px solid rgba(100,195,184,.22);background:#091920}
.v3-focus-kpi span{display:block;font-size:8px;color:#74908f}
.v3-focus-kpi strong{display:block;margin-top:5px;font-size:14px;color:#fff}
.v3-process-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:9px}
.v3-process-btn{
  height:30px;padding:0 3px;border:1px solid rgba(105,174,170,.14);border-radius:3px;background:#091a20;color:#799794;
  font-size:9px;cursor:pointer;
}
.v3-process-btn.is-active{border-color:#42cdb8;background:#123c3b;color:#eafffb}
.v3-process-detail{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;align-items:center;padding:10px;background:#091a20;border-radius:4px}
.v3-process-score{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:5px solid #244d48;border-top-color:#42d0b9;border-radius:50%;font-size:13px;font-weight:800;color:#fff}
.v3-process-copy strong{display:block;font-size:11px;color:#f1fbfa}
.v3-process-copy p{margin:5px 0 0;font-size:9px;line-height:1.55;color:#77918f}
.v3-village-table{width:100%;border-collapse:collapse;table-layout:fixed}
.v3-village-table th{padding:5px 6px;text-align:left;font-size:8px;font-weight:500;color:#678482;border-bottom:1px solid rgba(113,181,176,.17)}
.v3-village-table td{padding:7px 6px;font-size:9px;color:#c8dddb;border-bottom:1px solid rgba(113,181,176,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-village-table th:last-child,.v3-village-table td:last-child{text-align:right}
.v3-state{display:inline-block;padding:3px 5px;border-radius:3px;background:#17392f;color:#78d8a9}
.v3-state--wait{background:#3a2e18;color:#e7bf65}
.v3-footer{display:grid;grid-template-columns:minmax(0,1fr) 478px;gap:8px;min-height:0}
.v3-footer .v3-panel{padding:8px 12px}
.v3-footer .v3-panel__head{margin-bottom:4px}
.v3-trend-chart{height:98px;width:100%}
.v3-event-list{display:grid;gap:5px;margin-top:2px}
.v3-event-row{display:grid;grid-template-columns:62px 58px minmax(0,1fr) 46px;gap:7px;align-items:center;padding:3px 7px;background:#09191f;border-radius:3px}
.v3-event-row time{font-family:Menlo,monospace;font-size:8px;color:#65817f}
.v3-event-row b{font-size:9px;color:#48cdb9}
.v3-event-row span{min-width:0;font-size:9px;color:#b8cecc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v3-event-row em{text-align:right;font-size:8px;font-style:normal;color:#75d9a8}
.v3-empty{padding:24px 8px;text-align:center;font-size:10px;color:#637c7b}

@media (prefers-reduced-motion:reduce){
  .v3-map-chart *{animation:none!important}
}