@charset "UTF-8";
:root{--paper:#f6f5ee;--white:#fffef8;--ink:#23493e;--green:#286459;--muted:#79877b;--line:#dce2d5;--gold:#a48049;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.water-header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:var(--white)}.water-brand{display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:25px;letter-spacing:3px;color:var(--ink)}.water-brand img{width:39px;height:43px;border-radius:6px}.water-brand small{display:block;font:9px/1.6 sans-serif;letter-spacing:1px;color:var(--muted);margin-top:4px}.water-header nav{display:flex;gap:30px;font-size:12px}.download-link{border:1px solid #c7d4c7;border-radius:5px;padding:11px 16px;font-size:11px}.water-hero{display:grid;grid-template-columns:minmax(310px,.8fr) 1.2fr;max-width:1500px;margin:auto;min-height:590px}.hero-copy{padding:53px 5vw 38px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a977f;font-weight:600;line-height:1.8;margin:0 0 20px}.hero-copy h1{font-family:var(--serif);font-size:65px;font-weight:500;letter-spacing:4px;line-height:1.3;margin:0 0 23px}.hero-copy h1 em{font-style:normal;color:#5c7e69}.hero-lead{font-family:var(--serif);font-size:22px;line-height:1.7;margin:0 0 18px}.hero-description{font-size:12px;line-height:2;color:var(--muted);margin:0 0 21px}.text-link{font-size:11px;border-bottom:1px solid #a2b4a0;padding-bottom:7px}.hero-foot{display:flex;gap:22px;margin-top:34px;font-size:9px;color:#8c9984}.hero-foot span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#7e9f86;vertical-align:middle;margin-right:7px}.water-model{position:relative;min-width:0;background:#e7ede3;overflow:hidden;border-left:1px solid #dee4d6}.water-model canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.model-caption{position:absolute;z-index:3;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.model-caption>span{display:flex;align-items:center;gap:7px;background:#fffef1e8;border:1px solid #d7e0cd;padding:10px 12px;border-radius:5px}.model-caption i{width:5px;height:5px;border-radius:50%;background:#57816a}.model-caption b{font-weight:500}.model-caption button{font-size:10px;background:#fffef1e8;border:1px solid #d7e0cd;border-radius:5px;padding:10px}.model-north{position:absolute;right:28px;top:85px;font-size:10px;line-height:1;color:#547662;text-align:center}.model-north span{display:block;font-size:30px;margin-top:2px}.model-bottom{position:absolute;bottom:45px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#71836d}.model-bottom label{display:flex;gap:6px;align-items:center;border:1px solid #d7e0cd;background:#fffef0e8;border-radius:4px;padding:8px}.model-bottom input{accent-color:var(--green);margin:0}.model-boundary{position:absolute;bottom:12px;left:24px;right:24px;font-size:8px;color:#829079;margin:0}#water-labels{position:absolute;inset:0;pointer-events:none}.water-label{position:absolute;font-size:9px;color:#486955;background:#fffef2ef;border:1px solid #b7c8b0;border-radius:4px;padding:6px 8px;white-space:nowrap;transform:translate(-50%,-100%);box-shadow:0 3px 12px #2b4e3210}#model-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e7ede3;color:#6d826d;font-family:var(--serif);font-size:21px}.water-section{padding:45px 5vw;max-width:1500px;margin:auto;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-title p{margin:0;font-size:12px;color:#6a7b68}.section-title .eyebrow{font-size:10px;color:#8a977f}.section-title span{color:#9a9f8d}.section-title a,.section-title button{font-size:11px;white-space:nowrap}.section-title h2,.water-section h2{font-family:var(--serif);font-size:31px;font-weight:500;line-height:1.6;letter-spacing:1px;margin:9px 0 0}.water-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stage-button{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#fafbf3}.stage-button>span{font-family:var(--serif);font-size:27px;color:#9eaa95}.stage-button b{display:block;font-size:13px;font-weight:500;line-height:1.6}.stage-button small{display:block;font-size:9px;color:#8a9583;line-height:1.8;margin-top:4px}.stage-button.active{background:var(--green);border-color:var(--green);color:#fffbed;box-shadow:0 7px 22px #295a3a16}.stage-button.active>span{color:#d4dfc7}.stage-button.active small{color:#c3d5c3}.stage-story{margin-top:30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.stage-story h2{font-size:30px;line-height:1.65;margin:0 0 13px}.stage-subtitle{font-size:11px;color:#8b987f;margin:0 0 18px}.stage-memory{font-family:var(--serif);font-size:19px;line-height:1.9;color:#708167;margin:14px 0}.stage-story p{font-size:13px;color:#6b7968;line-height:2}.stage-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:4px}.stage-detail h3{font-size:11px;letter-spacing:1px;margin:4px 0 10px;font-weight:600}.stage-detail p{font-size:12px;margin:0}.stage-basis{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin:0!important;font-size:10px!important;color:#929580!important}.essay-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;background:#ecefe3}.essay-section .eyebrow{color:#7c947a}.essay-section h2{font-size:35px}.essay-copy p{font-size:13px;line-height:2.15;color:#6b7b66;margin:0 0 16px}.essay-copy .essay-end{font-family:var(--serif);font-size:22px;line-height:1.8;color:#4b7055;margin:23px 0 0}.area-tabs{display:flex;gap:10px;margin-bottom:20px}.area-tabs button{font-size:12px;padding:10px 18px;border:1px solid var(--line);border-radius:30px}.area-tabs button.active{background:#dce7d7;border-color:#a9c0a3;color:#2e604a}.area-story{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;background:var(--white);padding:30px;border:1px solid var(--line);border-radius:8px}.area-story h3{font-family:var(--serif);font-weight:500;font-size:28px;margin:0 0 13px}.area-story small{font-size:10px;color:#8e9b80}.area-story p{font-size:12px;line-height:2;color:#76816f;margin:10px 0}.area-story dl{display:grid;grid-template-columns:64px 1fr;font-size:11px;line-height:1.9;gap:18px;margin:8px 0}.area-story dt{color:#9a9d87}.area-story dd{margin:0;color:#6e7d68}.area-note{font-size:10px;color:#929780;line-height:1.9;margin:13px 0 0}.record-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;background:#f0f1e7}.record-section>div>p:not(.eyebrow){font-size:12px;line-height:2;color:#809076;margin-top:20px}.record-section>div>.record-help{font-size:10px;color:#9a9d88}#water-note-form{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:26px}.record-context{display:flex;gap:9px;margin-bottom:21px}.record-context span{font-size:10px;border:1px solid #cbd9c2;background:#f0f5e9;padding:6px 10px;border-radius:3px}.form-row{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}#water-note-form label{display:block;font-size:10px;color:#7f8d76;margin-bottom:15px}#water-note-form input,#water-note-form select,#water-note-form textarea{display:block;width:100%;margin-top:8px;background:#f8faf1;border:1px solid #dce4d2;border-radius:4px;color:#3c5e46;padding:10px;font-size:11px;line-height:1.6}#water-note-form textarea{resize:vertical;min-height:120px}.note-actions{display:flex;gap:18px;align-items:center}.note-actions button{font-size:11px}.solid-button{padding:11px 18px;background:var(--green);border-radius:4px;color:white}.note-actions~p{font-size:9px;line-height:1.7;color:#94a087;margin-bottom:0}.water-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.source-card{padding:22px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.source-card small{font-size:9px;color:#8e9a82;line-height:1.7}.source-card h3{font-size:13px;font-weight:500;line-height:1.8;margin:12px 0}.source-card p{font-size:11px;color:#7c8974;line-height:1.9}.source-card .source-scope{font-size:10px;color:#9d997d;border-top:1px solid var(--line);padding-top:12px}.source-card a{font-size:10px}.verification{border-bottom:1px solid var(--line);padding:24px 0 10px;margin-top:18px}.verification summary{font-size:12px;cursor:pointer}.verification ol{font-size:11px;line-height:2.2;color:#7f8b75}.water-footer{padding:28px 5vw 35px;border-top:1px solid var(--line);background:#e6ebe0;font-size:10px;line-height:1.8;color:#809078}.water-footer b{font-weight:500;color:#506e51;margin-left:15px}.water-footer span{margin-left:20px;font-size:9px}.water-footer p{margin:4px 0}.water-footer a{margin-left:13px}
@media(min-width:1600px){.water-section{padding-left:80px;padding-right:80px}.hero-copy{padding-left:80px}.water-hero{min-height:660px}.hero-copy h1{font-size:74px}}
@media(max-width:1000px){.water-header{padding:0 25px}.water-header nav{gap:18px}.water-hero{grid-template-columns:.85fr 1.15fr;min-height:580px}.hero-copy{padding:40px 30px}.hero-copy h1{font-size:57px}.hero-lead{font-size:19px}.hero-description{font-size:11px}.water-section{padding:35px 30px}.stage-button{padding:15px 12px;gap:9px}.stage-button b{font-size:11px}.stage-button>span{font-size:23px}.stage-button small{font-size:8px}.stage-story,.essay-section,.record-section{gap:30px}.water-sources{grid-template-columns:1fr 1fr}.area-story{gap:25px}.section-title h2,.water-section h2{font-size:27px}.model-bottom{flex-direction:column;align-items:start;gap:5px}.water-model .model-caption{left:15px;right:15px}.model-caption button{font-size:9px}.model-caption>span{font-size:9px}}
@media(max-width:640px){.water-header{height:auto;min-height:72px;padding:15px 18px;gap:14px;flex-wrap:wrap}.water-brand{font-size:21px;gap:8px;letter-spacing:2px}.water-brand img{width:31px;height:34px}.water-brand small{font-size:8px}.water-header nav{margin-left:auto;font-size:10px;gap:13px}.water-header nav a:first-child{display:none}.download-link{display:none}.water-hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:33px 24px 28px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:16px}.hero-copy h1{font-size:52px;line-height:1.28;margin-bottom:19px}.hero-lead{font-size:19px;line-height:1.65}.hero-description{font-size:11px;line-height:1.95;margin-bottom:18px}.hero-foot{margin-top:24px;font-size:8px}.text-link{font-size:10px}.water-model{height:400px;min-height:400px;border-left:0;border-top:1px solid var(--line)}.model-caption{top:15px;left:15px;right:15px}.model-north{top:65px;right:20px}.model-bottom{bottom:43px;left:15px;right:15px;font-size:8px}.model-boundary{left:15px;font-size:7px;bottom:13px}.water-section{padding:30px 23px}.section-title{align-items:start;gap:14px;margin-bottom:21px}.section-title p{font-size:10px;line-height:1.9}.section-title>p{max-width:145px}.section-title span{display:block}.section-title .eyebrow{font-size:9px}.section-title h2,.water-section h2{font-size:26px;line-height:1.55}.section-title a,.section-title button{font-size:9px;white-space:normal;line-height:1.8;min-width:75px;text-align:right}.water-stages{grid-template-columns:1fr 1fr;gap:9px}.stage-button{padding:13px 11px;gap:9px;min-height:78px}.stage-button b{font-size:11px}.stage-button>span{font-size:24px}.stage-button small{font-size:8px}.stage-story{display:block;margin-top:24px}.stage-story h2{font-size:25px}.stage-story p{font-size:12px}.stage-story .stage-subtitle{font-size:10px}.stage-memory{font-size:18px!important}.stage-detail{display:block;margin-top:24px}.stage-detail>div{margin-bottom:22px}.stage-detail p{font-size:11px}.stage-basis{font-size:9px!important}.essay-section,.record-section{display:block}.essay-section h2{font-size:31px}.essay-copy{margin-top:24px}.essay-copy p{font-size:12px;line-height:2.1}.essay-copy .essay-end{font-size:21px}.area-tabs{gap:6px;flex-wrap:wrap}.area-tabs button{font-size:10px;padding:8px 13px}.area-story{display:block;padding:22px}.area-story h3{font-size:26px}.area-story p{font-size:11px}.area-story dl{font-size:10px;gap:10px;margin-top:19px;grid-template-columns:54px 1fr}.area-note{font-size:9px}.record-section>div>p:not(.eyebrow){font-size:11px}.record-section>div>.record-help{font-size:9px}#water-note-form{margin-top:23px;padding:20px}.form-row{grid-template-columns:1fr}.note-actions{gap:12px}.note-actions button{font-size:10px}.solid-button{padding:10px 13px}.water-sources{grid-template-columns:1fr}.source-card{padding:20px}.source-card h3{font-size:12px}.source-card p{font-size:11px}.verification summary{font-size:11px;line-height:1.8}.verification ol{font-size:10px;padding-left:20px}.water-footer{padding:25px 23px;font-size:9px}.water-footer span{display:block;margin-left:0;font-size:8px}.water-footer p{margin-top:9px}.water-footer a{margin-left:0;display:inline-block}.water-label{font-size:8px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.scene-stages{position:absolute;z-index:3;top:76px;left:24px;right:78px;display:flex;gap:5px;flex-wrap:wrap}.scene-stages button{background:#fffef3e8;border:1px solid #cbd8c2;border-radius:4px;font-size:9px;padding:8px 9px;display:flex;gap:5px;align-items:center}.scene-stages button span{font-family:var(--serif);color:#96a288}.scene-stages button.active{background:#306b58;border-color:#306b58;color:#fffceb}.scene-stages button.active span{color:#c7d8ba}@media(max-width:640px){.scene-stages{top:67px;left:15px;right:51px;gap:4px}.scene-stages button{font-size:8px;padding:7px 6px;gap:3px}.scene-stages button span{font-size:9px}}
@media(max-width:640px){.hero-description{font-size:13px;line-height:1.9}.stage-story p{font-size:14px;line-height:2}.stage-detail p{font-size:13px}.essay-copy p{font-size:14px;line-height:2}.area-story p{font-size:13px}.area-story dl{font-size:12px}.record-section>div>p:not(.eyebrow){font-size:13px}.source-card p{font-size:12px}.source-card .source-scope{font-size:11px}#water-note-form label{font-size:12px}#water-note-form input,#water-note-form select,#water-note-form textarea{font-size:16px;line-height:1.5}#water-note-form textarea{min-height:160px}}