:root{--paper:#f7f5eb;--ink:#335c4d;--muted:#84907b;--line:#dce0d1;--red:#b96951}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'Microsoft YaHei',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bd7959;outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}header{height:102px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:15px;font:600 24px 'SimSun',serif;letter-spacing:3px}.seal{writing-mode:vertical-rl;background:var(--red);color:#fff8e9;font:17px 'SimSun',serif;padding:10px 8px;letter-spacing:4px;border-radius:3px}.brand small{display:block;font:11px Arial;letter-spacing:3px;margin-top:9px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:22px;font-size:13px;color:#798972}#sound{padding:10px 14px;border:1px solid #d3dccc;border-radius:24px}#help{width:33px;height:33px;border:1px solid #d3dccc;border-radius:50%}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px;padding:32px 5% 28px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:2px}h1{font:500 38px/1.55 'SimSun',serif;letter-spacing:3px;margin:23px 0 14px}h1 span{color:#789379}.intro{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 25px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:15px;padding:15px 12px;text-align:left;border-radius:7px;border:1px solid transparent}nav button.active{background:#e7ecdf;border-color:#d7dfcd}nav b{font:17px 'SimSun',serif;color:#8e9d80}nav span{font-size:15px;letter-spacing:1px}nav small{display:block;font-size:11px;letter-spacing:0;color:#8e9782;margin-top:7px}nav i{font-style:normal;margin-left:auto;color:#8e9d80}.notebook{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#819078}#discoveries{display:grid;gap:12px;margin-top:17px}#discoveries span.found{color:#39734f}.signature{margin-top:26px;font:14px/1.9 'SimSun',serif;color:#89957e}.signature small{display:block;font-size:11px;margin-top:7px}.scene-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px;letter-spacing:1px}.scene-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#85a077;margin-right:9px}.scene-top button{font-size:12px;color:#8a9780}.scene{position:relative;border-radius:12px;overflow:hidden;background:#c7d8bb;isolation:isolate}#landscape{display:block;width:100%;aspect-ratio:1000/580;min-height:350px;touch-action:pan-y}.scene-note{position:absolute;left:27px;top:25px;z-index:1;letter-spacing:3px;font:14px 'SimSun',serif;color:#829578;pointer-events:none}.scene-note small{display:block;font:8px Arial;letter-spacing:2px;margin-top:8px}.verse{position:absolute;left:50%;top:28px;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none}.verse small{display:block;font-size:11px;letter-spacing:1px;color:#8d9a7d;margin-bottom:12px}.verse strong{font:500 26px 'SimSun',serif;letter-spacing:5px;color:#547453}.message{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);padding:10px 20px;background:#f9f7e9df;border-radius:25px;font-size:13px;opacity:0;transition:opacity .3s;white-space:nowrap;pointer-events:none}#floatingWord{position:absolute;left:42%;top:26%;font:42px 'SimSun',serif;color:#729578;pointer-events:none;opacity:0}#floatingWord.pop{animation:wordFloat 1.2s ease-out}@keyframes wordFloat{0%{transform:translateY(20px);opacity:0}20%{opacity:1}100%{transform:translateY(-30px);opacity:0}}.activity{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:24px 0 20px;min-height:140px}.instructions{flex:1;min-width:220px}.instructions>small{font-size:11px;color:var(--red);letter-spacing:2px}.instructions h2{font:500 19px/1.5 'SimSun',serif;margin:9px 0 6px}.instructions p{font-size:12px;color:#89967e;margin:0;line-height:1.8}.primary{padding:13px 23px;border-radius:5px;background:#3e6955;color:#fcf8e9;letter-spacing:1px}.primary:hover{background:#305a47}.large{padding:18px 25px;font-size:16px}.large span{margin-left:20px;color:#c5d7ad;font-size:20px}.progress-line{height:3px;background:#e3e7d9}.progress-line span{display:block;width:0;height:100%;background:#8ba57b;transition:width .5s}.under-note{font-size:11px;color:#98a08c;margin:13px 0}.palette{display:flex;gap:12px}.palette button{display:grid;justify-items:center;gap:7px;font-size:13px;padding:8px 13px;border:1px solid #d5decd;border-radius:8px}.palette button[aria-pressed=true]{border-color:#52765b;background:#e6ebda;box-shadow:0 0 0 2px #52765b22}.palette i{display:block;width:29px;height:29px;border-radius:50%;border:1px solid #536a4820}.white{background:#fffef3}.green{background:#81ae8b}.red{background:#c56b4d}.paint-targets{position:absolute;inset:0;pointer-events:none}.paint-targets button{position:absolute;pointer-events:auto;border:1px solid #f5f6df;background:#faf8e8e8;font-size:13px;padding:10px 14px;border-radius:25px;box-shadow:0 3px 18px #335c4d14}.paint-targets [data-paint=white]{left:19%;top:49%}.paint-targets [data-paint=green]{left:65%;top:72%}.paint-targets [data-paint=red]{left:25%;top:79%}.paint-targets button.painted{background:#3e6955;color:#fff9e9;border-color:#3e6955}.paddles{display:flex;gap:12px}.paddles button{background:#f1e7d7;border:1px solid #d9cbb6;border-radius:8px;color:#9e634b;padding:14px 22px;touch-action:manipulation}.paddles button:active{transform:translateY(2px);background:#e4d5bd}.paddles small{display:block;font-size:10px;color:#a48c70;margin-top:5px}.free-actions{display:flex;gap:9px;flex-basis:100%;justify-content:flex-end}.free-actions button{font-size:12px;padding:9px 13px;border:1px solid #d5decd;border-radius:20px}.finish{position:absolute;inset:0;background:#e4ebd36b;display:grid;place-items:center;backdrop-filter:blur(2px);z-index:4}.poem{text-align:center;padding:24px 44px;background:#fbfaedf2;border:1px solid #fff9;border-radius:7px;box-shadow:0 20px 60px #325d4c22}.poem>span{font-size:11px;letter-spacing:2px;color:#8c967c}.poem h2{font:30px 'SimSun',serif;margin:20px 0 10px}.poem>small{color:#8b967e;font-size:12px}.poem p{font:23px/1.8 'SimSun',serif;letter-spacing:3px;margin:18px 0}.poem button{display:block;margin:10px auto}.poem #recite{font-size:13px}footer{display:flex;gap:30px;justify-content:space-between;margin:0 5%;padding:22px 0;border-top:1px solid var(--line);font-size:11px;color:#96a087;letter-spacing:1px}footer a{margin-left:auto}dialog{border:1px solid #d5decd;background:var(--paper);color:var(--ink);border-radius:12px;padding:30px;max-width:90%;line-height:2}dialog::backdrop{background:#274e4466}#neck{transform-origin:65px -15px}#leftFoot{transform-origin:-15px 27px}#rightFoot{transform-origin:22px 27px}#waterFill,#body path,#body ellipse,#neckShape,#feet{transition:fill 1s}#scene.paddle #landscape{touch-action:none}@media(max-width:1050px){main{grid-template-columns:205px minmax(0,1fr);gap:25px;padding:26px 4%}h1{font-size:31px}.scene-note{font-size:11px;top:18px;left:18px;letter-spacing:1px}.scene-note small{font-size:7px;letter-spacing:1px}.verse{top:48px}.verse strong{font-size:23px}.verse small{font-size:10px}.top-actions{gap:12px}.activity{gap:14px}.paddles button{padding:12px 15px}}@media(max-width:720px){header{height:85px;margin:0 4%;gap:9px}.brand{font-size:19px;gap:9px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:1px}.seal{font-size:14px;padding:8px 6px}.top-actions>a{display:none}.top-actions{gap:8px}#sound{font-size:11px;padding:9px}#help{width:29px;height:29px}main{display:block;padding:20px 4%}aside>.eyebrow,h1,.intro,.notebook,.signature{display:none}nav{display:flex;gap:4px;margin-bottom:20px}nav button{flex:1;justify-content:center;padding:12px 3px;gap:4px}nav span{font-size:12px;letter-spacing:0}nav small,nav i{display:none}nav b{font-size:12px}.scene-top{font-size:12px}#landscape{min-height:0;height:auto;aspect-ratio:1000/760}.scene-note{font-size:10px;top:15px;left:15px}.verse{top:66px}.verse strong{font-size:23px;letter-spacing:3px}.verse small{font-size:10px}.activity{padding-top:20px;gap:16px}.instructions{flex-basis:100%}.instructions h2{font-size:18px}.actions{margin:auto}.activity>#next{margin:auto}.under-note{line-height:1.7}.paint-targets [data-paint=white]{left:7%;top:50%}.paint-targets [data-paint=red]{left:15%;top:77%}.paint-targets [data-paint=green]{left:65%;top:71%}.paint-targets button{font-size:11px;padding:8px 11px}.message{font-size:11px;max-width:95%;white-space:normal;width:max-content;text-align:center;bottom:15px}.free-actions{justify-content:center;flex-wrap:wrap}.poem{padding:15px 20px}.poem h2{font-size:25px;margin:13px 0 8px}.poem p{font-size:18px;line-height:1.65;margin:12px 0}.poem>span{font-size:10px}.poem .primary{font-size:12px;padding:10px 15px}footer{gap:12px;font-size:10px}footer>span:first-child{display:none}}
@media(max-width:720px){#landscape{height:340px;min-height:340px;aspect-ratio:auto;background:linear-gradient(#e8ecdb 0%,#f7f3df 35%,#8ab49b 70%,#679f8e 100%)}.verse{top:36px}.paint-targets [data-paint=white]{top:48%}.paint-targets [data-paint=red]{top:73%}}
@media(max-width:720px){.scene-note{display:none}}