@import url("https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+KuaiLe&display=swap");

:root {
  --ink: #33443b;
  --forest: #3f7155;
  --forest-dark: #294f3b;
  --leaf: #79a85d;
  --moss: #a8c57a;
  --sky: #b9dfd7;
  --sun: #f4c95d;
  --coral: #e87958;
  --cream: #fff8df;
  --paper: #f8efd7;
  --brown: #8d6542;
  --soft-shadow: rgba(42, 68, 50, .18);
  font-family: "ZCOOL KuaiLe", "Hiragino Sans GB", "PingFang SC", sans-serif;
  color: var(--ink);
  background: #d9e7c7;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; overflow-x: hidden; background: linear-gradient(180deg, #bfe1db 0 42rem, #e9ebc8 42rem 100%); user-select: none; -webkit-tap-highlight-color: transparent; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; font: inherit; }
a { color: inherit; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 5px solid rgba(232, 121, 88, .55); outline-offset: 4px; }
.paper-noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .22; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E"); }

.topbar { position: relative; z-index: 12; width: min(1240px, calc(100% - 36px)); min-height: 82px; margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; border-bottom: 2px dashed rgba(58, 91, 65, .18); }
.platform-home { width: max-content; color: #4b6854; text-decoration: none; font-size: 14px; }
.forest-brand { display: flex; align-items: center; gap: 10px; text-align: left; text-decoration: none; }
.brand-seed { width: 43px; height: 43px; display: grid; place-items: center; border: 4px solid #fff2c2; border-radius: 48% 52% 38% 62%; color: #fff4bd; background: var(--coral); box-shadow: 0 5px 0 rgba(72, 76, 45, .12); transform: rotate(-7deg); }
.forest-brand > span:last-child { display: flex; flex-direction: column; }
.forest-brand b { color: var(--forest-dark); font-size: 22px; font-weight: 400; letter-spacing: .08em; }
.forest-brand small { color: rgba(41, 79, 59, .65); font-size: 8px; letter-spacing: .17em; }
.top-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.round-button { width: 43px; height: 43px; border: 3px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(255,248,223,.72); box-shadow: 0 4px 0 rgba(55,74,48,.12); cursor: pointer; }
.leaf-counter { min-height: 43px; padding: 4px 12px; display: flex; align-items: center; gap: 4px; border: 3px solid rgba(255,255,255,.7); border-radius: 22px; background: rgba(255,248,223,.72); box-shadow: 0 4px 0 rgba(55,74,48,.12); }
.leaf-counter span { font-size: 22px; }.leaf-counter b { color: var(--forest); font-size: 21px; }.leaf-counter small { color: #72816b; }

main { width: min(1240px, calc(100% - 36px)); margin: auto; }
.hero { min-height: 650px; display: grid; grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr); align-items: center; gap: clamp(28px, 5vw, 76px); padding: 52px 0 72px; }
.hero-copy { position: relative; z-index: 3; }
.season-label { margin: 0 0 19px; display: flex; align-items: center; gap: 9px; color: #55765f; font-size: 13px; letter-spacing: .12em; }
.season-label i { width: 32px; border-top: 3px solid var(--coral); }
.hero h1 { margin: 0; font-family: "Ma Shan Zheng", "STKaiti", cursive; font-size: clamp(67px, 8vw, 108px); line-height: .82; font-weight: 400; letter-spacing: -.04em; text-shadow: 0 5px rgba(255,255,255,.45); }
.hero h1 em { color: var(--coral); font-style: normal; }
.hero-intro { max-width: 450px; margin: 29px 0 26px; color: #516159; font-family: "Hiragino Sans GB", "PingFang SC", sans-serif; font-size: 16px; line-height: 1.9; }
.story-button { width: min(100%, 390px); min-height: 78px; padding: 10px 11px 10px 25px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 25px 42px 25px 42px; color: white; background: var(--coral); box-shadow: 0 9px 0 #bd5b42, 0 17px 25px rgba(84,66,42,.18); cursor: pointer; transition: transform .18s, box-shadow .18s; }
.story-button:hover { transform: translateY(-4px) rotate(-.3deg); box-shadow: 0 13px 0 #bd5b42, 0 22px 31px rgba(84,66,42,.2); }.story-button:active { transform: translateY(5px); box-shadow: 0 4px 0 #bd5b42; }
.story-button > span { display: flex; flex-direction: column; align-items: flex-start; }.story-button small { color: #ffe8bb; font-size: 11px; letter-spacing: .14em; }.story-button b { font-size: 23px; font-weight: 400; }
.story-button i { width: 53px; height: 53px; display: grid; place-items: center; border-radius: 50%; color: var(--coral); background: white; font-size: 24px; font-style: normal; }
.story-status { max-width: 430px; margin-top: 27px; display: flex; align-items: center; gap: 12px; }
.status-avatar { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border: 3px solid white; border-radius: 50%; background: #eef2cf; font-size: 27px; box-shadow: 0 4px 0 rgba(60,77,46,.12); }
.story-status p { margin: 0; color: #5e675d; font-family: "Hiragino Sans GB", "PingFang SC", sans-serif; font-size: 12px; line-height: 1.7; }.story-status b { color: var(--forest); }

.forest-scene { position: relative; min-height: 530px; overflow: hidden; border: 9px solid rgba(255,248,223,.78); border-radius: 48% 52% 32px 32px / 18% 21% 32px 32px; background: linear-gradient(#9ed5d2 0 52%, #add080 52% 100%); box-shadow: 0 15px 0 rgba(60,90,55,.12), 0 32px 60px rgba(47,77,58,.2); isolation: isolate; }
.forest-scene::after { content: ""; position: absolute; inset: 0; z-index: 15; pointer-events: none; box-shadow: inset 0 0 0 2px rgba(67,87,48,.06), inset 0 -20px 40px rgba(47,83,52,.13); }
.sky-decor i { position: absolute; z-index: 2; color: rgba(255,249,195,.9); font-style: normal; animation: twinkle 2.4s ease-in-out infinite; }.sky-decor i:nth-child(1){left:12%;top:17%}.sky-decor i:nth-child(2){left:52%;top:9%;animation-delay:-.8s}.sky-decor i:nth-child(3){right:11%;top:25%;animation-delay:-1.5s}
.sky-decor span { position: absolute; z-index: 1; width: 85px; height: 23px; border-radius: 40px; background: rgba(255,255,255,.55); }.sky-decor span::before,.sky-decor span::after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.sky-decor span::before{left:10px;width:40px;height:40px}.sky-decor span::after{right:7px;width:48px;height:48px}.sky-decor span:nth-of-type(1){left:7%;top:25%}.sky-decor span:nth-of-type(2){right:16%;top:12%;transform:scale(.7)}
.back-hills i { position: absolute; z-index: 0; bottom: 38%; width: 75%; height: 43%; border-radius: 50% 50% 0 0; background: #86b676; }.back-hills i:nth-child(1){left:-35%;transform:rotate(12deg)}.back-hills i:nth-child(2){left:22%;bottom:34%;background:#91be78}.back-hills i:nth-child(3){right:-45%;bottom:40%;background:#76aa73;transform:rotate(-12deg)}
.sun-dial { position: absolute; z-index: 2; top: 53px; right: 55px; }.sun-dial span { display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:#f4b844;background:#ffe47b;font-size:56px;box-shadow:0 0 0 13px rgba(255,229,123,.18);animation:sunPulse 4s ease-in-out infinite; }
.growth-tree { position: absolute; z-index: 7; left: 18%; bottom: 61px; width: 280px; height: 360px; filter: drop-shadow(0 11px 3px rgba(39,71,44,.15)); }
.tree-trunk { position:absolute;left:116px;bottom:0;width:63px;height:210px;border-radius:47% 53% 10px 10px;background:#8d6244;transform:rotate(1deg);box-shadow:inset -13px 0 rgba(96,62,44,.16)}
.tree-trunk::before,.tree-trunk::after{content:"";position:absolute;width:25px;height:105px;border-radius:20px;background:#8d6244;transform-origin:bottom}.tree-trunk::before{left:-38px;top:-45px;transform:rotate(-43deg)}.tree-trunk::after{right:-33px;top:-62px;transform:rotate(39deg)}
.tree-crown { position:absolute;border:7px solid rgba(255,248,214,.37);border-radius:48% 52% 44% 56%;background:#648e55;box-shadow:inset -13px -12px rgba(53,112,71,.23)}
.crown-a{left:21px;top:70px;width:151px;height:139px;transform:rotate(-12deg)}.crown-b{right:4px;top:52px;width:159px;height:151px;transform:rotate(10deg)}.crown-c{left:82px;top:1px;width:151px;height:152px;background:#6f9f59}
.tree-face { position:absolute;z-index:3;left:128px;bottom:96px;color:#59473a;font-size:21px;letter-spacing:1px;transform:rotate(1deg)}
.tree-leaf { position:absolute;z-index:4;color:#f0ce5c;font-size:28px;text-shadow:0 3px #517b4c;opacity:.18;transform:scale(.55);transition:opacity .6s,transform .7s}.tree-leaf::after{content:"";position:absolute;inset:-2px 2px 5px -2px;border-radius:100% 0 100% 0;background:#8fba60;transform:rotate(-35deg);z-index:-1}.leaf-1{left:66px;top:96px;opacity:1;transform:scale(1)}.leaf-2{right:40px;top:91px}.leaf-3{left:133px;top:36px}.leaf-4{right:7px;top:145px}.leaf-5{left:17px;top:157px}
.cottage { position:absolute;z-index:8;right:7%;bottom:72px;width:230px;height:240px;opacity:.3;filter:grayscale(.8);transform:translateY(24px);transition:opacity .8s,filter .8s,transform .8s; }
.roof { position:absolute;z-index:2;left:5px;top:40px;width:220px;height:108px;clip-path:polygon(50% 0,100% 84%,93% 100%,8% 100%,0 84%);background:#dc7656;box-shadow:inset 0 -15px rgba(137,71,50,.18)}
.chimney{position:absolute;z-index:1;right:34px;top:34px;width:34px;height:61px;border:6px solid #fff0c5;border-bottom:0;background:#9b6744}
.house-wall{position:absolute;left:26px;right:25px;bottom:0;height:137px;border:7px solid #fff0c5;border-radius:8px 8px 19px 19px;background:#eabe71;box-shadow:inset 0 -10px rgba(149,98,57,.1)}
.door{position:absolute;left:64px;bottom:0;width:52px;height:85px;border:6px solid #714e39;border-bottom:0;border-radius:26px 26px 0 0;background:#7ea26c}.door::after{content:"";position:absolute;right:6px;top:42px;width:7px;height:7px;border-radius:50%;background:#ffd76a}.window{position:absolute;right:17px;top:22px;width:42px;height:42px;border:6px solid white;border-radius:50%;background:#87c6cb;box-shadow:inset 0 0 0 3px #6da3a9}.house-decor{position:absolute;left:103px;bottom:55px;font-size:30px;filter:drop-shadow(0 3px rgba(71,55,38,.15))}
.resident{position:absolute;z-index:10;right:29%;bottom:50px;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(25px);transition:opacity .6s .4s,transform .6s .4s}.resident span{font-size:72px;filter:drop-shadow(0 7px 2px rgba(56,68,43,.17))}.resident i,.sprout-guide i{padding:3px 9px;border:3px solid white;border-radius:12px;color:#557158;background:#fff3c9;font-size:10px;font-style:normal;box-shadow:0 3px rgba(61,77,43,.11)}
.sprout-guide{position:absolute;z-index:10;left:49%;bottom:48px;padding:0;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;cursor:pointer}.sprout-guide span{font-size:54px;filter:drop-shadow(0 6px 2px rgba(56,68,43,.15));animation:guideBob 2.6s ease-in-out infinite}.sprout-guide:hover i,.sprout-guide:focus-visible i{color:#385c43;background:#fff8d9;box-shadow:0 3px rgba(61,77,43,.11),0 0 0 5px rgba(255,245,178,.42)}.sprout-guide:active span{animation-play-state:paused;transform:translateY(2px) scale(.94)}
.ground-plants{position:absolute;z-index:4;left:0;right:0;bottom:35px;display:flex;justify-content:space-around;color:#f7d96e;font-size:28px}.ground-plants span:nth-child(even){color:#4e8b58;font-size:34px}.ground-plants span:nth-child(2){transform:translateY(-24px)}.ground-plants span:nth-child(4){transform:translateY(-11px)}
.path{position:absolute;z-index:3;right:1%;bottom:-120px;width:54%;height:240px;border-radius:50%;background:#ddbd79;transform:rotate(-8deg);box-shadow:inset 0 11px rgba(154,113,67,.12)}
.scene-sign{position:absolute;z-index:11;left:28px;bottom:25px;width:105px;padding:7px 8px;text-align:center;border:5px solid #765339;border-radius:7px;background:#ae7a4a;box-shadow:0 7px #5e4734;transform:rotate(-3deg)}.scene-sign span,.scene-sign small{display:block;color:#fff0c5}.scene-sign span{font-size:15px}.scene-sign small{font-size:10px}
body.chapter-complete .cottage{opacity:1;filter:none;transform:none}body.chapter-complete .resident{opacity:1;transform:none}body.chapter-complete .leaf-2{opacity:1;transform:scale(1)}

.journey { position: relative; margin: 10px 0 70px; padding: 45px clamp(22px, 4vw, 52px) 51px; border: 8px solid rgba(255,255,255,.54); border-radius: 32px 68px 32px 68px; background: rgba(255,248,223,.7); box-shadow: 0 13px 0 rgba(68,83,47,.1), 0 24px 45px rgba(60,76,48,.11); }
.section-heading { display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:37px }.section-heading>div>p{margin:0 0 4px;color:#73885f;font-size:12px;letter-spacing:.14em}.section-heading h2{margin:0;font-family:"Ma Shan Zheng",cursive;font-size:clamp(40px,5vw,58px);font-weight:400}.section-heading>p{max-width:290px;margin:0;color:#748073;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:12px;line-height:1.7}
.chapter-path { display:grid;grid-template-columns:repeat(9,auto);align-items:center;gap:9px;overflow-x:auto;padding:6px 3px 17px;scrollbar-color:#b8c89d transparent; }
.chapter-card { position:relative;min-width:180px;min-height:215px;padding:20px 17px 17px;display:flex;flex-direction:column;align-items:flex-start;border:4px solid rgba(109,124,83,.15);border-radius:33px 12px 33px 12px;color:#617061;background:#eee8cf;box-shadow:0 6px 0 rgba(71,75,48,.09);text-align:left }
button.chapter-card{cursor:pointer}.chapter-card.current{border-color:#fff8df;background:#b7d58b;box-shadow:0 8px 0 #87a864,0 16px 25px rgba(69,87,50,.15);transform:rotate(-1deg)}body.chapter-complete .chapter-card.current{background:#f4d477;box-shadow:0 8px 0 #cfad4f,0 16px 25px rgba(69,87,50,.15)}
.chapter-number{align-self:flex-end;color:rgba(51,68,59,.5);font-size:13px;letter-spacing:.1em}.chapter-icon{font-size:52px;font-style:normal;filter:drop-shadow(0 4px 2px rgba(58,64,40,.14))}.chapter-copy{margin-top:auto;display:flex;flex-direction:column}.chapter-copy small{font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:9px}.chapter-copy b{margin:6px 0 7px;color:var(--forest-dark);font-size:24px;font-weight:400}.chapter-copy em{color:#75806d;font-size:11px;font-style:normal}.locked{filter:saturate(.5);opacity:.76}.path-dots{display:flex;gap:5px}.path-dots i{width:6px;height:6px;border-radius:50%;background:#8fa574}.path-dots i:nth-child(2){transform:translateY(-6px)}

.grownup-note { margin-bottom:50px;padding:25px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border:2px dashed rgba(77,104,77,.35);border-radius:24px;color:#496050;background:rgba(244,239,213,.65) }.note-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:17px 7px;color:white;background:#6b8c6b;line-height:1.1;text-align:center}.grownup-note h2{margin:0 0 5px;font-size:17px;font-weight:400}.grownup-note p{margin:0;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:11px;line-height:1.8}.grownup-note button{padding:9px 13px;border:1px solid rgba(70,92,68,.26);border-radius:15px;color:#607160;background:rgba(255,250,230,.7);font-size:11px;cursor:pointer}
.free-play { margin-bottom:65px;border:7px solid rgba(255,255,255,.58);border-radius:27px;background:rgba(248,239,215,.58);box-shadow:0 9px 0 rgba(72,82,50,.08) }.free-play summary{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer}.free-play summary::-webkit-details-marker{display:none}.free-play summary span{display:flex;flex-direction:column}.free-play summary small{color:#74846d;font-size:10px;letter-spacing:.1em}.free-play summary b{font-size:24px;font-weight:400}.free-play summary i{color:#6d8067;font-size:12px;font-style:normal}.game-grid{padding:0 22px 25px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-grid a{min-height:130px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #fff8df;border-radius:23px 9px;background:#fff8df;text-decoration:none;box-shadow:0 5px 0 rgba(76,72,43,.1);transition:transform .18s}.game-grid a:hover{transform:translateY(-4px) rotate(-1deg)}.game-grid span{font-size:38px}.game-grid b{margin:6px 0 3px;font-size:16px;font-weight:400}.game-grid small{color:#7b8272;font-size:9px}
.game-grid .schulte-mark{width:62px;height:58px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:4px;border:3px solid #fff;border-radius:14px 6px;color:#315848;background:#e4d99c;box-shadow:0 4px 0 rgba(68,72,43,.13);transform:rotate(-2deg)}.game-grid .schulte-mark i{display:grid;place-items:center;border-radius:4px;background:#fff8df;font-size:10px;font-style:normal}
footer{width:min(1240px,calc(100% - 36px));margin:auto;padding:0 0 35px;display:flex;align-items:center;justify-content:center;gap:12px;color:#687a66;font-size:11px}footer p{margin:0}footer a{margin-left:16px;color:#687a66}

.quest-dialog { width:min(920px,calc(100% - 24px));max-height:calc(100vh - 24px);padding:0;overflow:hidden;border:0;border-radius:35px 15px 35px 15px;background:transparent;box-shadow:0 35px 90px rgba(28,50,35,.4) }.quest-dialog::backdrop{background:rgba(33,66,49,.7);backdrop-filter:blur(8px)}.quest-shell{min-height:620px;max-height:calc(100vh - 24px);overflow:auto;border:8px solid #fff6d9;border-radius:35px 15px 35px 15px;background:#f9f0d7}.quest-header{position:sticky;z-index:20;top:0;min-height:72px;padding:9px 15px 9px 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;border-bottom:3px dashed rgba(83,104,71,.18);background:rgba(249,240,215,.96)}.quest-brand{display:flex;align-items:center;gap:8px}.quest-brand>span{font-size:30px}.quest-brand p{margin:0;display:flex;flex-direction:column}.quest-brand small{color:#78906c;font-size:9px}.quest-brand b{font-size:16px;font-weight:400}.quest-progress{display:flex;gap:7px}.quest-progress i{width:44px;height:8px;border-radius:5px;background:#d9d5b9}.quest-progress i.done{background:#75a360}.quest-progress i.now{background:#e9b957}.close-button{justify-self:end;width:42px;height:42px;border:0;border-radius:50%;color:#58705d;background:#ece6cb;font-size:27px;cursor:pointer}.quest-screen{display:none;min-height:530px;padding:32px clamp(22px,6vw,68px) 42px;text-align:center}.quest-screen.active{display:block;animation:screenIn .45s both}.quest-kicker{margin:0 0 8px;color:#718e68;font-size:12px;letter-spacing:.14em}.quest-screen h2{margin:0;color:var(--forest-dark);font-family:"Ma Shan Zheng",cursive;font-size:clamp(38px,6vw,58px);font-weight:400}.quest-screen>p:not(.quest-kicker):not(.spoken-task):not(.game-feedback):not(.reward-feedback){max-width:600px;margin:14px auto;color:#647167;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:13px;line-height:1.9}.story-picture{position:relative;width:min(470px,100%);height:205px;margin:0 auto 21px;overflow:hidden;border:6px solid white;border-radius:30px 12px;background:linear-gradient(#a8dad4 0 60%,#a6c97a 60%);box-shadow:0 8px 0 rgba(69,83,51,.11)}.story-sprout,.story-bear{position:absolute;bottom:20px;font-size:75px;filter:drop-shadow(0 6px 2px rgba(66,71,42,.15))}.story-sprout{left:18%;font-size:54px}.story-bear{right:21%}.empty-house{position:absolute;right:5%;top:26px;color:rgba(80,103,73,.4);font-size:108px;font-style:normal}.story-picture b{position:absolute;right:14%;top:12px;color:#e67855;font-size:42px;transform:rotate(10deg)}.primary-action{min-width:260px;min-height:66px;margin-top:22px;padding:8px 9px 8px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-radius:23px 36px;color:white;background:var(--coral);box-shadow:0 8px 0 #bd5b42;cursor:pointer}.primary-action span{font-size:21px}.primary-action i{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;color:var(--coral);background:white;font-style:normal}.task-heading{display:flex;align-items:center;justify-content:center;gap:14px}.task-guide{font-size:54px;filter:drop-shadow(0 5px 2px rgba(68,71,43,.13))}.task-heading>div{text-align:left}.task-heading p{margin:0;color:#728b68;font-size:11px;letter-spacing:.12em}.task-heading h2{font-size:clamp(34px,5vw,48px)}.spoken-task{margin:13px auto 23px;color:#657067;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:12px}.tidy-items{width:min(610px,100%);min-height:112px;margin:auto;padding:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;border:4px dashed #c5bd98;border-radius:23px;background:#efe5c8}.tidy-items button{min-width:0;height:76px;border:4px solid white;border-radius:18px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(79,70,44,.12);font-size:39px;cursor:pointer;transition:.18s}.tidy-items button.selected{border-color:#e77756;transform:translateY(-6px) rotate(-4deg)}.tidy-items button.placed{visibility:hidden;transform:scale(.4)}.tidy-bins{width:min(610px,100%);margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tidy-bins button{min-height:90px;padding:9px;border:4px solid white;border-radius:18px 8px;background:#c7d99e;box-shadow:0 5px 0 #9bb476;cursor:pointer}.tidy-bins span,.tidy-bins b{display:block}.tidy-bins span{font-size:37px}.tidy-bins b{font-size:15px;font-weight:400}.game-feedback,.reward-feedback{min-height:30px;margin:18px auto 0;color:#697267;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:12px}.game-feedback.good{color:#4f8455}.game-feedback.hint{color:#bd664d}.build-board{width:min(620px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.3fr;gap:18px;align-items:center}.blueprint-mini{padding:15px;border:5px solid white;border-radius:22px 9px;background:#a8d2cb;box-shadow:0 6px 0 #7ca8a1}.blueprint-mini small{display:block;margin-bottom:10px;color:#487169}.blueprint-mini>div{height:150px;position:relative}.shape{display:inline-block}.triangle{width:0;height:0;border-left:43px solid transparent;border-right:43px solid transparent;border-bottom:65px solid #dc7656}.square{width:82px;height:76px;border-radius:5px;background:#e5b861}.circle{width:57px;height:57px;border-radius:50%;background:#74a2a7}.blueprint-mini .triangle{position:absolute;left:50%;top:0;transform:translateX(-50%)}.blueprint-mini .square{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.blueprint-mini .circle{position:absolute;z-index:2;left:50%;bottom:9px;transform:translateX(-50%);border:6px solid white}.house-slots{position:relative;height:215px;border:5px dashed #c6bc97;border-radius:24px;background:#eee5c9}.house-slots button{position:absolute;display:grid;place-items:center;border:3px dashed #a7a58a;background:rgba(255,255,255,.2);cursor:pointer}.house-slots button:nth-child(1){left:50%;top:13px;width:110px;height:76px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%)}.house-slots button:nth-child(2){left:50%;bottom:13px;width:103px;height:103px;transform:translateX(-50%)}.house-slots button:nth-child(3){z-index:2;left:50%;bottom:27px;width:55px;height:55px;border-radius:50%;transform:translateX(-50%)}.house-slots button .shape{opacity:0;transform:scale(.5)}.house-slots button.filled .shape{opacity:1;transform:scale(.72)}.house-slots button.filled{border-color:transparent}.shape-tray{width:min(530px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shape-tray button{min-height:82px;padding:7px;display:flex;align-items:center;justify-content:center;gap:8px;border:4px solid white;border-radius:18px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(77,70,45,.12);cursor:pointer}.shape-tray button.selected{border-color:#e87958;transform:translateY(-4px)}.shape-tray .shape{transform:scale(.45);margin:-20px}.shape-tray b{font-size:13px;font-weight:400}.shape-tray button.used{opacity:.35;pointer-events:none}.feeling-story{width:min(570px,100%);margin:22px auto 18px;padding:18px 22px;display:flex;align-items:center;gap:18px;border:5px solid white;border-radius:26px 10px;background:#d2deac;box-shadow:0 6px 0 #a9bd80;text-align:left}.feeling-story span{font-size:72px}.feeling-story p{margin:0;color:#506451;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:14px;line-height:1.8}.feeling-choices{width:min(650px,100%);margin:auto;display:grid;gap:11px}.feeling-choices button{min-height:66px;padding:10px 18px;display:flex;align-items:center;gap:15px;border:4px solid white;border-radius:18px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(75,70,45,.11);text-align:left;cursor:pointer}.feeling-choices span{font-size:31px}.feeling-choices b{font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:13px;font-weight:500}.feeling-choices button.kind{border-color:#7eae6e;background:#e5f0ca}.reward-screen{padding-top:50px}.reward-choices{width:min(680px,100%);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward-choices button{min-height:200px;padding:20px 13px;display:flex;flex-direction:column;align-items:center;border:5px solid white;border-radius:29px 11px;background:#fff8df;box-shadow:0 7px 0 rgba(79,72,44,.11);cursor:pointer;transition:.18s}.reward-choices button:hover{transform:translateY(-7px) rotate(-1deg);border-color:#f0c96b}.reward-choices span{font-size:65px}.reward-choices b{margin:11px 0 5px;font-size:18px;font-weight:400}.reward-choices small{color:#788171;font-size:10px}.celebration{height:130px;display:flex;align-items:center;justify-content:center;gap:13px;color:#e9b74f;font-size:24px}.celebration span{font-size:105px;animation:completeBear 1s ease-in-out infinite alternate}.celebration i{font-style:normal;animation:twinkle 1.5s ease-in-out infinite}.celebration i:nth-child(2n){color:#7ba365}.earned-leaf{width:max-content;max-width:100%;margin:25px auto 0;padding:10px 22px;display:flex;align-items:center;gap:11px;border:4px solid white;border-radius:24px 10px;background:#dbe8b8;box-shadow:0 6px 0 #aec58a}.earned-leaf>span{font-size:45px}.earned-leaf p{margin:0;display:flex;flex-direction:column;text-align:left}.earned-leaf small{color:#698061;font-size:9px}.earned-leaf b{font-size:18px;font-weight:400}.toast{position:fixed;z-index:50;left:50%;bottom:28px;padding:12px 18px;border-radius:18px;color:white;background:#345b46;box-shadow:0 8px 25px rgba(27,47,35,.25);font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@keyframes twinkle{50%{opacity:.25;transform:rotate(35deg) scale(.7)}}@keyframes sunPulse{50%{transform:scale(1.05) rotate(8deg);box-shadow:0 0 0 20px rgba(255,229,123,.12)}}@keyframes guideBob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes screenIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes completeBear{to{transform:translateY(-9px) rotate(3deg)}}

@media(max-width:960px){.hero{grid-template-columns:1fr;gap:25px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.hero h1,.season-label{grid-column:1}.hero-intro,.story-button,.story-status{grid-column:2}.hero-intro{grid-row:1 / span 2;align-self:end}.story-button{grid-row:3}.story-status{grid-row:4}.forest-scene{min-height:500px}.game-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){body{background:linear-gradient(180deg,#bfe1db 0 59rem,#e9ebc8 59rem)}.topbar{width:calc(100% - 22px);grid-template-columns:1fr auto}.platform-home{display:none}.forest-brand{justify-self:start}.leaf-counter small{display:none}.hero{padding-top:32px}.hero-copy{display:block}.hero h1{font-size:67px}.hero-intro{margin-top:25px}.forest-scene{min-height:450px;border-width:6px}.growth-tree{left:0;bottom:58px;transform:scale(.8);transform-origin:bottom left}.cottage{right:-6%;bottom:65px;transform:translateY(24px) scale(.75);transform-origin:bottom right}body.chapter-complete .cottage{transform:scale(.75)}.resident{right:27%;transform:translateY(25px) scale(.8);transform-origin:bottom}body.chapter-complete .resident{transform:scale(.8)}.sprout-guide{left:45%;transform:scale(.8);transform-origin:bottom}.sun-dial{right:25px}.scene-sign{left:15px}.journey{margin-top:0;padding:29px 16px 34px;border-width:5px}.section-heading{display:block}.section-heading>p{margin-top:10px}.chapter-path{margin-right:-16px}.grownup-note{grid-template-columns:auto 1fr}.grownup-note button{grid-column:1/-1}.game-grid{grid-template-columns:repeat(2,1fr)}.quest-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px)}.quest-shell{min-height:calc(100vh - 12px);max-height:calc(100vh - 12px);border-width:5px}.quest-header{grid-template-columns:1fr auto}.quest-progress{grid-row:2;grid-column:1/-1;justify-self:center}.quest-progress i{width:52px}.quest-screen{padding:25px 15px 36px}.tidy-items{grid-template-columns:repeat(3,1fr)}.tidy-bins{gap:7px}.tidy-bins button{min-width:0}.build-board{grid-template-columns:1fr}.blueprint-mini{display:none}.house-slots{height:210px}.reward-choices{grid-template-columns:1fr}.reward-choices button{min-height:120px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left}.reward-choices span{grid-row:1/3;margin-right:15px}.reward-choices b{margin:0}.feeling-story span{font-size:58px}}
@media(max-width:420px){main{width:calc(100% - 22px)}.forest-brand b{font-size:18px}.round-button{display:none}.hero h1{font-size:58px}.story-button{width:100%}.forest-scene{min-height:410px}.growth-tree{left:-18px;transform:scale(.68)}.cottage{right:-20%;transform:translateY(24px) scale(.62)}body.chapter-complete .cottage{transform:scale(.62)}.resident{right:23%;transform:translateY(25px) scale(.68)}body.chapter-complete .resident{transform:scale(.68)}.sprout-guide{left:43%;transform:scale(.7)}.sun-dial span{width:54px;height:54px;font-size:41px}.game-grid{grid-template-columns:1fr}.tidy-items button{height:65px;font-size:33px}.tidy-bins span{font-size:30px}.tidy-bins b{font-size:12px}.shape-tray b{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 图形目标彼此分开，方便幼儿准确点击。 */
.house-slots button:nth-child(1){left:8%;right:auto;top:15px;bottom:auto;transform:none}
.house-slots button:nth-child(2){left:auto;right:8%;top:auto;bottom:15px;transform:none}
.house-slots button:nth-child(3){left:13%;right:auto;top:auto;bottom:17px;width:66px;height:66px;transform:none}

/* 第一季五章完成后，森林会逐步长出新地点。 */
.leaf-1{opacity:.18;transform:scale(.55)}
body.chapter-complete .leaf-1,body.chapter-2-complete .leaf-2,body.chapter-3-complete .leaf-3,body.chapter-4-complete .leaf-4,body.chapter-5-complete .leaf-5{opacity:1;transform:scale(1)}
body.chapter-complete .leaf-2{opacity:.18;transform:scale(.55)}
body.chapter-2-complete .leaf-2{opacity:1;transform:scale(1)}
body.chapter-5-complete .forest-scene{box-shadow:0 15px 0 rgba(60,90,55,.12),0 32px 60px rgba(47,77,58,.2),0 0 60px rgba(246,203,91,.38)}
.chapter-card.unlocked{border-color:#fff8df;background:#c4dba0;box-shadow:0 7px 0 #96b174;opacity:1;filter:none;cursor:pointer}.chapter-card.finished{border-color:#fff8df;background:#f2d37a;box-shadow:0 7px 0 #cda94e;opacity:1;filter:none}.chapter-card.next-chapter{animation:chapterGlow 1.8s ease-in-out infinite}.chapter-card[disabled]{cursor:not-allowed}

/* 第二至第五章共用任务舞台。 */
.adventure-content{min-height:540px}.adventure-panel{min-height:540px;padding:32px clamp(18px,5vw,58px) 42px;text-align:center;animation:screenIn .4s both}.adventure-panel h2{margin:0;color:var(--forest-dark);font-family:"Ma Shan Zheng",cursive;font-size:clamp(37px,6vw,55px);font-weight:400}.adventure-panel>p{max-width:610px;margin:12px auto;color:#647167;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:13px;line-height:1.85}.adventure-hero{width:min(570px,100%);min-height:205px;margin:0 auto 22px;padding:24px;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;border:6px solid white;border-radius:31px 12px;background:var(--adventure-bg,#b9d9b0);box-shadow:0 8px 0 rgba(68,82,49,.12)}.adventure-hero span{font-size:82px;filter:drop-shadow(0 7px 2px rgba(60,70,43,.14));animation:guideBob 2.8s ease-in-out infinite}.adventure-hero i{color:#fff2b7;font-size:40px;font-style:normal}.mini-kicker{margin:0 0 7px!important;color:#738b68!important;font-family:inherit!important;font-size:11px!important;letter-spacing:.13em}.task-prompt{margin:10px auto 20px!important;color:#53685a!important}.adventure-feedback{min-height:31px;margin:18px auto 0!important;color:#647167!important}.adventure-feedback.good{color:#4f8455!important}.adventure-feedback.hint{color:#bd664d!important}.option-grid{width:min(680px,100%);margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.option-grid button{min-height:105px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid white;border-radius:21px 9px;background:#fff8df;box-shadow:0 5px 0 rgba(75,70,45,.11);cursor:pointer;transition:.18s}.option-grid button:hover{transform:translateY(-4px)}.option-grid button span{font-size:42px}.option-grid button b{margin-top:5px;font-size:14px;font-weight:400}.option-grid button small{margin-top:3px;color:#7a8273;font-size:9px}.option-grid button.selected,.option-grid button.correct{border-color:#81ad70;background:#e4efc8}.option-grid button.done{visibility:hidden}.category-bins{width:min(680px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-bins button{min-height:84px;border:4px solid white;border-radius:18px 8px;background:#c8dba3;box-shadow:0 5px 0 #9eb77c;cursor:pointer}.category-bins span,.category-bins b{display:block}.category-bins span{font-size:32px}.category-bins b{font-size:13px;font-weight:400}.round-meter{width:max-content;margin:0 auto 16px;padding:5px 12px;border-radius:13px;color:#60725e;background:#e5e4c7;font-size:10px}.shopping-card{width:min(520px,100%);margin:0 auto 20px;padding:18px;border:5px solid white;border-radius:25px 10px;background:#dbe7b9;box-shadow:0 6px 0 #afc58a}.shopping-card span{font-size:55px}.shopping-card b{display:block;margin-top:4px;font-size:18px;font-weight:400}.basket-choice span{letter-spacing:3px}.train-track-game{width:min(650px,100%);margin:20px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.train-car{min-height:110px;padding:12px;border:5px solid white;border-radius:25px 25px 12px 12px;box-shadow:0 7px 0 rgba(77,70,46,.16);cursor:pointer}.train-car span{display:block;font-size:44px}.train-car b{font-size:13px;font-weight:400}.train-car.red{background:#e8876e}.train-car.blue{background:#86bdc5}.train-car.yellow{background:#f0ce6c}.line-slots{width:min(620px,100%);min-height:100px;margin:16px auto;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:4px dashed #baad87;border-radius:20px;background:#ece3c6}.line-slots i{display:grid;place-items:center;border:3px dashed #aaa687;border-radius:15px;color:#9b987e;font-size:28px;font-style:normal}.animal-tray{width:min(520px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.animal-tray button{min-height:82px;border:4px solid white;border-radius:17px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(75,70,45,.1);font-size:40px;cursor:pointer}.animal-tray button.used{visibility:hidden}.command-card{width:min(580px,100%);margin:17px auto;padding:19px;border:5px solid white;border-radius:25px 10px;background:#c8dfd4;box-shadow:0 6px 0 #9abbb0;font-size:17px}.command-actions{width:min(580px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.command-actions button{min-height:88px;border:4px solid white;border-radius:18px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(75,70,45,.11);font-size:35px;cursor:pointer}.find-scene{position:relative;width:min(650px,100%);height:300px;margin:18px auto;overflow:hidden;border:6px solid white;border-radius:29px 11px;background:linear-gradient(#9ed4d4 0 52%,#9fc278 52%);box-shadow:0 7px 0 rgba(66,82,50,.12)}.find-scene::before{content:"";position:absolute;left:24%;bottom:45px;width:185px;height:120px;border-radius:50% 50% 0 0;background:#6da260}.find-scene button{position:absolute;width:58px;height:58px;border:3px dashed rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);font-size:32px;cursor:pointer}.find-scene button:nth-child(1){left:9%;top:21%}.find-scene button:nth-child(2){right:13%;top:16%}.find-scene button:nth-child(3){left:39%;bottom:12%}.find-scene button:nth-child(4){right:28%;bottom:22%}.find-scene button.found{border-color:#ffe279;background:#fff2b1;transform:scale(1.08)}.maze-mini{width:min(390px,100%);margin:15px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.maze-cell{height:79px;display:grid;place-items:center;border-radius:13px;background:#d9d5b4;font-size:30px}.maze-cell.wall{background:#6f8d62}.maze-cell.player{background:#f1d272}.maze-cell.goal{background:#aed392}.arrow-pad{width:min(300px,100%);margin:13px auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"x up y" "left down right";gap:7px}.arrow-pad button{min-height:57px;border:4px solid white;border-radius:16px 7px;background:#fff8df;box-shadow:0 4px 0 rgba(76,71,45,.1);font-size:24px;cursor:pointer}.arrow-pad button[data-move="up"]{grid-area:up}.arrow-pad button[data-move="left"]{grid-area:left}.arrow-pad button[data-move="down"]{grid-area:down}.arrow-pad button[data-move="right"]{grid-area:right}.sequence-strip{width:min(600px,100%);min-height:94px;margin:16px auto;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border:4px dashed #b9ad88;border-radius:20px;background:#eae1c4}.sequence-strip i{display:grid;place-items:center;border:3px dashed #aaa487;border-radius:13px;color:#9d9880;font-size:32px;font-style:normal}.sequence-tray{width:min(570px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sequence-tray button{min-height:75px;border:4px solid white;border-radius:17px 8px;background:#fff8df;box-shadow:0 4px 0 rgba(73,68,43,.1);font-size:35px;cursor:pointer}.sequence-tray button.used{visibility:hidden}.social-scene{width:min(590px,100%);margin:17px auto;padding:18px;display:flex;align-items:center;gap:17px;border:5px solid white;border-radius:24px 10px;background:#d6e3b5;box-shadow:0 6px 0 #adc587;text-align:left}.social-scene span{font-size:65px}.social-scene p{margin:0;font-size:13px;line-height:1.8}.rhythm-card{width:min(520px,100%);margin:18px auto;padding:18px;border:5px solid white;border-radius:25px 10px;background:#c9ddd4;box-shadow:0 6px 0 #9fbdb1;font-size:40px;letter-spacing:15px}.instrument-pad{width:min(520px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.instrument-pad button{min-height:93px;border:4px solid white;border-radius:19px 8px;background:#fff8df;box-shadow:0 5px 0 rgba(75,70,45,.11);font-size:41px;cursor:pointer}.instrument-pad button:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(75,70,45,.11)}.festival-finale{min-height:540px;padding-top:32px;background:radial-gradient(circle at 50% 24%,rgba(255,221,101,.4),transparent 28%)}.festival-cast{margin:14px auto;font-size:64px;letter-spacing:-12px;filter:drop-shadow(0 7px 2px rgba(58,66,40,.13))}.season-badge{width:max-content;max-width:100%;margin:23px auto;padding:11px 21px;display:flex;align-items:center;gap:10px;border:4px solid white;border-radius:23px 10px;background:#f2d676;box-shadow:0 6px 0 #cbaa4e}.season-badge span{font-size:43px}.season-badge b{font-size:17px;font-weight:400}.reward-grid button{min-height:175px}.reward-grid button span{font-size:58px}
@keyframes chapterGlow{50%{transform:translateY(-5px);box-shadow:0 12px 0 #96b174,0 20px 30px rgba(69,87,50,.2)}}
@media(max-width:680px){.adventure-panel{padding:24px 13px 35px}.option-grid{grid-template-columns:repeat(2,1fr)}.category-bins,.train-track-game,.command-actions{gap:7px}.line-slots{min-height:85px}.find-scene{height:260px}.reward-grid{grid-template-columns:1fr}.reward-grid button{min-height:110px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left}.reward-grid button span{grid-row:1/3;margin-right:11px}.sequence-tray{gap:6px}}

/* 清楚、稳定的儿童图形，不依赖不同系统的 Emoji 绘制差异。 */
.command-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.command-actions button b{font-size:11px;font-weight:400}.green-flag-icon{position:relative;width:52px;height:42px;display:inline-block}.green-flag-icon::before{content:"";position:absolute;left:8px;top:2px;width:5px;height:38px;border-radius:4px;background:#7a684e}.green-flag-icon::after{content:"";position:absolute;left:13px;top:4px;width:34px;height:24px;border-radius:3px 8px 8px 3px;background:#56a95f;box-shadow:inset 0 -5px rgba(48,125,59,.18)}
.woodfish-icon{position:relative;width:56px;height:39px;display:inline-block;vertical-align:middle;border:3px solid #744326;border-radius:52% 48% 46% 54%;background:linear-gradient(155deg,#c9894b,#92562f);box-shadow:inset -7px -5px rgba(91,48,26,.2),0 3px 0 rgba(87,58,35,.15)}.woodfish-icon::before{content:"";position:absolute;left:12px;right:9px;top:15px;height:4px;border-radius:4px;background:#5f351f;transform:rotate(-4deg)}.woodfish-icon::after{content:"";position:absolute;right:-11px;top:7px;width:18px;height:22px;background:#9d6035;clip-path:polygon(0 50%,100% 0,82% 50%,100% 100%)}.instrument-pad button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.instrument-pad button b{font-size:10px;font-weight:400}.rhythm-card{display:flex;align-items:center;justify-content:center;gap:28px;letter-spacing:0}.rhythm-card .woodfish-icon{transform:scale(.8)}
.story-sequence button{min-height:96px;font-size:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-sequence button span{font-size:36px;line-height:1}.story-sequence button b{margin-top:7px;color:#53685a;font-size:11px;font-weight:400}.story-strip i{display:flex;flex-direction:column;align-items:center;justify-content:center}.story-strip i span{font-size:31px;line-height:1}.story-strip i small{margin-top:5px;color:#6f796b;font-size:9px;font-style:normal}

/* 完成态保持角色和树屋分区清晰。 */
body.chapter-2-complete .growth-tree{left:8%;transform:scale(.84);transform-origin:bottom left}body.chapter-2-complete .cottage{right:3%;transform:scale(.78);transform-origin:bottom right}body.chapter-2-complete .resident{right:27%;transform:scale(.76);transform-origin:bottom}body.chapter-2-complete .sprout-guide{left:42%;transform:scale(.76);transform-origin:bottom}
@media(max-width:680px){body.chapter-2-complete .growth-tree{left:-3%;transform:scale(.69)}body.chapter-2-complete .cottage{right:-8%;transform:scale(.61)}body.chapter-2-complete .resident{right:21%;transform:scale(.62)}body.chapter-2-complete .sprout-guide{left:38%;transform:scale(.62)}.story-sequence button b{font-size:9px}.rhythm-card{gap:17px}}

/* 原创森林图集：所有主要角色、物品和地点都来自项目内的透明 PNG 素材。 */
.forest-art{--art-x:0%;--art-y:0%;display:inline-block;width:1em;height:1em;flex:0 0 auto;background-image:var(--art-image);background-repeat:no-repeat;background-position:var(--art-x) var(--art-y);background-size:var(--art-size);vertical-align:middle;color:transparent;font-style:normal;line-height:0}
.art-sprout,.art-bear,.art-rabbit,.art-fox,.art-panda,.art-owl,.art-beaver,.art-bird{--art-image:url("assets/forest/characters.webp");--art-size:400% 200%}
.art-sprout{--art-x:0%;--art-y:0%}.art-bear{--art-x:33.333%;--art-y:0%}.art-rabbit{--art-x:66.667%;--art-y:0%}.art-fox{--art-x:100%;--art-y:0%}.art-panda{--art-x:0%;--art-y:100%}.art-owl{--art-x:33.333%;--art-y:100%}.art-beaver{--art-x:66.667%;--art-y:100%}.art-bird{--art-x:100%;--art-y:100%}
.art-car,.art-red-book,.art-shirt,.art-green-book,.art-ball,.art-socks,.art-toy-basket,.art-bookshelf,.art-laundry,.art-triangle,.art-square,.art-round{--art-image:url("assets/forest/daily-items.webp");--art-size:400% 300%}
.art-car{--art-x:0%;--art-y:0%}.art-red-book{--art-x:33.333%;--art-y:0%}.art-shirt{--art-x:66.667%;--art-y:0%}.art-green-book{--art-x:100%;--art-y:0%}.art-ball{--art-x:0%;--art-y:50%}.art-socks{--art-x:33.333%;--art-y:50%}.art-toy-basket{--art-x:66.667%;--art-y:50%}.art-bookshelf{--art-x:100%;--art-y:50%}.art-laundry{--art-x:0%;--art-y:100%}.art-triangle{--art-x:33.333%;--art-y:100%}.art-square{--art-x:66.667%;--art-y:100%}.art-round{--art-x:100%;--art-y:100%}
.art-apple,.art-banana,.art-carrot,.art-broccoli,.art-baguette,.art-croissant,.art-strawberry,.art-food-basket,.art-red-carriage,.art-teal-carriage,.art-yellow-carriage,.art-locomotive,.art-bell,.art-ticket,.art-flag,.art-clipboard{--art-image:url("assets/forest/market-rail.webp");--art-size:400% 400%}
.art-apple{--art-x:0%;--art-y:0%}.art-banana{--art-x:33.333%;--art-y:0%}.art-carrot{--art-x:66.667%;--art-y:0%}.art-broccoli{--art-x:100%;--art-y:0%}.art-baguette{--art-x:0%;--art-y:33.333%}.art-croissant{--art-x:33.333%;--art-y:33.333%}.art-strawberry{--art-x:66.667%;--art-y:33.333%}.art-food-basket{--art-x:100%;--art-y:33.333%}.art-red-carriage{--art-x:0%;--art-y:66.667%}.art-teal-carriage{--art-x:33.333%;--art-y:66.667%}.art-yellow-carriage{--art-x:66.667%;--art-y:66.667%}.art-locomotive{--art-x:100%;--art-y:66.667%}.art-bell{--art-x:0%;--art-y:100%}.art-ticket{--art-x:33.333%;--art-y:100%}.art-flag{--art-x:66.667%;--art-y:100%}.art-clipboard{--art-x:100%;--art-y:100%}
.art-feather,.art-key,.art-mushroom,.art-flower,.art-seed,.art-seedling,.art-plant,.art-sunflower,.art-compass,.art-tent,.art-direction-sign,.art-wreath,.art-envelope,.art-ribbon,.art-drum,.art-woodfish{--art-image:url("assets/forest/explore-music.webp");--art-size:400% 400%}
.art-feather{--art-x:0%;--art-y:0%}.art-key{--art-x:33.333%;--art-y:0%}.art-mushroom{--art-x:66.667%;--art-y:0%}.art-flower{--art-x:100%;--art-y:0%}.art-seed{--art-x:0%;--art-y:33.333%}.art-seedling{--art-x:33.333%;--art-y:33.333%}.art-plant{--art-x:66.667%;--art-y:33.333%}.art-sunflower{--art-x:100%;--art-y:33.333%}.art-compass{--art-x:0%;--art-y:66.667%}.art-tent{--art-x:33.333%;--art-y:66.667%}.art-direction-sign{--art-x:66.667%;--art-y:66.667%}.art-wreath{--art-x:100%;--art-y:66.667%}.art-envelope{--art-x:0%;--art-y:100%}.art-ribbon{--art-x:33.333%;--art-y:100%}.art-drum{--art-x:66.667%;--art-y:100%}.art-woodfish{--art-x:100%;--art-y:100%}
.art-cottage,.art-market,.art-station,.art-valley,.art-stage,.art-tree,.art-medal,.art-sign,.art-lantern,.art-bunting,.art-hamper,.art-arch{--art-image:url("assets/forest/places-rewards.webp");--art-size:400% 300%}
.art-cottage{--art-x:0%;--art-y:0%}.art-market{--art-x:33.333%;--art-y:0%}.art-station{--art-x:66.667%;--art-y:0%}.art-valley{--art-x:100%;--art-y:0%}.art-stage{--art-x:0%;--art-y:50%}.art-tree{--art-x:33.333%;--art-y:50%}.art-medal{--art-x:66.667%;--art-y:50%}.art-sign{--art-x:100%;--art-y:50%}.art-lantern{--art-x:0%;--art-y:100%}.art-bunting{--art-x:33.333%;--art-y:100%}.art-hamper{--art-x:66.667%;--art-y:100%}.art-arch{--art-x:100%;--art-y:100%}
.art-cottage-planter,.art-cottage-lantern,.art-door-wreath{--art-image:url("assets/forest/cottage-decorations-v2.webp");--art-size:300% 100%;--art-y:0%}.art-cottage-planter{--art-x:0%}.art-cottage-lantern{--art-x:50%}.art-door-wreath{--art-x:100%}

.forest-scene{min-height:530px;background:#b9d9c3 url("assets/forest/world-background.webp") center/cover no-repeat}
.resident{right:31%;bottom:46px}.resident span{width:92px;height:92px;font-size:initial}.sprout-guide{left:46%;bottom:42px}.sprout-guide span{width:70px;height:70px;font-size:initial}.scene-sign{bottom:20px}
.status-avatar.forest-art{width:54px;height:54px;border:3px solid white;background-color:#eef2cf}.leaf-counter .forest-art{width:30px;height:30px}.chapter-icon.forest-art{width:84px;height:68px;font-size:initial;filter:drop-shadow(0 4px 2px rgba(58,64,40,.14))}.game-grid .forest-art{width:72px;height:58px;font-size:initial}.game-grid span.forest-art{font-size:initial}.quest-brand>.forest-art{width:44px;height:44px;font-size:initial}.story-sprout{left:12%;bottom:16px;width:95px;height:95px;font-size:initial}.story-bear{right:20%;bottom:8px;width:126px;height:126px;font-size:initial}.empty-house.forest-art{right:2%;top:8px;width:145px;height:145px;font-size:initial;opacity:.45}.task-guide.forest-art{width:70px;height:70px;font-size:initial}.tidy-items .forest-art{width:76px;height:66px}.tidy-bins .forest-art{width:62px;height:55px}.feeling-story .forest-art{width:92px;height:92px;font-size:initial}.feeling-choices .forest-art{width:66px;height:58px}.reward-choices .forest-art{width:92px;height:80px;font-size:initial}.celebration .forest-art{width:112px;height:112px;font-size:initial}.earned-leaf>.forest-art{width:62px;height:62px;font-size:initial}footer>.forest-art{width:38px;height:38px}
.sound-icon{position:relative;display:block;width:24px;height:22px;margin:auto}.sound-icon::before{content:"";position:absolute;left:1px;top:7px;width:8px;height:9px;border-radius:3px 0 0 3px;background:#4c6b56;box-shadow:7px 0 0 -1px #4c6b56}.sound-icon::after{content:"";position:absolute;left:12px;top:3px;width:9px;height:15px;border:3px solid #4c6b56;border-left:0;border-radius:0 16px 16px 0}.round-button.muted .sound-icon::after{left:10px;top:9px;width:16px;height:3px;border:0;border-radius:3px;background:#c8664f;transform:rotate(-45deg)}

@media(max-width:680px){.forest-scene{min-height:460px;background-position:48% center}.resident{right:25%;bottom:38px}.resident span{width:72px;height:72px}.sprout-guide{left:41%;bottom:34px}.sprout-guide span{width:54px;height:54px}.chapter-icon.forest-art{width:72px;height:58px}}

/* 装饰背包：孩子领取整组奖励，并在森林里自己决定摆放位置。 */
.decoration-layer{position:absolute;inset:0;z-index:13;pointer-events:none}
.placed-decoration{position:absolute;width:66px;height:66px;padding:0;border:0;background:transparent;filter:drop-shadow(0 5px 2px rgba(52,64,40,.28));transform:translate(-50%,-50%);touch-action:none;pointer-events:auto;cursor:grab;animation:decorationPop .45s both}
.placed-decoration .forest-art{width:100%;height:100%;font-size:initial}
.placed-decoration.decoration-small{width:52px;height:52px}.placed-decoration.decoration-large{width:82px;height:72px}
.placed-decoration:hover,.placed-decoration:focus-visible{filter:drop-shadow(0 5px 2px rgba(52,64,40,.28)) drop-shadow(0 0 7px #fff4ad)}
.placed-decoration.dragging{z-index:30;cursor:grabbing;filter:drop-shadow(0 9px 4px rgba(52,64,40,.32));transform:translate(-50%,-50%) scale(1.12)}
.forest-scene.placing-decoration{cursor:crosshair;box-shadow:0 15px 0 rgba(60,90,55,.12),0 32px 60px rgba(47,77,58,.2),inset 0 0 0 7px rgba(255,239,145,.72)}
.forest-scene.placing-decoration::after{content:"";position:absolute;z-index:12;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 53%,rgba(255,245,177,.12) 74%)}

.decoration-bag-button{position:absolute;z-index:18;left:clamp(52px,7%,104px);top:clamp(40px,7.5%,72px);min-width:118px;height:54px;padding:5px 11px 5px 7px;display:flex;align-items:center;gap:7px;border:4px solid rgba(255,255,255,.88);border-radius:22px 13px 22px 13px;color:#fff9df;background:#df7859;box-shadow:0 6px 0 #ad604b,0 11px 20px rgba(54,66,40,.18);cursor:pointer;transition:transform .18s}
.decoration-bag-button:hover{transform:translateY(-3px)}.decoration-bag-button:active{transform:translateY(3px);box-shadow:0 3px 0 #ad604b}
.forest-scene.placing-decoration .decoration-bag-button{opacity:0;pointer-events:none;transform:translateY(-10px) scale(.92)}
.decoration-bag-button b{font-size:12px;font-weight:400}.decoration-bag-button small{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#4c654f;background:#fff1b9;font-size:10px}
.decoration-bag-button:not(.has-decorations){color:#f6e1cf;background:#9a8971;box-shadow:0 6px 0 #756a58}
.backpack-icon{position:relative;width:30px;height:32px;display:block;border:3px solid #674d3c;border-radius:10px 10px 8px 8px;background:#f2bd55;box-shadow:inset 0 -8px #e38a52}
.backpack-icon::before{content:"";position:absolute;left:5px;right:5px;top:-9px;height:12px;border:3px solid #674d3c;border-bottom:0;border-radius:11px 11px 0 0}
.backpack-icon::after{content:"";position:absolute;left:5px;right:5px;bottom:4px;height:7px;border:2px solid #674d3c;border-radius:4px;background:#f7d879}
.backpack-icon i{position:absolute;left:-6px;right:-6px;top:9px;height:13px;border-left:4px solid #674d3c;border-right:4px solid #674d3c;border-radius:7px}

.placement-hint{position:absolute;z-index:21;left:50%;top:16px;min-width:300px;max-width:calc(100% - 250px);padding:9px 9px 9px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:4px solid white;border-radius:22px;color:#38533f;background:#fff2b5;box-shadow:0 6px 0 rgba(84,83,50,.18);transform:translateX(-50%);font-size:11px;animation:hintDrop .3s both}
.placement-hint[hidden]{display:none}.placement-hint button{padding:6px 10px;border:0;border-radius:13px;color:white;background:#6a8d68;cursor:pointer}

.decoration-bag-dialog{width:min(760px,calc(100% - 24px));max-height:calc(100vh - 24px);padding:0;overflow:visible;border:0;border-radius:36px 16px;background:transparent}
.decoration-bag-dialog::backdrop{background:rgba(35,58,43,.38);backdrop-filter:blur(7px)}
.decoration-bag-shell{max-height:calc(100vh - 24px);padding:24px 26px 28px;overflow:auto;border:7px solid rgba(255,255,255,.88);border-radius:36px 16px;background:#f8efd3;box-shadow:0 13px 0 rgba(55,78,54,.18),0 26px 60px rgba(27,47,35,.27)}
.decoration-bag-shell>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-bottom:15px;border-bottom:2px dashed rgba(68,91,61,.2)}
.large-backpack-icon{width:48px;height:52px;border-width:4px}.large-backpack-icon::before{top:-11px;border-width:4px}.large-backpack-icon::after{height:11px}.large-backpack-icon i{top:15px}
.decoration-bag-shell header small{color:#839073;font-size:9px;letter-spacing:.14em}.decoration-bag-shell h2{margin:2px 0 0;font-family:"Ma Shan Zheng",cursive;font-size:38px;font-weight:400;line-height:1}
.bag-help{margin:16px 0 20px;padding:10px 13px;border-radius:15px;color:#5f715f;background:#e2e8c3;font-family:"Hiragino Sans GB","PingFang SC",sans-serif;font-size:12px;line-height:1.7}
.decoration-chapter+.decoration-chapter{margin-top:22px}.decoration-chapter h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:400}.decoration-chapter h3 span{padding:4px 8px;border-radius:10px;color:#fff6d5;background:#6e9468;font-size:9px}
.decoration-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.decoration-card{position:relative;min-width:0;padding:0 0 7px;border:4px solid white;border-radius:22px 9px;background:#fff8df;box-shadow:0 5px 0 rgba(77,70,44,.12);overflow:hidden}
.decoration-card>button:first-child{width:100%;min-height:136px;padding:12px 8px 9px;display:flex;flex-direction:column;align-items:center;border:0;background:transparent;cursor:pointer}
.decoration-card .forest-art{width:70px;height:63px;font-size:initial;filter:drop-shadow(0 4px 2px rgba(58,64,40,.14))}
.decoration-card b{margin-top:6px;font-size:14px;font-weight:400}.decoration-card small{margin-top:3px;color:#7a8875;font-size:9px}
.decoration-card.is-placed{border-color:#f1c96e;background:#fff1b7}.decoration-card.is-placed>button:first-child small{color:#bd684c}
.return-decoration{position:absolute;right:7px;top:7px;padding:5px 8px;border:2px solid white;border-radius:11px;color:white;background:#789276;font-size:9px;cursor:pointer}
.decoration-empty{margin:26px 0 6px;padding:28px;border:3px dashed #b8af8c;border-radius:20px;color:#7b816f;text-align:center}.decoration-empty[hidden]{display:none}
.reward-choices>div,.reward-showcase>div{min-height:180px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid white;border-radius:27px 11px;background:#fff8df;box-shadow:0 7px 0 rgba(79,72,44,.11)}
.reward-choices>div .forest-art,.reward-showcase>div .forest-art{width:92px;height:80px;font-size:initial}.reward-choices>div b,.reward-showcase>div b{margin:10px 0 4px;font-size:17px;font-weight:400}.reward-choices>div small,.reward-showcase>div small{color:#788171;font-size:9px}
.collect-all-button{margin:24px auto 0}

@keyframes decorationPop{0%{opacity:0;transform:translate(-50%,-72%) scale(.45) rotate(-7deg)}72%{transform:translate(-50%,-48%) scale(1.08) rotate(2deg)}100%{opacity:1;transform:translate(-50%,-50%)}}
@keyframes hintDrop{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes hintDropMobile{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:680px){
  .decoration-bag-button{left:clamp(28px,7vw,44px);top:clamp(28px,7vw,40px);min-width:54px;width:54px;height:50px;padding:5px;justify-content:center}.decoration-bag-button b{display:none}.decoration-bag-button small{position:absolute;right:-6px;top:-7px;border:2px solid white}
  .backpack-icon{transform:scale(.85)}.placement-hint{left:16px;right:16px;top:90px;min-width:0;max-width:none;transform:none;animation-name:hintDropMobile}.placement-hint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .decoration-bag-shell{padding:18px 13px 24px;border-width:5px}.decoration-bag-shell h2{font-size:32px}.bag-help{font-size:11px}.decoration-card-grid{gap:7px}.decoration-card{border-width:3px}
  .decoration-card>button:first-child{min-height:118px;padding:8px 4px}.decoration-card .forest-art{width:58px;height:53px}.decoration-card b{font-size:11px}.decoration-card small{font-size:8px}
  .placed-decoration{width:54px;height:54px}.placed-decoration.decoration-small{width:43px;height:43px}.placed-decoration.decoration-large{width:66px;height:58px}
  .reward-choices>div,.reward-showcase>div{min-height:110px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left}.reward-choices>div .forest-art,.reward-showcase>div .forest-art{grid-row:1/3;width:72px;height:64px;margin-right:9px}.reward-choices>div b,.reward-showcase>div b{margin:0}
}