:root{color:#16231d;background:#eef4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{display:flex;min-height:100vh;width:100vw;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.08),transparent 28%),linear-gradient(135deg,#edf5f1,#f7faf8 48%,#eef4f7)}.sidebar{display:flex;flex:0 0 420px;flex-direction:column;max-width:420px;min-width:360px;height:100vh;overflow-y:auto;border-right:1px solid rgba(204,218,210,.82);background:#fffffff0;box-shadow:12px 0 34px #142c221a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2}.sidebar-header,.control-section,.route-planner-section,.status-section,.selected-section,.table-section{padding:16px 20px;border-bottom:1px solid #e5ece7}.sidebar-header{padding-top:22px}.eyebrow,.section-kicker,.source-line,.hint{margin:0;color:#5d7167;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar h1{margin:6px 0 8px;font-size:28px;line-height:1.16}.sidebar h2{margin:4px 0 8px;font-size:18px;line-height:1.25}.summary,.selected-section p,.status-section p{margin:0;color:#52645b;font-size:14px;line-height:1.55}.control-section{display:grid;gap:10px}.route-planner-section{display:grid;gap:10px;background:linear-gradient(180deg,#eff7ffb8,#fffffff0)}.section-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.route-mode-pill{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(37,99,235,.22);border-radius:999px;padding:3px 9px;background:#2563eb14;color:#1d4ed8;font-size:12px;font-weight:900;white-space:nowrap}.api-mini-card{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;border:1px solid #e2ebe6;border-radius:8px;padding:9px 10px;background:#f8fbf9}.api-mini-card span,.api-mini-card small{color:#66786e;font-size:12px;font-weight:800}.api-mini-card strong{color:#17211c;font-size:13px;text-align:right}.api-mini-card small{grid-column:1 / -1;font-weight:700}.focus-note{margin:0;border-left:3px solid #2563eb;padding:8px 10px;background:#2563eb12;color:#1d4ed8;font-size:12px;font-weight:800;line-height:1.45}.field-label{color:#2f4037;font-size:13px;font-weight:800}.search-row,.button-row{display:flex;flex-wrap:wrap;gap:10px}.search-row input,.filter-input,.station-select{min-width:0;flex:1;height:40px;border:1px solid #cedbd3;border-radius:8px;padding:0 12px;background:#fff;color:#1b2921;outline:none}.search-row input:focus,.filter-input:focus,.station-select:focus{border-color:#18a36f;box-shadow:0 0 0 3px #18a36f24}.search-row button,.secondary-button,.primary-wide-button{height:40px;border:0;border-radius:8px;padding:0 16px;background:#0c9b69;color:#fff;font-weight:800}.secondary-button{flex:1;border:1px solid #c9ddd2;background:#eff8f2;color:#0b7650}.primary-wide-button{width:100%;background:#2563eb;box-shadow:0 10px 22px #2563eb2e}.station-select{width:100%;appearance:none;background:linear-gradient(45deg,transparent 50%,#60746a 50%) right 14px center / 6px 6px no-repeat,linear-gradient(135deg,#60746a 50%,transparent 50%) right 9px center / 6px 6px no-repeat,#fff;padding-right:32px}.route-result-card{display:grid;gap:4px;border:1px solid rgba(37,99,235,.18);border-radius:8px;padding:10px 12px;background:#ffffffdb}.route-result-card span{color:#5f7168;font-size:12px;font-weight:800}.route-result-card strong{color:#1d4ed8;font-size:18px}.text-button{width:fit-content;height:auto;border:0;padding:0;background:transparent;color:#1d4ed8;font-size:12px;font-weight:900;text-align:left}.toggle-label{display:inline-flex;align-items:center;gap:7px;color:#42534a;font-size:13px;font-weight:700;white-space:nowrap}.toggle-label input{accent-color:#0c9b69}.status-filter-row,.layer-filter-row,.risk-summary{display:flex;flex-wrap:wrap;gap:8px}.status-filter,.layer-filter{height:30px;border:1px solid #d4ded8;border-radius:999px;padding:0 11px;background:#fff;color:#52645b;font-size:12px;font-weight:900}.status-filter.is-active,.layer-filter.is-active{color:#fff}.status-filter.status-gap.is-active,.risk-pill.status-gap,.status-badge.status-gap{background:#dc2626;border-color:#dc2626}.status-filter.status-far.is-active,.risk-pill.status-far,.status-badge.status-far{background:#f97316;border-color:#f97316}.status-filter.status-dense.is-active,.risk-pill.status-dense,.status-badge.status-dense{background:#7c3aed;border-color:#7c3aed}.status-filter.status-watch.is-active,.risk-pill.status-watch,.status-badge.status-watch{background:#d97706;border-color:#d97706}.status-filter.status-normal.is-active,.risk-pill.status-normal,.status-badge.status-normal{background:#0c9b69;border-color:#0c9b69}.layer-filter.layer-base.is-active{background:#0f766e;border-color:#0f766e}.layer-filter.brand-ideal.is-active{background:#0ea5e9;border-color:#0ea5e9}.layer-filter.brand-tesla.is-active{background:#e82127;border-color:#e82127}.layer-filter.brand-byd.is-active{background:#2563eb;border-color:#2563eb}.layer-filter.brand-xpeng.is-active{background:#111827;border-color:#111827}.status-section{display:grid;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-grid div{border:1px solid #dde8e0;border-radius:8px;padding:11px 12px;background:#f8fbf9}.stat-grid span,.stat-grid strong{display:block}.stat-grid span{color:#687c71;font-size:12px;font-weight:700}.stat-grid strong{margin-top:3px;color:#17211c;font-size:24px}.hint{color:#7a5a12;line-height:1.45;letter-spacing:0;text-transform:none}.progress-shell{height:8px;overflow:hidden;border-radius:99px;background:#d9e6dd}.progress-bar{height:100%;border-radius:inherit;background:#0c9b69;transition:width .18s ease}.source-line{color:#0b7650;letter-spacing:0;text-transform:none}.risk-pill{display:inline-flex;align-items:center;min-height:24px;border:1px solid currentColor;border-radius:999px;padding:3px 8px;color:#fff;font-size:12px;font-weight:900}.selected-section{display:grid;gap:6px}.selected-section dl{display:grid;gap:6px;margin:4px 0 0}.selected-section dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5ece7;padding-top:6px}.selected-section dt{color:#6a7c72;font-size:12px;font-weight:800;white-space:nowrap}.selected-section dd{margin:0;max-width:68%;color:#16231b;font-size:12px;font-weight:800;text-align:right;overflow-wrap:anywhere}.table-section{display:flex;flex:1;min-height:260px;flex-direction:column;border-bottom:0}.table-heading{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:end;margin-bottom:12px}.filter-input{height:34px;font-size:13px}.station-list{display:grid;gap:6px}.station-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;align-items:center;border:1px solid #dde8e0;border-radius:8px;padding:8px 9px;background:#fff;color:inherit;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.station-row:hover,.station-row.is-selected{border-color:#13a06d;background:#f1fbf5}.station-row.status-gap{border-left:5px solid #dc2626}.station-row.status-far{border-left:5px solid #f97316}.station-row.status-dense{border-left:5px solid #7c3aed}.station-row.status-watch{border-left:5px solid #d97706}.station-row.is-selected{transform:translate(2px)}.row-main{min-width:0}.row-main strong,.row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong{color:#14231b;font-size:14px}.row-main small{margin-top:3px;color:#6a7c72;font-size:12px}.row-distance{color:#08714c;font-size:13px;font-weight:900;white-space:nowrap}.row-meta{display:grid;justify-items:end;gap:5px}.status-badge{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:2px 7px;color:#fff;font-size:11px;font-weight:900;line-height:1.2}.empty-state{border:1px dashed #bfd1c6;border-radius:8px;padding:24px;color:#6a7c72;text-align:center}.map-panel{position:relative;flex:1;min-width:0;height:100vh;background:#dfe9e4}.map-container{width:100%;height:100%}.map-loading{position:absolute;inset:20px;display:grid;place-content:center;gap:8px;border:1px solid #d9e6dd;border-radius:8px;background:#f8fbf9eb;color:#22332a;text-align:center}.map-loading span{color:#5b6f64;font-size:14px}.station-pin{display:grid;width:17px;height:17px;place-items:center;border:2.5px solid #ffffff;border-radius:999px;background:#0c9b69;box-shadow:0 0 0 2px #0c9b6929,0 8px 18px #0c9b6957}.station-pin.status-gap{background:#dc2626;box-shadow:0 8px 18px #dc262657}.station-pin.status-far{background:#f97316;box-shadow:0 8px 18px #f9731657}.station-pin.status-dense{background:#7c3aed;box-shadow:0 8px 18px #7c3aed52}.station-pin.status-watch{background:#d97706;box-shadow:0 8px 18px #d977064d}.station-pin.is-selected{width:25px;height:25px;background:#f35d2f;box-shadow:0 10px 24px #f35d2f57}.station-pin.is-route-from{background:#2563eb;box-shadow:0 0 0 4px #2563eb2e,0 10px 24px #2563eb52}.station-pin.is-route-to{background:#e11d48;box-shadow:0 0 0 4px #e11d4829,0 10px 24px #e11d484d}.brand-pin{width:15px;height:15px;border:2px solid #ffffff;box-shadow:0 0 0 1px #17231d14,0 8px 18px #1118273d}.brand-pin.brand-ideal{border-radius:4px;background:#0ea5e9}.brand-pin.brand-tesla{border-radius:999px;background:#e82127}.brand-pin.brand-byd{border-radius:2px;background:#2563eb;transform:rotate(45deg)}.brand-pin.brand-xpeng{border-radius:999px 999px 4px;background:#111827}.brand-pin.is-selected{width:24px;height:24px;outline:3px solid rgba(243,93,47,.28)}.brand-detail h2{color:#102033}.brand-detail-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.brand-detail-heading h2,.brand-detail-heading p{margin-right:0}.brand-detail-mark{width:18px;height:18px;margin-top:4px;border:2px solid #ffffff;box-shadow:0 0 0 1px #17231d1f,0 8px 18px #1118272e}.brand-detail-mark.brand-ideal{border-radius:5px;background:#0ea5e9}.brand-detail-mark.brand-tesla{border-radius:999px;background:#e82127}.brand-detail-mark.brand-byd{border-radius:3px;background:#2563eb;transform:rotate(45deg)}.brand-detail-mark.brand-xpeng{border-radius:999px 999px 5px;background:#111827}.brand-metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.brand-metric-strip div{min-width:0;border:1px solid #e0e9e4;border-radius:8px;padding:7px 8px;background:#f8fbf9}.brand-metric-strip span,.brand-metric-strip strong{display:block}.brand-metric-strip span{color:#6a7c72;font-size:11px;font-weight:800}.brand-metric-strip strong{margin-top:2px;overflow:hidden;color:#14231b;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.station-map-label{display:grid;gap:2px;max-width:190px;border:1px solid rgba(12,155,105,.24);border-radius:8px;padding:5px 7px;background:#fffffff2;box-shadow:0 8px 20px #1e2e251f;color:#17211c;line-height:1.2}.station-map-label strong,.station-map-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-map-label strong{font-size:12px}.station-map-label span{color:#08714c;font-size:11px;font-weight:800}.station-map-label.is-selected{border-color:#f35d2f;box-shadow:0 10px 26px #f35d2f33}@media(max-width:900px){.app-shell{flex-direction:column;overflow:auto}.sidebar{flex:0 0 auto;width:100%;max-width:none;min-width:0;height:auto;max-height:52vh;border-right:0;border-bottom:1px solid #dfe7e1}.map-panel{min-height:48vh;height:48vh}.table-heading{grid-template-columns:1fr}}