@charset "UTF-8";
:root{--ink:#244c3b;--green:#406a43;--muted:#7b8774;--paper:#f8f6ed;--yellow:#e8b956;--line:#dde2d3;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--story:"Kaiti SC","STKaiti","KaiTi",var(--sans)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);height:100dvh;min-height:620px;display:flex;flex-direction:column;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c89036;outline-offset:5px}a{color:var(--green);text-underline-offset:4px}.topbar{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;z-index:2}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;font-weight:650;font-size:17px;letter-spacing:2px;padding:8px 0}.brand-icon{font-size:32px;color:#628651}.top-tools{display:flex;align-items:center;gap:12px}.lesson-tag{font-size:12px;color:var(--muted);letter-spacing:2px;margin-right:20px}.tool{background:transparent;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:12px;display:flex;gap:6px;align-items:center}.tool:hover{background:#e9eedf}#deck{position:relative;flex:1;margin:0 2.4%;min-height:0;border-radius:22px;overflow:hidden;background:#f1f1e3;outline:0}.slide{width:100%;height:100%;position:relative;overflow:hidden;animation:slideIn .6s ease both;isolation:isolate}.slide:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E")}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:600;color:#7d8869;display:block}.cover{background:#f7edcf url('assets/garden-story.png') center 57%/cover no-repeat}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,226,.38),transparent 64%);z-index:-1}.cover-content{position:absolute;left:7%;top:12%;max-width:53%}.pill{display:inline-flex;align-items:center;gap:8px;background:#f9f6e0c9;border:1px solid #c5cba9;border-radius:25px;padding:8px 16px;font-size:12px;letter-spacing:3px}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#718851}h1{font-family:var(--story);font-size:clamp(56px,6.2vw,104px);letter-spacing:3px;line-height:1.22;margin:23px 0 20px;font-weight:800}h1 span{display:block}h1 .gold{color:#a67937}.cover-subtitle{font-size:clamp(18px,1.7vw,28px);letter-spacing:3px;color:#63754d;margin:0 0 32px}.primary{border:0;border-radius:40px;padding:16px 25px;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:#fffcef;font-size:17px;letter-spacing:1px;box-shadow:0 7px 15px #244c3b12;transition:transform .2s,background .2s}.primary:hover{background:#38654b;transform:translateY(-2px)}.primary .arrow-mark{font-size:24px;line-height:1}.cover-caption{position:absolute;bottom:6%;left:7%;font-size:12px;letter-spacing:3px;color:#5b7145;background:#fff8e1aa;padding:8px 12px;border-radius:5px}.floating-seed{position:absolute;right:28%;top:16%;width:62px;height:90px;animation:drift 8s ease-in-out infinite;pointer-events:none;opacity:.8}.bottom-bar{height:86px;flex-shrink:0;padding:0 4.1%;display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter{display:flex;align-items:center;gap:13px;font-size:12px;min-width:210px;color:#7a866e;letter-spacing:1px}.chapter>span:first-child{color:#3f644b;font-size:12px;font-weight:700}.chapter-rule{width:28px;height:1px;background:#bdc8ac}.dots{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#d6dccb;transition:width .3s,background .3s}.dot.active{width:24px;background:#698652}.dot:hover{background:#698652}.navigation{display:flex;gap:18px;align-items:center}.arrow{width:42px;height:42px;border:1px solid #dce1d2;border-radius:50%;background:transparent;font-size:22px}.arrow.next{background:var(--ink);color:#fff;border-color:var(--ink)}.page-count{font-size:13px;color:#a2aa98;letter-spacing:1px}.page-count b{color:#486148;font-weight:500}.story-layout{display:grid;grid-template-columns:42% 58%;height:100%;padding:5.3% 5.7%;gap:0;align-items:center}.story-copy{position:relative;z-index:2;align-self:center}.story-copy h2,.center-title{font-family:var(--story);font-size:clamp(38px,4.4vw,70px);margin:19px 0 18px;line-height:1.3;letter-spacing:2px}.story-copy h2 em{font-style:normal;color:#a97b39}.story-copy p{font-size:clamp(19px,1.9vw,30px);line-height:1.7;letter-spacing:2px;margin:0}.story-copy .primary{margin-top:30px}.action-hint{font-size:12px!important;letter-spacing:1px!important;margin-top:13px!important;color:#879076;line-height:1.5!important}.tag{display:inline-block;border-radius:30px;padding:8px 16px;font-size:14px;letter-spacing:2px;background:#e6ebd8;color:#6e8358}.scene{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;max-height:100%;}.scene svg{width:100%;max-height:100%;overflow:visible}.scene-halo{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:#e8edda;z-index:-1}.dandelion{background:#f1f2e6}.cocklebur{background:#f4efdf}.pea{background:#f3edda}.pomegranate{background:#f6eee5}.sky-label{position:absolute;right:8%;top:8%;font-family:var(--story);font-size:20px;transform:rotate(7deg);color:#849276}.result-line{min-height:32px;color:#527248;font-size:18px!important;margin-top:20px!important;font-weight:600}.lesson-badge{position:absolute;right:3%;bottom:5%;font-size:11px;letter-spacing:2px;color:#929c80}.leaf{transform-origin:bottom center;animation:sway 5s ease-in-out infinite}.wind-seed{opacity:0}.playing .wind-seed{animation:fly 4.5s ease-in-out var(--delay) both}.playing .plant-head{animation:sway .6s ease-in-out 3}.wind-streak{opacity:0}.playing .wind-streak{animation:wind 3s ease both}.rabbit-group{transform:translateX(120px)}.playing .rabbit-group{animation:rabbitWalk 4.5s ease-in-out forwards}.bur-traveller{opacity:0}.playing .bur-traveller{animation:burAttach 4.5s ease-in-out forwards}.playing .bur-on-plant{animation:burLeave 4.5s linear forwards}.pod-shell{transform-origin:270px 280px}.playing .pod-left{animation:podLeft 1s .25s ease forwards}.playing .pod-right{animation:podRight 1s .25s ease forwards}.pea-traveller{opacity:0}.playing .pea-traveller{animation:peaPop 1.6s calc(.5s + var(--delay)) cubic-bezier(.15,.5,.45,1) forwards}.sun{transform-origin:455px 105px;animation:sunWiggle 10s linear infinite}.bird-traveller{transform-origin:310px 200px}.playing .bird-traveller{animation:birdFly 4.5s ease forwards}.bird-wing{transform-origin:310px 205px}.playing .bird-wing{animation:flap .35s ease-in-out 10}.dropped-seed{opacity:0}.playing .dropped-seed{animation:dropSeed 1s 3.4s ease forwards}.sprout-after{opacity:0;transform-origin:470px 438px}.playing .sprout-after{animation:sprout .8s 4.5s ease forwards}.center-slide{padding:3.8% 6%;text-align:center;background:#f1f2e5;display:flex;flex-direction:column;align-items:center}.center-slide .center-title{margin:15px 0 14px;font-size:clamp(36px,3.7vw,60px)}.center-sub{font-size:20px;letter-spacing:3px;color:#778366;margin:0 0 24px}.seed-discovery{width:240px;height:240px;display:flex;align-items:center;justify-content:center;background:#e6e9d3;border-radius:50%;border:0;margin:10px 0 20px;transition:transform .3s;box-shadow:0 0 0 20px #eeefdf}.seed-discovery:hover{transform:rotate(-7deg)}.seed-discovery svg{width:85%;height:85%}.reveal-answer{font-family:var(--story);font-size:32px;min-height:45px;letter-spacing:5px;margin:10px}.seed-mini-row{display:flex;gap:20px;justify-content:center;margin-top:auto}.seed-mini-row span{background:#fff9;padding:8px 20px;border-radius:20px;color:#738160;font-size:15px}.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;flex:1;min-height:0;margin-top:16px}.recap-card{border:0;background:#faf9ef;border-radius:80px 80px 22px 22px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.recap-card:hover{transform:translateY(-6px)}.recap-card svg{max-height:52%;width:100%;min-height:0;flex:1}.recap-card h3{font-family:var(--story);font-size:30px;margin:10px 0}.recap-card p{font-size:20px;color:#708057;margin:0}.recap-card .recap-number{font-size:11px;letter-spacing:2px;color:#9ba185;margin-top:15px}.video-layout{padding:4% 6%;height:100%;display:grid;grid-template-columns:32% 68%;align-items:center;gap:20px;background:#e9eddf}.video-layout .story-copy h2{font-size:clamp(35px,3.5vw,58px)}.video-shell{aspect-ratio:16/9;width:100%;background:#283e34;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #35493218;position:relative}.video-poster{position:absolute;inset:0;border:0;background:linear-gradient(#294b3833,#16392e80),url('assets/garden-story.png') center/cover;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.play-circle{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fffef0eb;color:#30543e;font-size:30px;padding-left:6px}.video-poster strong{font-family:var(--story);font-size:30px;letter-spacing:3px}.video-shell video{object-fit:contain;background:#1b3026;}.video-shell iframe,.video-shell video{border:0;width:100%;height:100%}.video-caption{font-size:11px;color:#7c896d;margin-top:13px;line-height:1.8}.video-caption a{margin-left:10px}.game-question{display:flex;align-items:center;gap:30px;margin:0 auto 16px;height:160px}.game-question svg{height:160px;width:180px}.game-question h3{font-family:var(--story);font-size:40px;margin:0}.game-options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:8px}.choice{border:2px solid transparent;border-radius:18px;background:#fffdf4;padding:20px 10px;font-size:22px;transition:transform .2s,border .2s}.choice:hover{transform:translateY(-3px);border-color:#b3c39c}.choice .choice-icon{display:block;font-size:35px;margin-bottom:12px}.choice.correct{border-color:#6b9563;background:#e1ecd7}.choice.wrong{border-color:#d4b66a;background:#fff2cf;animation:shake .4s}.game-status{font-size:20px;min-height:32px;margin:20px 0 0;color:#68854b}.game-bottom{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:28px;width:100%}.game-stars{letter-spacing:10px;color:#b28d3f;font-size:25px}.game-next{background:var(--ink);color:white;border:0;border-radius:30px;padding:12px 24px;font-size:15px}.movement-visual{font-size:100px;line-height:1.2;animation:float 3s ease-in-out infinite;margin:20px 0}.movement-line{font-family:var(--story);font-size:36px;letter-spacing:4px;margin:5px 0 25px}.movement-dots{display:flex;gap:12px;margin-top:22px}.movement-dots button{border:1px solid #c9d3b9;background:none;border-radius:22px;padding:9px 16px;font-size:15px}.movement-dots .selected{background:#e1e8d1;border-color:#95aa77}.grow-layout{background:#eaf0df}.sprout-main{transform-origin:300px 420px;transform:scaleY(.1);opacity:0}.playing .sprout-main{animation:grow 3s ease both}.grow-seed{transition:opacity 1s}.playing .grow-seed{opacity:0}.water-drop{opacity:0}.playing .water-drop{animation:rain 1.2s var(--delay) ease-in infinite}.end-slide{background:#f5edcf url('assets/garden-story.png') center 62%/cover}.end-paper{position:absolute;left:9%;top:12%;max-width:55%;padding:25px 20px;background:radial-gradient(ellipse,#fff9e6d9 45%,#fff9e600 72%);text-align:left}.end-paper h2{font-family:var(--story);font-size:clamp(48px,5.5vw,88px);line-height:1.35;margin:20px 0}.end-paper p{font-size:24px;letter-spacing:3px;line-height:1.8}.end-paper .primary{margin-top:16px}.small-link{border:0;background:none;color:#65774c;text-decoration:underline;text-underline-offset:5px;margin-left:25px;font-size:14px}dialog{border:1px solid #d7dfc8;border-radius:22px;background:#fbfaf3;color:var(--ink);box-shadow:0 20px 100px #1c392338;padding:30px;max-width:650px;width:90%;max-height:85dvh;overflow:auto}dialog::backdrop{background:#173b2d66;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#eef0e4;border-radius:50%;width:32px;height:32px;font-size:25px}.dialog-head+.center-title,dialog h2{font-family:var(--story);font-size:32px;margin:12px 0 24px}#notesBody p{line-height:1.9;font-size:16px}#notesBody strong{font-weight:600;color:#967337}.note-meta{background:#edf0e1;padding:10px 14px;border-radius:10px;font-size:13px!important}.dialog-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:13px}.text-btn{border:0;background:none;text-decoration:underline;text-underline-offset:4px}#overviewDialog{max-width:850px}#overviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overview-item{border:1px solid var(--line);background:#f0f1e5;border-radius:14px;text-align:left;padding:18px;font-size:16px}.overview-item span{display:block;color:#94a07e;font-size:11px;letter-spacing:2px;margin-bottom:10px}.overview-item.current{background:#dee8cd;border-color:#9caf83}.dialog-hint{font-size:12px;color:#7c886c;line-height:1.8;margin:22px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reduced .leaf,.reduced .sun,.reduced .floating-seed,.reduced .movement-visual{animation:none}.reduced .slide{animation:none}.reduced .playing *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
@keyframes slideIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes drift{0%,100%{transform:translate(0,0) rotate(-10deg)}50%{transform:translate(40px,-15px) rotate(12deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fly{0%{opacity:0;transform:translate(0,0) rotate(-15deg)}8%{opacity:1}70%{opacity:1}100%{opacity:.6;transform:translate(var(--dx),var(--dy)) rotate(20deg)}}@keyframes wind{0%,100%{opacity:0}30%,70%{opacity:.6;transform:translateX(30px)}}@keyframes rabbitWalk{0%{transform:translateX(120px)}48%{transform:translateX(-65px)}100%{transform:translateX(125px)}}@keyframes burAttach{0%,40%{opacity:0;transform:translate(0,0)}48%{opacity:1;transform:translate(5px,25px)}100%{opacity:1;transform:translate(195px,25px)}}@keyframes burLeave{0%,40%{opacity:1}41%,100%{opacity:0}}@keyframes podLeft{to{transform:translate(-28px,0) rotate(28deg)}}@keyframes podRight{to{transform:translate(35px,0) rotate(-30deg)}}@keyframes peaPop{0%{opacity:1;transform:translate(0,0)}50%{transform:translate(calc(var(--dx)*.5),-120px)}100%{opacity:1;transform:translate(var(--dx),var(--dy))}}@keyframes sunWiggle{to{rotate:360deg}}@keyframes birdFly{0%,18%{transform:translate(0,0)}25%{transform:translate(-15px,10px) rotate(-12deg)}35%{transform:translate(5px,-30px)}100%{transform:translate(200px,-80px)}}@keyframes flap{50%{transform:scaleY(.5) rotate(-10deg)}}@keyframes dropSeed{0%{opacity:1;transform:translate(0,0)}100%{opacity:1;transform:translate(0,210px)}}@keyframes sprout{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes shake{25%,75%{transform:translateX(5px)}50%{transform:translateX(-5px)}}@keyframes grow{0%{opacity:1;transform:scaleY(.05)}100%{opacity:1;transform:scaleY(1)}}@keyframes rain{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}100%{opacity:0;transform:translateY(160px)}}
@media(min-width:1600px){.topbar{height:100px}.bottom-bar{height:96px}.story-copy .primary{font-size:21px}.eyebrow{font-size:15px}.recap-card h3{font-size:38px}.recap-card p{font-size:27px}.game-question{height:200px}.game-question svg{height:200px}.choice{font-size:28px}.game-status{font-size:27px}.movement-visual{font-size:140px}}
@media(max-height:760px) and (min-width:801px){body{min-height:540px}.topbar{height:64px}.bottom-bar{height:66px}.cover-content{top:9%}h1{font-size:clamp(52px,5.7vw,86px);margin:15px 0}.cover-subtitle{margin-bottom:22px}.primary{padding:12px 22px}.story-copy h2{font-size:clamp(36px,3.8vw,58px);margin:12px 0}.story-copy .primary{margin-top:20px}.center-slide{padding:2.5% 6%}.center-slide .center-title{margin:10px 0}.center-sub{margin-bottom:15px}.seed-discovery{width:175px;height:175px;margin:9px}.game-question{height:115px;margin-bottom:5px}.game-question svg{height:115px}.choice{padding:13px 8px}.choice .choice-icon{font-size:28px;margin-bottom:6px}.game-status{margin-top:13px}.movement-visual{font-size:80px;margin:10px}.movement-line{margin-bottom:15px}.movement-dots{margin-top:12px}.recap-grid{gap:15px}.recap-card{padding:12px 8px}.recap-card h3{font-size:26px}.recap-card p{font-size:18px}.recap-card .recap-number{margin-top:8px}}
@media(max-width:800px){body{min-height:700px;height:100dvh;overflow:auto}.topbar{height:65px;padding:0 5%}.brand{font-size:14px;letter-spacing:1px}.brand-icon{font-size:26px}.lesson-tag{display:none}.top-tools{gap:6px}.tool{font-size:11px;padding:8px}.tool span{display:none}#deck{margin:0 3%;min-height:560px}.bottom-bar{height:70px;padding:0 5%}.chapter{min-width:0;font-size:10px;gap:7px}.chapter-rule{width:12px}.dots{display:none}.navigation{gap:9px}.arrow{width:35px;height:35px}.page-count{font-size:11px}.cover{background-position:65% center}.cover:before{z-index:0;background:linear-gradient(90deg,#fff4d9c9,transparent 95%)}.cover-content{left:8%;top:10%;max-width:84%}h1{font-size:56px}.cover-subtitle{font-size:18px;margin:20px 0 28px}.cover-caption{left:8%;bottom:5%;font-size:10px}.pill{font-size:10px}.story-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:6% 7% 3%;text-align:center}.story-copy h2{font-size:34px;margin:8px 0}.story-copy h2 br{display:block}.story-copy p{font-size:19px}.story-copy .primary{margin-top:14px;padding:11px 20px;font-size:15px}.action-hint{font-size:10px!important;margin-top:7px!important}.result-line{font-size:16px!important;margin-top:7px!important;min-height:24px}.scene{min-height:220px}.scene svg{height:100%;width:auto;max-width:100%}.sky-label{top:12%;font-size:16px}.lesson-badge{font-size:9px;bottom:2%}.center-slide{padding:7% 5%}.center-slide .center-title{font-size:32px}.center-sub{font-size:17px;letter-spacing:1px}.recap-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:0}.recap-card{border-radius:40px 40px 15px 15px;padding:10px}.recap-card h3{font-size:23px;margin:4px}.recap-card p{font-size:17px}.recap-card svg{height:90px;min-height:75px;flex:1}.recap-card .recap-number{display:none}.video-layout{grid-template-columns:1fr;padding:7%;align-content:center;gap:24px;text-align:center}.video-layout .story-copy h2{font-size:37px}.video-layout .story-copy h2 br{display:block}.video-caption{text-align:left}.game-question{height:115px;margin:0;gap:0}.game-question svg{height:115px;width:140px}.game-question h3{font-size:30px}.game-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.choice{font-size:18px;padding:12px 8px}.choice .choice-icon{font-size:28px;margin-bottom:5px}.game-status{font-size:16px;margin-top:15px}.game-bottom{gap:10px}.game-next{font-size:13px;padding:10px 15px}.game-stars{font-size:21px;letter-spacing:5px}.movement-line{font-size:28px}.movement-dots{gap:7px;flex-wrap:wrap;justify-content:center}.movement-dots button{font-size:13px;padding:8px 12px}.seed-mini-row{gap:8px;flex-wrap:wrap}.seed-mini-row span{font-size:13px;padding:8px 14px}.end-paper{left:5%;top:8%;max-width:90%;padding:20px 10px;background:radial-gradient(ellipse,#fff9e6ee 25%,#fff9e600 72%)}.end-paper h2{font-size:52px}.end-paper p{font-size:20px}.small-link{display:block;margin:20px 0 0}#overviewGrid{grid-template-columns:repeat(2,1fr)}.overview-item{padding:13px;font-size:14px}.dialog-foot{gap:10px}dialog{padding:22px}.floating-seed{display:none}}
@media(prefers-reduced-motion:reduce){.slide,.leaf,.sun,.floating-seed,.movement-visual{animation:none}}
/* 第二版：绘本质感的分层水彩场景。 */
.living-story{background:#f8f1db url('assets/motion/meadow.png') center bottom/cover no-repeat}.living-story .story-layout{grid-template-columns:39% 61%;padding:3.5% 3.3% 4% 5.7%}.living-story .story-copy{padding:8px 0 25px}.living-story .story-copy h2{font-size:clamp(38px,4.1vw,67px)}.living-story .story-copy>p{font-size:clamp(18px,1.75vw,28px)}.watercolor-scene{min-height:0;position:relative;align-self:stretch}.motion-frame{width:100%;height:100%;border:0;background:transparent;display:block}.motion-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#69754c;font-size:11px;letter-spacing:2px}.motion-buttons{display:flex;align-items:center;gap:16px;margin-top:28px}.motion-buttons .primary{margin:0}.pause-motion{background:#f8f5e6cc;border:1px solid #bdc5a1;border-radius:30px;padding:12px 16px;font-size:13px}.motion-scrub{display:flex;align-items:center;gap:12px;margin-top:22px;max-width:330px}.motion-progress{width:100%;height:5px;accent-color:#68804e;cursor:pointer}.motion-time{font-size:10px;color:#72815c;white-space:nowrap;font-variant-numeric:tabular-nums}.living-story .result-line{max-width:390px;min-height:54px;font-size:17px!important;letter-spacing:1px;line-height:1.8}.mini-plant{display:block;background-image:url('assets/motion/plants.png');background-size:200% 200%;background-repeat:no-repeat;width:180px;height:180px;flex-shrink:0}.mini-0{background-position:0 0}.mini-1{background-position:100% 0}.mini-2{background-position:0 100%;position:relative}.mini-2:after{content:'';position:absolute;inset:35% 15% 0 35%;background:url('assets/motion/details.png') 100% 0/300% 200% no-repeat}.mini-3{background-position:100% 100%}.recap-card .mini-plant{height:auto;aspect-ratio:1;width:95%;flex:1;min-height:0;max-height:260px}.game-question .mini-plant{width:160px;height:160px}.cover .floating-seed{background:url('assets/motion/animals.png') 50% 100%/300% 200%;width:90px;height:90px;opacity:.85}.cover .floating-seed svg{display:none}
@media(max-height:760px) and (min-width:801px){.living-story .story-copy h2{font-size:clamp(35px,3.6vw,58px)}.living-story .story-layout{padding-top:2.4%;padding-bottom:3%}.motion-buttons{margin-top:18px}.motion-scrub{margin-top:16px}.living-story .result-line{margin-top:13px!important}.game-question .mini-plant{width:115px;height:115px}.recap-card .mini-plant{max-height:175px}}
@media(max-width:800px){.living-story .story-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr);padding:6% 6% 4%;gap:0}.living-story .story-copy{padding:0}.living-story .story-copy h2{font-size:33px;line-height:1.25;margin:6px 0 10px}.living-story .story-copy>p{font-size:18px}.motion-buttons{justify-content:center;margin-top:14px;gap:10px}.motion-buttons .primary{margin:0}.pause-motion{padding:9px 13px;font-size:12px}.motion-scrub{margin:14px auto 0;max-width:290px}.living-story .result-line{font-size:14px!important;min-height:28px;margin-top:6px!important;line-height:1.4}.motion-caption{font-size:9px;letter-spacing:1px;bottom:-4px}.living-story .action-hint{font-size:10px!important}.game-question .mini-plant{width:115px;height:115px}.recap-card .mini-plant{width:115px;height:115px;max-height:115px;flex:auto}}
.real-seed{display:block;width:210px;height:210px;background:url('assets/motion/details.png') 0 100%/300% 200%;border-radius:50%}.movement-art{display:block;width:180px;height:180px;background-image:url('assets/motion/animals.png');background-size:300% 200%;background-repeat:no-repeat}.movement-0{background-position:50% 100%}.movement-1{background-position:0 0}.movement-2{background-image:url('assets/motion/details.png');background-position:100% 0}.movement-3{background-position:100% 0}.movement-visual{margin:0 0 12px;line-height:1}.living-story .lesson-badge{bottom:3%}@media(max-height:760px){.movement-art{width:140px;height:140px}.real-seed{width:165px;height:165px}}@media(max-width:800px){.movement-art{width:180px;height:180px}}

/* 先看视频、再找道具；句子写完整，卡片允许自然换行。 */
.find-props .center-title{margin:12px 0 10px}.find-props .center-sub{margin-bottom:6px}.find-props .recap-card{border:3px solid transparent}.find-props .recap-card.found{border-color:#739361;background:#e8efdc}.find-props .recap-card p{font-size:clamp(15px,1.4vw,22px);line-height:1.4}.find-status{font-size:18px;color:#617b4f;min-height:27px;margin:15px 0 0}.game-options .choice{font-size:clamp(18px,1.65vw,26px);line-height:1.45;text-wrap:balance}.living-story .story-copy>p{max-width:450px}.video-layout{grid-template-columns:minmax(0,30%) minmax(0,1fr)}.video-layout>div{min-width:0}
@media(max-width:800px){.video-layout{grid-template-columns:1fr}.find-props .center-title{font-size:30px}.find-props .recap-card p{font-size:14px}.find-status{font-size:14px;margin-top:10px}.game-options .choice{font-size:17px}.find-props .center-sub{font-size:16px}}