.location-band{padding:54px 0 44px;border-top:0}
.location-band .case-heading>div{max-width:850px}
.location-band .case-heading h2{font-size:34px;line-height:1.3}
.location-band .case-heading .case-copy{margin-top:14px;font-size:15px}
.location-band .case-heading{gap:24px}
.location-band .case-heading .eyebrow{margin-bottom:12px}
.location-band .replay-button{min-width:146px;flex-shrink:0}
.location-band .chart-panel{padding:16px 16px 10px}
.location-band .location-chart{height:414px;overflow:hidden}
.location-band #loc-map{display:block;width:100%;height:100%}
.location-band .chart-legend{justify-content:flex-start;gap:12px;font-size:11px;min-height:27px;padding-bottom:5px}
.location-band .chart-legend .triangle{width:10px;height:10px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.location-band .source-dot{background:#df7d2e}
.location-band .station-dot{background:#8095a7}
.location-band .received-dot{background:#d84b42}
.location-band .reverse-line{background:#0f9fe3}
.location-band .chart-legend .constraint-line-legend{height:0;border-top:2px dashed #dba13e;background:none}
.location-band .location-status{padding:20px;min-height:514px}
.location-band .location-status .panel-kicker{font-size:13px;margin:0 0 12px}
.location-band .phase-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:64px;padding:10px 9px;border:1px solid #d8e6ef;border-radius:4px;background:#ffffffb8;color:var(--muted)}
.location-band .phase-card+.phase-card{margin-top:8px}
.location-band .phase-number{font-size:15px;font-weight:900;color:#879eaf}
.location-band .phase-card strong{font-size:14px;font-weight:900}
.location-band .phase-card p{font-size:11px;line-height:1.5;margin:4px 0 0;color:var(--muted)}
.location-band .phase-state{font-size:10px;font-weight:800;white-space:nowrap}
.location-band .phase-card.current{border-color:#0f9fe3;background:#e8f6fe;color:#075378}
.location-band .phase-card.current .phase-number{color:#0f9fe3}
.location-band .phase-card.current .phase-state{color:#0a8bc9}
.location-band .phase-card.done{border-color:#b6dcc9;background:#f0faf5;color:#26734e}
.location-band .phase-card.done .phase-number,.location-band .phase-card.done .phase-state{color:#2d9f6b}
.location-band .mini-metrics{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.location-band .mini-metrics strong{color:var(--ink);font-size:12px;margin-left:5px}
.location-band .station-table{margin-top:12px}
.location-band .station-table-head{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}
.location-band .wave-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;height:23px;border-bottom:1px solid #e7eef3}
.location-band .station-name{font:10px Consolas,monospace;color:#7d92a3}
.location-band .station-name i{display:inline-block;width:4px;height:4px;background:#96a9b6;border-radius:50%;margin-right:5px}
.location-band .wave-row svg{display:block;width:100%;height:22px}
.location-band .arrival-text{font:10px Consolas,monospace;text-align:right;color:#8fa0ac}
.location-band .wave-row.arrived .station-name,.location-band .wave-row.arrived .arrival-text{color:#b74b43}
.location-band .wave-row.arrived .station-name i{background:#d84b42}
.location-band .result-box{margin-top:14px;border:1px solid #d5e5ef;border-radius:4px;background:#f1f8fc;padding:11px 12px}
.location-band .result-box>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.location-band .result-box>div strong{font-size:10px;color:#397c99}
.location-band .result-box p{font:17px Consolas,monospace;color:var(--ink);margin:8px 0}
.location-band .result-box small{font-size:10px;line-height:1.6;color:var(--muted);display:block}
.location-band .event-line{font-size:11px;min-height:36px;padding:9px 10px;margin:12px 0 0;line-height:1.6}
.location-band .source-note{font-size:11px;padding-top:18px;margin:0;line-height:1.8}
.location-band .playback-strip{display:flex;align-items:center;gap:12px;min-height:33px;padding:6px 4px 0;border-top:1px solid #e2edf4}
.location-band .playback-strip button{border:0;background:#edf5fb;color:#336681;font-size:11px;font-weight:800;border-radius:3px;padding:6px 8px;cursor:pointer;white-space:nowrap}
.location-band .playback-strip input{flex:1;min-width:50px;height:4px;accent-color:#0f9fe3;margin:0;cursor:pointer}
.location-band .playback-strip>span{font:10px Consolas,monospace;color:var(--muted);white-space:nowrap;min-width:79px;text-align:right}
.location-band .map-annotations{font:14px Consolas,monospace;fill:#6d8a9f}
.location-band .station-label{font:17px Consolas,monospace;fill:#617c90}
.location-band .station-arrival{font:12px Consolas,monospace;fill:#b65a50}
.location-band .source-label{font:14px 'Microsoft YaHei UI',sans-serif;fill:#c7712c}
.location-band .solution-label{font:15px 'Microsoft YaHei UI',sans-serif;fill:#087bb1;font-weight:800}
.location-band .constraint-path{stroke:#d8a141;stroke-width:1.4;stroke-dasharray:6 5;fill:none;stroke-opacity:.8}
.location-band button:focus-visible,.location-band input:focus-visible{outline:3px solid #65c9f1;outline-offset:3px}
@media(max-width:1020px){.location-band .case-heading{align-items:flex-start}
.location-band .case-heading h2{font-size:32px}
.location-band .location-status{min-height:auto}
.location-band .phase-card{min-height:66px}
.location-band .phase-card strong{font-size:15px}
.location-band .wave-row{height:28px}
.location-band .wave-row svg{height:26px}
.location-band .station-name,.location-band .arrival-text{font-size:11px}
.location-band .mini-metrics{font-size:12px}
.location-band .station-table-head{font-size:12px}
.location-band .source-note{font-size:11px}}
@media(max-width:760px){.location-band{padding:34px 0}
.location-band .case-heading h2{font-size:27px;line-height:1.45}
.location-band .case-heading .case-copy{font-size:13px}
.location-band .location-chart{height:310px}
.location-band .chart-legend{font-size:10px;gap:10px}
.location-band .chart-panel{padding:12px 10px 8px}
.location-band .panel-label{font-size:12px}
.location-band .panel-label strong{font-size:11px}
.location-band .location-status{padding:20px}
.location-band .source-note{padding-top:15px}
.location-band .station-label{font-size:22px}
.location-band .source-label{font-size:21px}
.location-band .solution-label{font-size:22px}
.location-band .station-arrival{font-size:17px}
.location-band .map-annotations{font-size:20px}
.location-band .playback-strip{gap:8px}
.location-band .playback-strip>span{font-size:9px;min-width:65px}
.location-band .playback-strip button{font-size:10px}
.location-band .phase-card{padding:11px}
.location-band .result-box p{font-size:18px}
.location-band .result-box small{font-size:11px}
.location-band .event-line{font-size:12px}}
@media(max-width:760px){.location-band .station-label{font-size:30px}
.location-band .source-label{font-size:26px}
.location-band .solution-label{font-size:28px}
.location-band .station-symbol{transform:scale(1.3)}}
.location-band .location-chart{border:1px solid #d8e7ee;border-radius:6px;background:linear-gradient(145deg,#f3f9fc,#eaf4f7)}
.location-band .station-label{font-weight:700}
.location-band .constraint-path{stroke-width:1.7;stroke-opacity:.88}
@media(max-width:760px){.location-band .station-label-box{width:94px;height:34px;y:-18px}
.location-band .station-label{font-size:27px}}
.location-band{padding:88px 0;border-top:1px solid var(--line)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.localization-tile{border-top:4px solid var(--cyan)}
@media(max-width:1020px){.product-grid{grid-template-columns:1fr}}
@media(max-width:760px){.location-band{padding:64px 0}}
@media(max-width:360px){body{min-width:0}}
