:root{--ink:#173749;--muted:#657c88;--blue:#116bc9;--blue-deep:#153a58;--paper:#fbf8ee;--line:#d5e0df;--upper:#67b96d;--middle:#a481cf;--lower:#e9a35d;--red:#c7514c;--loess:#d9ae52;--sea:#cce9f1;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--ink);background:#e9f0ec}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #f5b946;outline-offset:3px}.app{height:100vh;min-height:680px;display:flex;flex-direction:column;background:#eff3ee}.topbar{height:88px;min-height:88px;padding:0 28px;display:flex;align-items:center;gap:18px;background:#153a58;color:#fff;border-bottom:4px solid #84b4bf;box-shadow:0 3px 10px #1b3c4a24;z-index:3}.brand-mark{width:52px;height:52px;border:2px solid #9bcbd4;display:grid;place-items:center;font:700 14px/1.25 "SimSun",serif;letter-spacing:2px;text-align:center;color:#e4f4f1;transform:rotate(-4deg);border-radius:9px}.heading{min-width:0}.eyebrow,.overline{font-size:10px;letter-spacing:.18em;font-weight:700;color:#9dc6d6}.heading h1{margin:2px 0 0;font-family:"Songti SC","STSong","SimSun",serif;font-size:34px;letter-spacing:.08em;line-height:1.1}.page-pill{margin-left:auto;border:1px solid #80aebc;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:700;white-space:nowrap;background:#ffffff10}.pill-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77d1c2;margin-right:8px;box-shadow:0 0 0 4px #77d1c226}.utility-button{color:white;background:#ffffff14;border:1px solid #a1c6d0;border-radius:8px;min-height:44px;padding:0 15px;cursor:pointer}.utility-button:hover{background:#ffffff25}.workspace{display:grid;grid-template-columns:282px minmax(0,1fr);gap:14px;padding:14px;min-height:0;flex:1}.sidebar{min-height:0;background:#fffdf7;border:1px solid #cbd7d1;border-radius:14px;padding:20px 15px 15px;box-shadow:0 4px 18px #203b4620;display:flex;flex-direction:column;overflow:auto}.panel-heading{display:flex;align-items:center;gap:12px;padding:0 7px}.section-number{font:700 23px Georgia,serif;color:#427688;border-right:2px solid #d4dfdc;padding-right:12px}.panel-heading .overline{margin:0;color:#6b8c96}.panel-heading h2{font:700 23px "Songti SC","SimSun",serif;margin:2px 0}.panel-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 7px 15px}.layer-list{display:grid;gap:8px}.layer-toggle{min-height:66px;border:1px solid #d8e1de;border-radius:10px;background:#f9fbf7;display:flex;align-items:center;gap:11px;text-align:left;padding:7px 10px;cursor:pointer;color:var(--ink);transition:background .16s,border-color .16s,transform .16s}.layer-toggle:hover{background:#eef7f5;border-color:#a9c8c6;transform:translateY(-1px)}.layer-toggle.active{background:#e9f4f3;border-color:#9ac6c5}.layer-icon{width:34px;min-width:34px;height:34px;border-radius:7px;background:#d7e9e7;color:#276677;display:grid;place-items:center;font-weight:800;font-size:15px}.reach-icon{font-size:9px;background:linear-gradient(120deg,#d9efdb 35%,#e5dbf3 35% 68%,#f8e4d1 68%);color:#24435c}.layer-name{font-size:15px;font-weight:800;line-height:1.2;flex:1}.layer-name small{display:block;font-size:10px;font-weight:500;color:#6b8089;margin-top:5px;line-height:1.25}.switch{width:34px;min-width:34px;height:21px;border-radius:20px;background:#b9c8c8;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0002}.active .switch{background:#2978c5}.active .switch:after{transform:translateX(13px)}.map-section{min-width:0;min-height:0;display:flex;flex-direction:column}.map-topline{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.map-kicker{font-size:10px;color:#728c91;letter-spacing:.18em;font-weight:800}.map-topline h2{font:700 25px "Songti SC","SimSun",serif;margin:1px 0;color:#1e4656}.flow-status{font-size:12px;color:#4e6a73;white-space:nowrap}.flow-indicator{display:inline-block;width:8px;height:8px;background:#3eb8da;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #3eb8da2d}.map-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #b4c9c8;border-radius:14px;background:radial-gradient(ellipse at 32% 42%,#faf6e6 0%,#f2f1e7 52%,#eaf0e7 100%);box-shadow:inset 0 0 70px #77989714,0 4px 18px #34515d1b}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#6c9ea518 1px,transparent 1px),linear-gradient(90deg,#6c9ea518 1px,transparent 1px);background-size:70px 70px;opacity:.45}#mapSvg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#mapSvg.dragging{cursor:grabbing}.map-caption{height:26px;min-height:26px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:0 6px;font-size:10px;color:#73878b}.map-tools{position:absolute;top:15px;right:15px;display:flex;gap:4px;background:#fffdf8e8;padding:4px;border:1px solid #d2ddda;border-radius:8px;box-shadow:0 2px 10px #0001}.map-tools button{border:0;background:transparent;width:37px;height:35px;color:#315d6b;font-size:20px;font-weight:700;cursor:pointer;border-radius:5px}.map-tools button:hover{background:#e8f1ed}.map-tools #resetView{width:45px;font-size:11px}.north-arrow{position:absolute;top:72px;right:29px;color:#496b78;text-align:center;font-size:10px;font-weight:700}.north-arrow b{display:block;font:700 33px Georgia,serif;line-height:1}.map-legend{position:absolute;left:15px;bottom:15px;background:#fffdf8ec;border:1px solid #d3dfda;border-radius:10px;padding:11px 14px;box-shadow:0 2px 12px #294e5a19;max-width:290px}.map-legend h3{font-size:13px;margin:0 0 8px;color:#294e5f}.legend-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:7px;font-size:10px;font-weight:700;color:#476171}.legend-grid span{white-space:nowrap;display:flex;align-items:center;gap:6px}.legend-line{width:24px;height:0;border-top:3px solid;display:inline-block}.legend-line.main{border-color:#096bd8}.legend-line.branch{border-color:#41a4da;border-top-width:2px}.legend-line.border{border-color:var(--red);border-top-style:dashed}.legend-swatch{width:20px;height:10px;display:inline-block;border-radius:2px}.legend-swatch.upper{background:#addbb1}.legend-swatch.middle{background:#d2bee9}.legend-swatch.lower{background:#f3cca2}.legend-swatch.loess{background:#e7cc84}.legend-swatch.water{background:#a9dbe8}.scale-bar{position:absolute;right:17px;bottom:18px;color:#5d7480;font-size:9px;text-align:right}.scale-ticks{display:flex;justify-content:space-between;width:160px;margin-bottom:4px}.scale-track{display:flex;width:160px;height:6px;border:1px solid #496a78}.scale-track i{flex:1;background:#315d78}.scale-track i+ i{background:#e9f2f0}.scale-bar small{display:block;margin-top:4px}.tooltip{position:absolute;z-index:9;max-width:260px;min-width:180px;background:#173e54;color:#fff;padding:11px 13px;border:1px solid #8db8c4;border-radius:8px;box-shadow:0 8px 24px #132c3c45;pointer-events:none;font-size:11px;line-height:1.5}.tooltip strong{display:block;font-size:14px;margin-bottom:4px}.footer-nav{height:76px;min-height:76px;display:flex;align-items:center;gap:12px;padding:10px 18px;background:#153a58;color:#fff;border-top:3px solid #91c0cb}.nav-context{width:160px;min-width:160px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#b2d3d9}.nav-context span{display:block;font:700 21px Georgia,serif;color:#fff;margin-top:2px}.nav-item{height:52px;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#244c69;border:1px solid #56819a;color:#eef7f6;border-radius:8px;font-size:15px;font-weight:800}.nav-item.selected{background:#2c738e;border-color:#b6d9db;box-shadow:inset 0 0 0 1px #75b8c4}.nav-item.upcoming{color:#b4c4c8;background:#254258;border-color:#40647b;cursor:not-allowed}.nav-index{font:700 19px Georgia,serif;color:#cce7ea}.nav-item small{font-size:9px;font-weight:600;color:#9eb7c0}.province-shape{fill:#efece1;stroke:#a8b8b6;stroke-width:1.15;vector-effect:non-scaling-stroke}.province-shape:nth-child(even){fill:#f1eee4}.sea-shape,.lake-shape{fill:#c5e5ed;stroke:#96c6d4;stroke-width:1;vector-effect:non-scaling-stroke}.basin-fill{fill:#e9f0dd;fill-opacity:.77;stroke:none}.basin-border{fill:none;stroke:#cb514c;stroke-width:3;stroke-dasharray:10 7;stroke-linejoin:round;vector-effect:non-scaling-stroke}.loess-shape{fill:#e4bd61;fill-opacity:.43;stroke:#b99145;stroke-opacity:.38;stroke-width:1;vector-effect:non-scaling-stroke}.reach-halo{fill:none;stroke-width:28;stroke-linecap:round;stroke-linejoin:round;opacity:.74;vector-effect:non-scaling-stroke}.reach-halo.upper{stroke:#92d69a}.reach-halo.middle{stroke:#c4a9e2}.reach-halo.lower{stroke:#f0bd84}.main-glow{fill:none;stroke:#6bc6f6;stroke-opacity:.3;stroke-width:13;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.main-river{fill:none;stroke:#096bd8;stroke-width:5.7;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.tributary-river{fill:none;stroke:#50a4d8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.water-flow{fill:none;stroke:#d9f6ff;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:2 18;stroke-opacity:.82;vector-effect:non-scaling-stroke;animation:stream 2.2s linear infinite}.tributary-flow{stroke:#d9f6ff;stroke-width:1.1;stroke-dasharray:1.5 18;stroke-opacity:.5;animation-duration:3.8s}@keyframes stream{to{stroke-dashoffset:-20}}.flow-particle{fill:#dcf7ff;opacity:.7;pointer-events:none}.province-label{font-size:19px;font-weight:900;letter-spacing:.03em;fill:#ed128f;paint-order:stroke fill;stroke:#fff8fd;stroke-width:4.5;stroke-linejoin:round;text-anchor:middle;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #f74ab7)}.zone-label{font:800 23px "Songti SC","SimSun",serif;paint-order:stroke;stroke:#fffdf7;stroke-width:5;stroke-linejoin:round;text-anchor:middle}.zone-label.upper{fill:#317a43}.zone-label.middle{fill:#7653aa}.zone-label.lower{fill:#ad642a}.river-label{font-size:17px;font-weight:800;fill:#0969bd;paint-order:stroke;stroke:#f8fcfa;stroke-width:4;stroke-linejoin:round;text-anchor:middle}.tributary-label{font-size:13px;font-weight:800;fill:#216b9a;paint-order:stroke;stroke:#fffdf9;stroke-width:3;stroke-linejoin:round;text-anchor:middle}.sea-label{font:700 22px "Songti SC","SimSun",serif;fill:#6ca7bc;letter-spacing:.15em;text-anchor:middle}.city-label{font-size:13px;font-weight:700;fill:#536c72;paint-order:stroke;stroke:#fffdf7;stroke-width:3;text-anchor:middle}.marker-dot{fill:#fff;stroke:#cf4b45;stroke-width:4;vector-effect:non-scaling-stroke}.marker-halo{fill:#d94c45;fill-opacity:.16}.marker-name{font-size:16px;font-weight:800;fill:#fff}.marker-pill{fill:#cb4842;rx:7}.marker-sub{font-size:10px;fill:#fff}.mouth-dot{fill:#1273c7;stroke:#fff;stroke-width:3}.engineering-dot{fill:#fffaf0;stroke:#a77945;stroke-width:3;vector-effect:non-scaling-stroke}.engineering-label{font-size:12px;font-weight:700;fill:#7e603d;paint-order:stroke;stroke:#fffaf0;stroke-width:3}.interactive-map-point{cursor:pointer}.hidden-layer{display:none!important}@media(prefers-reduced-motion:reduce){.water-flow{animation:none}.flow-particle{display:none!important}.layer-toggle{transition:none}}@media(max-width:1160px){.workspace{grid-template-columns:240px minmax(0,1fr);gap:9px;padding:9px}.sidebar{padding:14px 10px}.layer-toggle{min-height:60px}.layer-name{font-size:13px}.layer-name small{font-size:9px}.nav-context{width:100px;min-width:100px}.nav-item{font-size:12px}.map-caption{font-size:9px}}@media(max-width:800px){html,body{overflow:auto}.app{height:auto;min-height:100vh}.topbar{height:auto;min-height:72px;padding:10px 14px;gap:10px;flex-wrap:wrap}.brand-mark{width:40px;height:40px;font-size:11px}.heading h1{font-size:24px}.eyebrow{font-size:8px}.page-pill{order:3;margin:0 auto 0 0;font-size:11px}.utility-button{min-height:36px;font-size:11px}.workspace{display:flex;flex-direction:column}.sidebar{order:2;overflow:visible}.panel-intro,.layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-toggle{min-height:58px}.map-section{order:1;min-height:580px}.map-stage{min-height:500px}.map-topline{min-height:52px;height:52px}.map-topline h2{font-size:21px}.flow-status{font-size:9px}.map-legend{max-width:220px}.legend-grid{font-size:8px;column-gap:7px}.scale-bar{display:none}.footer-nav{height:auto;min-height:66px;padding:8px;gap:5px}.nav-context{display:none}.nav-item{height:50px;gap:4px;font-size:10px;padding:4px}.nav-index{font-size:13px}.nav-item small{display:none}.map-caption{display:block;height:auto;padding:6px;font-size:9px}.map-caption span{display:block}}@media(max-width:460px){.layer-list{grid-template-columns:1fr 1fr}.layer-icon{display:none}.layer-name{font-size:11px}.layer-name small{font-size:8px}.switch{width:27px;min-width:27px;height:18px}.switch:after{width:12px;height:12px}.active .switch:after{transform:translateX(9px)}.map-legend{left:7px;bottom:7px;padding:7px;max-width:190px}.north-arrow{right:15px}.map-tools{right:6px;top:6px}.map-tools button{width:30px}.map-stage{min-height:450px}}