:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#284f48;background:#f5f7ef;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 46%,#e4eedd88,transparent 45%),radial-gradient(ellipse at 90% 80%,#dfeee477,transparent 45%);min-height:100vh}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d99949;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.app{max-width:1250px;margin:auto;padding:0 42px}header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5d8}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#315b50;font-size:23px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:4px;color:#819188}.brand-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;background:#e0ebd5;color:#56835d;font-size:36px}.quiet{background:transparent;border:1px solid #d5dfd0;border-radius:22px;padding:9px 15px;font-size:12px;color:#567369}.quiet span{margin-left:8px}main{display:grid;grid-template-columns:1fr 420px 260px;gap:35px;padding:38px 0 28px;align-items:start}.intro{padding-top:37px}.eyebrow{font-size:11px;letter-spacing:2px;color:#819777}.intro h1{font-size:43px;font-weight:900;line-height:1.4;letter-spacing:2px;margin:17px 0}.intro h1 span{color:#dba85d}.intro>p{font-size:13px;line-height:2.1;color:#819187}.hero-fish{height:240px;position:relative;margin:5px 0 12px}.hero-fish>img{width:190px;position:absolute;left:-5px;top:16px;transform:rotate(-12deg)}.hero-note{position:absolute;bottom:17px;left:39px;transform:rotate(-6deg);font-size:11px;background:#fffdf5;border:1px solid #e7dfc8;padding:8px 14px;border-radius:20px;color:#a59368}.bubble{position:absolute;border:1.5px solid #b9d7ce;border-radius:50%;width:15px;height:15px;left:198px;top:52px}.b2{width:8px;height:8px;left:215px;top:29px}.tip{border-top:1px solid #dce4d4;padding-top:22px;max-width:230px}.tip>span{font-size:12px;font-weight:600;color:#72916e}.tip p{font-size:12px;line-height:1.9;color:#8a988b}.keys{font-size:10px;color:#9ba797;margin-top:28px}.keys span{margin-left:12px}.scoreboard{display:flex;align-items:center;gap:28px;padding:0 9px 18px;min-height:78px}.scoreboard>div>span{font-size:11px;color:#8b9b8b}.scoreboard strong{display:block;font-size:32px;line-height:1.3;color:#2c6256;font-weight:800;font-variant-numeric:tabular-nums}.scoreboard .record strong{font-size:24px;color:#a6a071;margin-top:5px}.scoreboard .record>span{color:#aaa579}.next{display:flex;align-items:center;gap:3px;margin-left:auto}.next img{width:49px}.next b{display:block;font-size:12px;font-weight:500;margin-top:5px;color:#526f61}.pond{position:relative;background:linear-gradient(#f1fbf8 10%,#ddf2ee 48%,#c7e9e3);border:5px solid #b7ccc0;border-top:5px solid #91b5a5;border-radius:24px 24px 40px 40px;box-shadow:0 8px #dce5d5,0 18px 35px #4e705511;overflow:hidden}.pond:before{content:"";position:absolute;top:60%;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 17% 90%,#f4fff86b 0,transparent 60%);pointer-events:none}.pond-caption{height:35px;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:10px;color:#6b9587;border-bottom:1px solid #cfe6dc}.dot{width:5px;height:5px;border-radius:50%;background:#8fba7f}.pond-number{margin-left:auto;color:#91ac9c;font-size:9px}.pond canvas{display:block;width:100%;height:auto;aspect-ratio:400/670;touch-action:none;position:relative;cursor:crosshair}.pond-floor{height:15px;display:flex;justify-content:space-around;align-items:center;background:#a3c9b955;color:#86b7a5;font-size:19px}.danger{border-color:#d7a17f}.warning{position:absolute;top:90px;left:50%;transform:translate(-50%);font-size:12px;white-space:nowrap;background:#fff4e9;padding:8px 16px;border-radius:20px;color:#b26c4b}.under-pond{display:flex;justify-content:space-between;align-items:center;margin:21px 2px 0;font-size:10px;color:#90a18f}.under-pond button{border:0;background:transparent;color:#748d7d;font-size:11px;padding:6px}.guide{margin-top:7px;background:#ffffff80;border:1px solid #e2e8db;border-radius:22px;padding:21px 16px 17px}.guide-heading{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700}.guide-heading small{font-size:9px;font-weight:400;color:#98a18c}.guide-subtitle{font-size:10px;color:#97a28f;margin:8px 0 20px}.guide ol{list-style:none;padding:0;margin:0}.guide li{display:flex;gap:8px;align-items:center;height:59px;border-radius:12px;padding:4px 7px}.guide li.active{background:#edf2e4}.level{font-size:10px;color:#a7b09e}.guide li img{width:47px;height:47px}.guide li b{font-size:12px;font-weight:500}.guide li small{display:block;font-size:9px;color:#9da58e;margin-top:3px}.current-mark{font-size:8px;color:#7d9c60;margin-left:auto}.guide-footer{border-top:1px dashed #dce3d4;margin-top:16px;padding-top:15px;color:#9da78f;font-size:9px;line-height:1.9;text-align:center}.guide-footer b{font-weight:400;color:#849970}footer{display:flex;justify-content:space-between;border-top:1px solid #e0e6d9;padding:20px 0 27px;font-size:10px;color:#9aa78f;letter-spacing:1px}.overlay,.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#e5f3eadc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result{text-align:center;padding:24px}.result>img{width:110px;display:block;margin:auto}.result .eyebrow{display:block;font-size:10px;letter-spacing:1px}.result h2{font-size:22px}.result p{font-size:13px;color:#7c947d}.final-score{font-size:45px}.final-score small{font-size:15px}.primary{background:#3a7764;color:#fffef6;border:none;border-radius:15px;padding:13px 26px;font-size:14px;box-shadow:0 4px #285c4c}.primary:hover{background:#2c6655}.modal{position:fixed;padding:24px;z-index:5;background:#304c4a66}.help-card{background:#f8faef;max-width:460px;padding:35px;border-radius:24px;box-shadow:0 20px 60px #263e4333}.help-card h2{font-size:25px}.help-card p{font-size:13px;line-height:1.9;color:#708672;margin:20px 0}.help-card button{width:100%;margin-top:10px}.toast{position:absolute;bottom:24px;left:20px;right:20px;background:#fff5da;padding:15px;border-radius:15px;font-size:13px;text-align:center;z-index:4;color:#91703e}@media(min-width:1300px){main{gap:45px;grid-template-columns:1fr 420px 270px}}@media(max-width:1080px){.app{padding:0 25px}main{grid-template-columns:1fr 390px 220px;gap:20px}.intro h1{font-size:33px}.hero-fish>img{width:160px}.hero-note{left:10px}.bubble{left:160px}.b2{left:180px}.guide{padding:17px 10px}.guide li{gap:5px}.guide li img{width:40px}}@media(max-width:900px){main{grid-template-columns:minmax(300px,420px) 240px;justify-content:center;gap:26px}.intro{display:none}.app{max-width:760px}}@media(max-width:620px){.app{padding:0 17px}header{height:82px}.brand{font-size:20px}.brand-icon{width:38px;height:38px;font-size:28px;border-radius:12px}.brand small{font-size:8px;letter-spacing:1px}.quiet{font-size:10px;padding:8px 10px}main{display:flex;flex-direction:column;gap:30px;padding-top:23px}.play-column{width:100%;max-width:420px;margin:auto}.scoreboard{padding-bottom:13px;gap:25px}.scoreboard strong{font-size:29px}.pond{border-width:4px}.guide{width:100%;max-width:420px;margin:0 auto;padding:19px 13px}.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.guide li{height:auto;min-height:101px;flex-direction:column;position:relative;gap:0;text-align:center;padding:7px 3px}.guide .level{position:absolute;left:5px;top:5px}.guide li img{width:50px;height:50px}.guide li b{font-size:11px}.guide li small{font-size:8px}.current-mark{display:none}.guide-subtitle{margin-bottom:15px}.guide-footer{font-size:10px}footer{font-size:9px;justify-content:center}footer span{display:none}.under-pond{font-size:9px}.pond-number{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}header{height:auto;min-height:118px;gap:24px;padding:23px 0}.brand{min-width:0}.brand>span:last-child{min-width:0}.brand small{font-size:15px;line-height:1.9;letter-spacing:.5px;max-width:760px;color:#6e8675;font-weight:500;margin-top:7px}.brand-icon,.quiet{flex-shrink:0}.pond canvas{aspect-ratio:400/720}.lake-backdrop{position:absolute;top:35px;left:0;right:0;aspect-ratio:400/190;background:linear-gradient(to bottom,#fffef22b,#f2faf440 70%,#eaf7f1),url(/assets/jiulong-lake.png) center center/cover no-repeat;opacity:.8;pointer-events:none}.guide li{height:53px}.guide li img{width:43px;height:43px}.guide-heading small{font-size:9px}.guide li b{font-size:11px}.guide-footer{line-height:1.9}.result.achievement{width:100%;background:radial-gradient(ellipse at center,#fff5c5c9,transparent 72%)}.achievement>img{width:155px;filter:drop-shadow(0 8px 16px #c7a65344)}.achievement .eyebrow{color:#9e7631;font-weight:700}.achievement h2{color:#795c2b;font-size:23px}.achievement .achievement-note{color:#95773e;font-size:12px}.achievement .final-score{color:#94702e}.result>p{margin:10px 0}.result .primary{margin-top:12px}@media(max-width:620px){header{position:relative;align-items:flex-start;min-height:150px;padding:20px 0 15px;gap:0}.brand{align-items:flex-start;gap:9px;display:block;width:100%}.brand-icon{display:none}.brand>span:last-child{display:block;padding-top:3px}.brand{font-size:21px;letter-spacing:.3px}.brand small{font-size:14px;line-height:1.85;margin-top:13px;padding-right:0;max-width:100%;letter-spacing:.3px}.quiet{position:absolute;right:0;top:22px;font-size:10px;padding:6px 8px}.quiet span{display:none}.brand>span:last-child{padding-right:0}.guide li{height:auto;min-height:110px}.guide li img{width:52px;height:52px}.guide li b{font-size:10px}.guide li small{font-size:8px}.guide-heading small{font-size:9px}.achievement h2{font-size:20px}.pond-number{font-size:8px}}@media(max-width:360px){.brand{font-size:18px}.brand small{font-size:13px}.quiet{font-size:9px}}.brand-icon svg{display:block;width:34px;height:34px}.poem-line{display:block;white-space:nowrap}.guide .level{white-space:nowrap;min-width:30px;font-size:10px;letter-spacing:0}.guide li img{flex-shrink:0}@media(max-width:620px){.brand{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;font-size:20px}.brand .brand-icon{display:grid;width:30px;height:30px;border-radius:10px;margin-top:1px}.brand-icon svg{width:25px;height:25px}.brand small{font-size:14px;letter-spacing:0}.guide .level{position:static;min-width:0;margin-bottom:3px;font-size:10px}.guide li{padding-top:6px}.guide li small{font-size:10px}}@media(max-width:360px){.brand{font-size:17px;grid-template-columns:26px minmax(0,1fr);gap:6px}.brand .brand-icon{width:26px;height:26px}.brand small{font-size:13px}}.achievement{animation:achievement-arrival .65s ease-out both}@keyframes achievement-arrival{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.achievement{animation:none}}