@charset "UTF-8";
/* 正式版：森林色系、可触摸的棋子、桌面双栏与手机答题面板。 */
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#244d3d;background:#f7f9f3;--green:#286347;--ink:#244d3d;--line:#e2e9dd;--lime:#c6e984;--yellow:#ffd578;--paper:#fffef9;color-scheme:light}
body{background:radial-gradient(ellipse at 90% 0,#f0f3e8 0,transparent 45%),#f7f9f3}
button{transition:background .15s,transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(3px)}button:focus-visible,a:focus-visible{outline:3px solid #2d91a1;outline-offset:4px}.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.sprout{display:block;width:240px;max-width:100%}.skip-link{position:fixed;top:-70px;left:16px;z-index:999;background:white;padding:12px;border-radius:8px}.skip-link:focus{top:10px}
.shell{display:flex;max-width:1720px;margin:auto;min-height:100vh}.sidebar{width:226px;flex-shrink:0;border-right:1px solid #e3e8dd;padding:34px 22px 24px;background:#fdfdf8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.brand{gap:10px;font-size:21px;letter-spacing:1px;align-items:center}.brand img{border-radius:13px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#91a18c;margin-top:6px;font-weight:650}.side-nav{display:grid;gap:13px;margin-top:48px}.nav-item{width:100%;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid transparent;border-radius:13px;background:transparent;color:#7e8f79;font-size:14px;font-weight:750;text-align:left}.nav-item .ui-icon{width:23px;height:23px}.nav-item.active{background:#e9f3d9;border-color:#cbdfb3;color:#3f6f3d;box-shadow:0 3px 0 #dfebce}.nav-item:hover{background:#f0f5e8}.side-companion{margin:auto 0 20px;text-align:center;padding-top:30px}.side-companion img{width:138px;margin:0 auto -2px;display:block}.side-companion p{font-size:11px;line-height:1.9;color:#8b9983}.side-companion b{color:#607a55;font-weight:650}.settings-entry{font-size:12px;padding:13px 14px}.sidebar-note{font-size:9px;color:#a4b09c;text-align:center;margin-top:20px;letter-spacing:.5px}
.main-column{min-width:0;flex:1}.topbar{height:100px;margin:0 48px;padding:0;gap:20px;border-bottom:1px solid #e1e7da}.page-heading{display:flex;flex-direction:column;gap:8px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b9b7e;font-weight:700}.page-heading strong{font-size:15px;font-weight:650;color:#607758}.top-tools{margin-left:auto;display:flex;gap:11px;align-items:center}.progress-badge{font-size:17px;color:#bb8a2e;display:flex;align-items:center;font-weight:800;background:#fff5d9;border:1px solid #f0dfb6;border-radius:11px;padding:9px 14px}.icon-button{height:39px;min-width:39px;background:#fffef9;color:#7a8c70;border:1px solid #dde5d5;border-bottom:3px solid #dde5d5;border-radius:11px;font-size:11px;padding:7px 10px}.icon-button .ui-icon{width:19px;height:19px}.mobile-brand,.mobile-settings{display:none}.app{max-width:1260px;padding:33px 48px 0;margin:auto;min-height:calc(100vh - 100px)}.app:focus{outline:none}.save-status{margin:0 0 18px;padding:11px 14px;border-radius:10px;line-height:1.7;font-size:12px;background:#fff4d7;color:#916d2e}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 29px}.welcome-row h1{margin:10px 0;font-size:29px;letter-spacing:-.6px;line-height:1.4}.welcome-row h1 span{color:#6f9655}.welcome-row p{font-size:12px;line-height:1.8;color:#8c9a80;margin:0}.day-stamp{font-size:11px;white-space:nowrap;color:#809371;border:1px dashed #c9d7b9;border-radius:25px;padding:9px 13px}.day-stamp .ui-icon{width:17px;height:17px;margin-right:3px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:25px}.adventure-column{min-width:0}.adventure-hero{position:relative;overflow:hidden;background:#e5f0d0;border:1px solid #cfddb7;border-bottom:5px solid #c9dbab;border-radius:24px;min-height:290px;display:flex;align-items:center;padding:30px}.hero-copy{position:relative;z-index:2;flex:1;min-width:0}.chapter-label{font-size:9px;color:#78925d;font-weight:750;letter-spacing:1.8px}.hero-copy h2{font-size:31px;line-height:1.35;letter-spacing:0;margin:16px 0 12px;color:#315c3e}.hero-copy p{font-size:12px;line-height:1.85;margin:0 0 20px;color:#7a9066}.primary{background:#34754d;color:white;border:1px solid #28633e;border-bottom:5px solid #204f32;border-radius:13px;padding:13px 19px;font-size:14px;letter-spacing:.3px;line-height:1.5}.primary:hover{background:#2e6b45}.primary .ui-icon,.secondary .ui-icon{width:18px;height:18px;margin-left:8px}.hero-copy .primary{width:auto;min-width:195px;text-align:left}.hero-art{position:absolute;right:0;bottom:14px;width:235px;z-index:1}.hero-art .sprout{width:235px;animation:companion-bob 4s ease-in-out infinite}.floating-word{position:absolute;border:1px solid #d9e0c8;background:#fffef3;padding:9px 15px;border-radius:12px;color:#52815a;font-weight:750;font-size:15px;box-shadow:0 4px 0 #bdcfa650}.word-one{top:-5px;left:30px;transform:rotate(-10deg)}.word-two{right:8px;bottom:10px;font-size:10px;color:#96763c;transform:rotate(7deg);background:#fff3cd}.hero-hill{position:absolute;right:-80px;bottom:-130px;width:400px;height:320px;border-radius:50%;background:#d4e6b9;transform:rotate(-14deg)}.section-heading{margin:27px 0 16px;align-items:center}.section-heading h2{font-size:16px;display:flex;align-items:center;gap:10px;margin:0}.section-heading h2 .ui-icon{width:19px;color:#839c6a}.section-heading>span{font-size:10px;color:#9ba78d}.level-grid{display:grid;grid-template-columns:1fr;gap:12px;position:relative}.level-card{padding:16px 19px;border:1px solid #e0e7d8;border-bottom:3px solid #e0e7d8;background:#fffef9;border-radius:16px;gap:17px;position:relative}.level-card.current{border:1px solid #a9c781;border-bottom:4px solid #a9c781;background:#f0f6e5}.level-card:disabled{opacity:.64;background:#f4f6ef}.level-number{width:47px;height:46px;border-radius:15px;background:#e9eee1;box-shadow:0 3px 0 #dce4d1;color:#9ba88b;font-size:17px;font-weight:800}.current .level-number{background:#b6dc7c;color:#355a31;box-shadow:0 4px 0 #90b55f}.complete .level-number{background:#d9edbe;color:#5e893d;box-shadow:0 3px 0 #c7dcaa}.level-number .ui-icon{width:21px;height:21px}.level-card strong{font-size:13px;font-weight:750}.level-card small{font-size:10px;color:#94a085;margin-top:6px;line-height:1.5}.level-state{font-size:11px;color:#5c813c;display:flex;align-items:center;gap:5px}.level-state .ui-icon{width:16px}.home-side{display:flex;flex-direction:column;gap:20px}.daily-card{padding:24px;border-radius:22px;border:1px solid #efdfbb;border-bottom:4px solid #ead7ac;background:#fff6e2}.daily-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.daily-icon{background:#f9d982;color:#a0792e;border:1px solid #e6c56d;border-bottom:4px solid #e6c56d;border-radius:14px;padding:12px}.daily-icon .ui-icon{width:27px;height:27px}.daily-label{text-align:right;font-size:9px;color:#b09763;line-height:1.9;letter-spacing:1px}.daily-label b{font-size:15px;color:#9e8246;letter-spacing:2px}.daily-card h2{font-size:23px;margin:0 0 10px;color:#79602e}.daily-card p{font-size:11px;line-height:1.9;color:#a08a5e;margin:0}.daily-steps{gap:9px;margin:19px 0;color:#a08a5e;font-size:10px}.daily-steps span{padding:5px 8px;border-radius:7px}.daily-steps i{font-style:normal}.secondary{background:#fffef9;color:#657d55;border:1px solid #d7e1cd;border-bottom:4px solid #d7e1cd;padding:12px 15px;border-radius:12px;font-size:13px;line-height:1.5}.secondary:hover{background:#f3f7ec}.daily-card .secondary{border-color:#e7d4aa;background:#fffdf4;color:#99782f;font-size:12px}.growth-card{padding:23px 22px 12px;border:1px solid #dce5d5;border-bottom:3px solid #dce5d5;border-radius:22px;background:#fffef9;overflow:hidden}.growth-card .eyebrow{font-size:8px;letter-spacing:1.4px}.growth-card h2{font-size:14px;margin-top:11px}.growth-stats{display:flex;gap:35px;margin:22px 0 10px}.growth-stats strong{display:block;font-size:29px;font-weight:800;color:#588354}.growth-stats span{font-size:10px;color:#91a184}.growth-card .text-button{font-size:11px;color:#8c9d7d;padding-left:0}.growth-card .ui-icon{width:15px}.growth-grass{margin:5px -10px -30px;font-size:54px;letter-spacing:17px;color:#d6e7bb;transform:rotate(-8deg);text-align:right;pointer-events:none}.growth-grass span{color:#e3edce}.friendly-note{display:flex;gap:12px;align-items:center;padding:0 10px;color:#a3af97}.friendly-note .ui-icon{width:21px;height:21px;color:#afbc9e}.friendly-note p{font-size:10px;line-height:1.9;margin:0}.page-footer{margin-top:25px;padding:23px 0 26px;border-top:1px solid #e4e9de;font-size:9px;color:#a1ae95}.text-button{display:inline-flex;align-items:center;gap:4px}
/* 游戏布局与棋盘层叠。 */
.playing .app{padding-top:23px}.playing .page-heading strong{font-size:13px}.game-nav{margin:0 0 21px;gap:14px}.game-nav button{font-size:11px;padding:7px 11px;border-bottom-width:3px;width:auto}.game-nav #run-title{font-size:13px}.game-nav #run-note{font-size:10px}.game-layout{grid-template-columns:minmax(0,1.25fr) minmax(290px,.9fr);gap:24px;align-items:start}.board-panel{border:1px solid #dce5d4;border-bottom:5px solid #d8e2cd;border-radius:25px;padding:25px;background:#fffef9;box-shadow:none}.board-top h2{font-size:22px;margin-top:8px;color:#345d42}.board-top .eyebrow{font-size:10px;letter-spacing:1px}.hearts{color:#ed8575;font-size:22px;letter-spacing:1px}.progress-row{font-size:11px;color:#88997a;margin-top:22px}progress{height:9px;border-radius:8px;background:#edf1e5}progress::-webkit-progress-bar{background:#edf1e5}progress::-webkit-progress-value{background:#a6cd6d}progress::-moz-progress-bar{background:#a6cd6d}.starter-note{font-size:10px;color:#94a57d;padding-top:10px}.layer-strip{margin-top:17px;gap:6px}.layer-pill{font-size:9px;background:#f0f3e9;padding:5px 9px;border-radius:7px}.layer-pill.active{background:#e4f0cf;color:#668746}.layer-strip small{font-size:9px;color:#a3af93}.layer-context{font-size:10px;color:#8e9f7d;margin:9px 0 0}.challenge-controls{border:0;border-radius:11px;background:#fff3d9;padding:11px 12px;color:#a88749;margin:13px 0}.challenge-controls strong{font-size:11px}.challenge-controls>span{font-size:10px;width:auto;line-height:1.5}.board-stack{margin:19px auto 22px;max-width:440px}.board-stack:has(.dense-board){max-width:460px}.board-stack .board{background:transparent;max-width:none;margin:0;border-radius:16px}.board{gap:10px}.board .tile{min-height:77px;border:1px solid #cddcb7;border-bottom:5px solid #bdd19f;border-radius:13px;background:#e7efd9;aspect-ratio:1.06;padding:14px 3px 8px;transition:background .16s,transform .12s}.board .tile:hover:not(:disabled){background:#dcecc6;transform:translateY(-3px);box-shadow:0 3px 10px #65873a13}.board .tile:active:not(:disabled){transform:translateY(2px)}.tile.hidden .tile-symbol{font-size:21px;color:#a1b789}.tile-coordinate{font-size:8px;top:6px;left:6px;color:#9baa8b}.tile.safe{background:#f4f7ed;border-color:#e0e8d5;border-bottom-width:2px}.tile.fixed{background:#e1efe5;border-color:#c6dece;border-bottom-width:3px}.tile.peek{background:#fff0c9;border-color:#e9cc8e}.tile.repair{background:#fff0df;border-color:#eccda7}.tile.selected{outline:3px solid #649663;outline-offset:3px}.board .tile-word{font-size:11px;line-height:1.25;padding:0;overflow-wrap:normal;word-break:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board .tile-number{font-size:26px}.tile.peek .word-art-small{width:30px;height:30px}.tile.peek .tile-word{font-size:12px}.tile-status{font-size:10px;color:#ae8b60}.dense-board .tile{padding-left:1px;padding-right:1px;border-radius:11px}.dense-board .tile-word{font-size:9px}.dense-board .tile-number{font-size:23px}.board.dense-board{gap:7px}.board-stack.has-layers{padding:0 0 37px;margin-top:20px}.has-layers .board{position:relative;background:#fffef9;border:2px solid #c8d9b3;border-bottom:6px solid #a6be8b;padding:9px;width:calc(100% - 18px);border-radius:19px;box-shadow:0 9px 18px #345b2910}.next-layer-preview{inset:27px 0 0 18px;padding:10px;border:2px solid #b2c7d9;border-bottom:6px solid #90afc1;border-radius:19px;background:#e3edf5;gap:0;box-shadow:0 5px 0 #dce6eb}.next-layer-tiles{gap:7px}.next-layer-tile{background:#d0e2ec;border:1px solid #b7cddc;border-bottom:3px solid #abc5d5;border-radius:10px;color:#9cb8c8;font-size:14px}.legend{font-size:9px;color:#a0ac93;gap:13px}.legend .number-demo{font-size:13px}.board-footer{margin-top:16px;padding-top:12px;border-color:#e5ebde}.board-footer p{font-size:9px;color:#9aa98b}.board-footer .text-button{font-size:10px;color:#94a082;white-space:nowrap}.action-panel{background:#f0f5e7;border:1px solid #dbe5cf;border-bottom:4px solid #d4dfc6;border-radius:24px;padding:25px;min-height:390px;position:sticky;top:22px}.panel-handle{display:none}.mascot{float:none;width:124px;height:124px;background:transparent url('assets/sprout.svg') center/contain no-repeat;box-shadow:none;transform:none;color:transparent;font-size:0;margin:8px auto 18px;border-radius:0}.idle-title{font-size:23px;line-height:1.5;color:#3c6547}.body-copy{font-size:12px;color:#8b9e79;line-height:1.9}.clue-card{background:#fffef6;border:1px solid #e3e8d4;border-radius:13px;color:#849872;font-size:11px;line-height:1.9;padding:13px}.clue-card b{color:#6b874f}.hint-line{font-size:10px;color:#97a687;line-height:1.8}.word-art{width:79px;height:79px}.meaning-card{gap:12px;margin:20px 0}.meaning-card .word-large{font-size:clamp(24px,2.7vw,35px);line-height:1.25;letter-spacing:0;color:#2b5540;overflow-wrap:anywhere}.meaning-card .meaning{font-size:12px;line-height:1.6;color:#80936e}.meaning-card .repair-word{font-size:25px;letter-spacing:1px}.word-label{font-size:11px;color:#8c9b7b;margin-bottom:20px}.button-stack{gap:10px}.danger-button{background:#fff0de;border-color:#e7c79f;color:#a67a45;border-bottom-width:4px;font-size:13px;line-height:1.5;padding:13px}.inspector-top{font-size:10px;color:#95a486}.tag{background:#e3eccc;color:#839d61;font-size:9px}.outcome{border-radius:14px;padding:14px;margin-bottom:18px;border-width:1px;border-bottom-width:3px}.outcome.positive{background:#e4f2d3;border-color:#c4dca9;color:#5b8948}.outcome.negative{background:#ffeadb;border-color:#efb59b;color:#b36b4a}.outcome strong{font-size:16px}.outcome span span{font-size:11px}.outcome-icon{font-size:22px}.outcome div>span{font-size:10px;line-height:1.7}.feedback{font-size:11px;line-height:1.8;color:#72945f;border-color:#dce7cc}.feedback.error{color:#b47a53}.fuse-box{border:1px solid #e9cf9b;background:#fff5dc;border-radius:14px;padding:11px 13px;color:#a2813f;margin:14px 0}.fuse-box strong{font-size:12px}.fuse-box #fuse-time{font-size:20px;font-weight:850}.fuse-box .text-button{font-size:11px}.fuse-scene{margin:3px 0 0;max-height:114px}.fuse-box.urgent{background:#ffead8;border-color:#dc9e6c;color:#ba623d}.urgent .fuse-scene{filter:drop-shadow(0 0 5px #f5aa5960)}.fuse-tile{animation:fuse-pulse .55s ease-in-out infinite!important}.tile-bomb{width:33px;height:33px;right:-7px;top:-11px}.bomb-intro{width:104px;height:104px}.bomb-result{width:56px;height:56px}.repair-form input{background:#fffef9;border-color:#c3d6a5;border-radius:11px}.repair-parts .letter-button{min-width:44px;border-bottom-width:4px;background:#fffef8;color:#4c7041;height:48px;font-size:19px}.assembly-answer{border-color:#c9d9ae;background:#fffef7;font-size:17px;color:#72925a;min-height:52px}.letter-button{color:#446b3c;background:#fffdf3;border-color:#cbd9b6;min-width:44px}.result-title{font-size:25px;color:#3f6849}.stats{gap:22px}.stat strong{color:#6c9650}.stat span{font-size:10px}.review-chip{border-color:#d4dfc5;background:#fafcf4;color:#62804e;font-size:12px}.review-chip small{font-size:10px;color:#99a888}.audio-button{border-color:#c6d7b0;color:#729656;font-size:11px;border-bottom:3px solid #c6d7b0;background:#fffef5}
/* 单词花园、设置和辅助输入。 */
.word-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.word-card{position:relative;padding:22px 19px;background:#fffef9;border:1px solid #e0e7d8;border-bottom:4px solid #dce5d0;border-radius:18px;min-width:0}.word-unit{font-size:9px;color:#9dad8e;letter-spacing:1px}.word-card h2{font-size:21px;margin-top:20px;overflow-wrap:anywhere}.word-card p{font-size:12px;color:#8c9d7d;margin:8px 0 21px;line-height:1.7}.word-sound{position:absolute;right:12px;top:12px;border:0;background:#f1f6e8;border-radius:9px;color:#91a979;padding:6px}.word-sound .ui-icon{width:18px;height:18px}.word-state{display:inline-block;background:#edf5e2;color:#92a679;font-size:10px;padding:6px 9px;border-radius:7px}.word-state.needs-practice{background:#fff2d6;color:#b0934f}.collection-empty{text-align:center;padding:45px 20px}.collection-empty .sprout{width:200px;margin:auto}.collection-empty p{font-size:13px;color:#8b9d7a;line-height:1.8}.collection-empty .primary{width:auto;margin-top:18px}dialog{max-height:calc(100dvh - 40px);overflow:auto;max-width:460px;padding:30px;border:1px solid #d4e0c8;border-bottom:5px solid #c5d7b4;border-radius:23px;background:#fffef8;color:#315940;box-shadow:0 25px 80px #143c3430}dialog::backdrop{background:#19382b70;backdrop-filter:blur(5px)}dialog h2{font-size:26px;line-height:1.4;margin:13px 0 17px}dialog>p{font-size:12px;line-height:1.9;color:#8a9b78}.help-list{font-size:13px}.help-list p{font-size:12px;line-height:1.85;color:#8b9a7c}.help-foot{background:#eef5e3;border-radius:10px;padding:12px!important;color:#729058!important}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid #e7eddf}.setting-row b{display:block;font-size:13px;color:#688451}.setting-row small{display:block;font-size:10px;color:#9ca88f;margin-top:7px}.setting-row input{accent-color:#6d9850;width:22px;height:22px;cursor:pointer}.settings-section{padding-top:14px}.settings-section h3{font-size:14px;margin-bottom:8px}.settings-section p{font-size:11px;color:#96a488;line-height:1.8}.settings-section .button-stack{grid-template-columns:1fr 1fr}.version-label{display:block;font-size:9px;color:#a7b09d;margin-top:24px;line-height:1.9}.last-repair-note{font-size:12px;line-height:1.8}
/* 全屏冲击以一次爆炸为主，避免持续闪烁；减少动态效果时只显示静态暖色反馈。 */
#screen-fx{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}.screen-blast{animation:screen-warm .8s ease-out}.blast-ring{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px;border:22px solid #f2bd61;border-radius:50%;animation:shockwave .8s ease-out forwards}.blast-ring.second{animation-delay:.08s;border-width:6px;border-color:#f6d59b}.blast-core{position:absolute;left:50%;top:50%;width:280px;height:280px;background:radial-gradient(circle,#ffe7ad 0,#f7b86390 35%,transparent 70%);margin:-140px;animation:blast-core .65s ease-out forwards}.blast-fragment{position:absolute;left:50%;top:50%;width:14px;height:24px;background:#dfa966;border-radius:5px;animation:blast-debris .75s ease-out forwards;transform:rotate(var(--angle))}.screen-shake{animation:whole-shake .48s ease-out}.board-blast{animation:board-impact .7s var(--blast-delay) ease-out!important}.confetti{position:absolute;left:var(--x);top:-46px;width:var(--width);height:var(--height);background:var(--color);border-radius:3px;will-change:transform,opacity;animation:confetti-fall var(--duration) var(--delay) cubic-bezier(.2,.68,.24,1) forwards;transform:translate3d(0,-24px,0) rotate(var(--rotation));transform-origin:50% 50%}@keyframes companion-bob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes screen-warm{0%{background:#e9a25b18}12%{background:#f5c87c55}100%{background:transparent}}@keyframes shockwave{0%{transform:scale(.1);opacity:.9}100%{transform:scale(8);opacity:0}}@keyframes blast-core{0%{transform:scale(.2);opacity:.9}40%{transform:scale(2);opacity:.65}100%{transform:scale(4);opacity:0}}@keyframes blast-debris{0%{opacity:1;transform:rotate(var(--angle)) translateY(30px)}100%{opacity:0;transform:rotate(var(--angle)) translateY(var(--distance)) rotate(130deg)}}@keyframes whole-shake{0%,100%{transform:none}15%{transform:translate(-9px,5px) rotate(-.3deg)}30%{transform:translate(8px,-6px) rotate(.3deg)}45%{transform:translate(-6px,3px)}60%{transform:translate(5px,-2px)}80%{transform:translate(-2px,1px)}}@keyframes board-impact{20%{background:#ffdab0;transform:scale(.91) rotate(-2deg)}45%{transform:scale(1.04) rotate(1deg)}100%{transform:none}}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,-24px,0) rotate(var(--rotation))}30%{opacity:1;transform:translate3d(var(--sway-a),30vh,0) rotate(var(--rotation-1))}65%{opacity:.9;transform:translate3d(var(--sway-b),68vh,0) rotate(var(--rotation-2))}100%{opacity:0;transform:translate3d(var(--sway-c),112vh,0) rotate(calc(var(--rotation-2) + 180deg))}}
.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion #screen-fx>*{display:none}.reduced-motion .screen-blast{box-shadow:inset 0 0 0 8px #e1ad7870}.reduced-motion .board-blast{outline:2px solid #d8a572}
@media(prefers-reduced-motion:reduce){:root:not(.full-motion) #screen-fx>*{display:none}:root:not(.full-motion) .screen-blast{box-shadow:inset 0 0 0 8px #e1ad7870}:root:not(.full-motion) .board-blast{outline:2px solid #d8a572}}
@media(min-width:1450px){.home-grid{grid-template-columns:minmax(0,1fr) 305px}.hero-art{width:280px;right:18px}.hero-art .sprout{width:280px}.adventure-hero{min-height:320px;padding:35px}.hero-copy h2{font-size:36px}}
@media(max-width:1200px){.sidebar{width:196px;padding:28px 17px}.brand{font-size:18px}.brand img{width:38px;height:38px}.topbar{margin:0 30px;height:88px}.app{padding:28px 30px 0}.home-grid{grid-template-columns:minmax(0,1fr) 243px;gap:18px}.hero-art{width:185px;right:-17px}.hero-art .sprout{width:185px}.adventure-hero{padding:25px;min-height:280px}.hero-copy h2{font-size:28px}.hero-copy .primary{min-width:175px;font-size:12px}.word-one{left:30px;top:7px;font-size:12px;padding:7px 10px}.word-two{right:9px;bottom:0;font-size:9px}.daily-card{padding:21px}.game-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(265px,.9fr)}.board-panel{padding:20px}.action-panel{padding:20px}.board .tile{min-height:69px}.board-top h2{font-size:18px}.word-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.day-stamp{display:none}}
@media(max-width:1000px){.sidebar{width:86px;padding:24px 14px}.brand{justify-content:center}.brand>span,.nav-item>span:last-child,.side-companion,.sidebar-note{display:none}.side-nav{margin-top:35px}.nav-item{padding:14px;justify-content:center}.settings-entry{margin-top:auto}.topbar{margin:0 25px}.app{padding:26px 25px 0}.game-layout{grid-template-columns:minmax(0,1.2fr) minmax(255px,1fr)}.home-grid{grid-template-columns:minmax(0,1fr) 244px}.hero-art{right:-10px}.hero-copy h2{font-size:27px}.board{gap:7px}.board .tile-word{font-size:10px}.dense-board .tile-word{font-size:9px}.board .tile-number{font-size:24px}.meaning-card{gap:9px}.meaning-card .word-art{width:64px;height:64px}.meaning-card .word-large{font-size:27px}.board-top h2{font-size:16px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;height:auto;width:100%;padding:0 16px env(safe-area-inset-bottom);background:#fffef9f5;backdrop-filter:blur(12px);border-right:0;border-top:1px solid #e1e8d8;z-index:35;display:block}.sidebar>.brand,.settings-entry{display:none}.side-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:0}.nav-item{flex-direction:column;gap:4px;padding:11px 5px 10px;border:0;border-radius:0;font-size:10px}.nav-item>span:last-child{display:block}.nav-item .ui-icon{width:21px;height:21px}.nav-item.active{background:transparent;box-shadow:none;border:0;color:#4e7c43}.nav-item.active>span:first-child{background:#e9f3db;border-radius:9px;padding:2px 14px;margin:-2px -14px}.topbar{height:75px;margin:0 20px;gap:10px}.page-heading{display:none}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand img{border-radius:8px}.mobile-brand strong{font-size:17px;letter-spacing:.5px}.top-tools{gap:7px}.progress-badge{font-size:13px;padding:6px 9px;border-radius:9px}.icon-button{height:33px;min-width:32px;border-radius:9px;font-size:10px;padding:5px 7px}.icon-button .ui-icon{width:18px;height:18px}.mobile-settings{display:block}.top-tools #help{display:none}.app{padding:25px 20px 75px;min-height:calc(100vh - 75px)}.welcome-row{margin-bottom:22px}.welcome-row .eyebrow{font-size:9px;letter-spacing:1.8px}.welcome-row h1{font-size:25px;margin:9px 0}.welcome-row p{font-size:11px;line-height:1.8}.home-grid{grid-template-columns:1fr;gap:23px}.adventure-hero{padding:24px;min-height:272px;border-radius:21px}.hero-copy h2{font-size:29px;margin:13px 0 10px}.hero-copy p{font-size:11px;line-height:1.7}.hero-copy .primary{font-size:12px;padding:11px 14px;min-width:175px}.hero-art{width:200px;right:-2px;bottom:18px}.hero-art .sprout{width:200px}.hero-hill{right:-120px;bottom:-140px}.word-one{top:-1px;left:40px}.word-two{right:4px;bottom:7px}.section-heading{flex-direction:row;margin:25px 0 15px;align-items:center}.section-heading h2{font-size:15px}.section-heading>span{font-size:10px}.level-card{padding:14px 16px;border-radius:15px}.level-number{width:44px;height:44px}.level-card strong{font-size:13px}.level-card small{font-size:10px}.home-side{display:grid;grid-template-columns:1fr 1fr;gap:13px}.daily-card{padding:20px;grid-column:1/-1}.daily-top{margin-bottom:13px}.daily-card h2{font-size:22px}.daily-card p{font-size:11px}.daily-card .secondary{max-width:100%}.daily-steps{margin:16px 0}.growth-card{grid-column:1/-1;padding:22px}.growth-stats{gap:50px;margin:16px 0 6px}.growth-grass{display:none}.friendly-note{grid-column:1/-1;justify-content:center;margin-top:4px}.friendly-note p br{display:none}.page-footer{margin-top:25px;padding:19px 0 15px;gap:8px;align-items:center;font-size:9px}.playing .app{padding-top:18px;padding-bottom:84px}.game-nav{gap:9px;flex-wrap:wrap;margin:0 0 17px}.game-nav #run-title{font-size:12px}.game-nav #run-note{width:auto;margin-left:auto;font-size:9px;padding-left:0}.game-layout{grid-template-columns:1fr;gap:18px}.board-panel{border-radius:21px;padding:21px}.board-top h2{font-size:20px}.board-top .eyebrow{font-size:9px}.hearts{font-size:22px}.progress-row{margin-top:19px;font-size:11px}.layer-strip{margin-top:14px}.layer-strip small{margin-left:auto;width:auto;font-size:8px}.board-stack{max-width:440px;margin-top:17px}.board .tile{min-height:76px;border-radius:12px;aspect-ratio:1.07}.board .tile-word{font-size:11px}.board .tile-number{font-size:28px}.dense-board .tile-word{font-size:9px}.dense-board .tile-number{font-size:24px}.board.dense-board{gap:7px}.dense-board .tile{min-height:66px;border-radius:10px}.has-layers .board{padding:8px;width:calc(100% - 14px);gap:7px}.has-layers .board.dense-board{padding:6px;gap:5px}.next-layer-preview{left:14px;top:25px;padding:8px}.board-stack.has-layers{padding-bottom:35px}.legend{font-size:9px;gap:12px}.action-panel{position:relative;top:auto;min-height:0;border-radius:21px;padding:24px}.idle-title{font-size:22px}.mascot{width:102px;height:102px;margin:0 auto 15px;float:none}.bomb-intro{width:87px;height:87px}.body-copy{font-size:12px}.button-stack{grid-template-columns:1fr 1fr;gap:10px}.primary,.secondary,.danger-button{font-size:13px;padding:12px}.meaning-card .word-art{width:72px;height:72px}.meaning-card .word-large,.is-active .meaning-card .word-large{font-size:30px;line-height:1.2}.meaning-card .meaning{font-size:12px}.meaning-card .repair-word,.is-active .meaning-card .repair-word{font-size:24px}.question-open .action-panel{position:fixed;inset:auto 0 0;max-height:82dvh;overflow:auto;z-index:45;background:#f4f8ea;box-shadow:0 -12px 55px #254a3233;border:1px solid #c5d7b3;border-bottom:0;border-radius:25px 25px 0 0;padding:12px 24px calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain}.question-open .panel-handle{display:block;width:38px;height:4px;border-radius:3px;background:#c8d6b8;margin:0 auto 15px}.question-open .action-panel .outcome{margin:0 0 12px;padding:10px 13px}.question-open .action-panel .outcome strong{font-size:14px}.question-open .action-panel .outcome-icon{font-size:19px}.question-open .action-panel .bomb-result{width:39px;height:39px}.question-open .action-panel .hint-line{font-size:9px;margin-top:10px}.question-open .action-panel .word-label{margin-bottom:16px;font-size:11px}.question-open .action-panel .meaning-card{margin:12px 0 16px}.question-open .action-panel .fuse-box{margin-top:8px;padding:8px 11px}.question-open .action-panel .fuse-scene{max-height:83px}.question-open .action-panel .fuse-box+.meaning-card{margin:10px 0 13px}.question-open .action-panel .fuse-box+.meaning-card .word-art{width:55px;height:55px}.question-open .action-panel .feedback{margin-top:9px;padding-top:9px;font-size:10px;min-height:0}.word-collection{gap:12px}.word-card{padding:19px 15px;border-radius:15px}.word-card h2{font-size:19px}.word-card p{font-size:11px}.word-state{font-size:9px;padding:5px 7px}.word-sound{right:9px;top:9px;padding:5px}.word-sound .ui-icon{width:16px}.collection-empty{padding:22px 10px}.collection-empty h2{font-size:18px}dialog{padding:25px;max-width:440px}dialog h2{font-size:23px}.help-list{padding-left:20px}.help-list li{margin:14px 0}.help-list p{font-size:11px}.version-label{font-size:9px}.top-tools #sound{max-width:68px;white-space:nowrap}.fuse-box .text-button{padding:4px}}
@media(max-width:380px){.topbar{margin:0 13px}.mobile-brand strong{font-size:15px}.mobile-brand img{width:26px;height:26px}.top-tools{gap:5px}.progress-badge{padding:5px 7px;font-size:12px}.app{padding:23px 13px 75px}.welcome-row h1{font-size:23px}.welcome-row p{font-size:10px}.adventure-hero{padding:21px;min-height:264px}.hero-art{width:164px;right:-8px;bottom:26px}.hero-art .sprout{width:164px}.hero-copy h2{font-size:26px}.hero-copy .primary{min-width:165px;font-size:11px}.hero-copy p{font-size:10px}.word-one{top:1px;left:37px;font-size:10px;padding:6px 9px}.word-two{right:6px;bottom:0;font-size:8px;padding:7px 9px}.chapter-label{font-size:8px;letter-spacing:1.1px}.level-card{padding:13px 12px;gap:12px}.level-card strong{font-size:12px}.board-panel{padding:15px}.board-top h2{font-size:18px}.hearts{font-size:19px}.board .tile{min-height:66px;aspect-ratio:1}.board .tile-word{font-size:10px}.board.dense-board{gap:5px}.dense-board .tile{min-height:60px;border-radius:8px}.board .tile-number{font-size:23px}.dense-board .tile-word{font-size:8px;letter-spacing:-.15px}.dense-board .tile-coordinate{font-size:7px}.has-layers .board{padding:6px;gap:6px;width:calc(100% - 10px)}.has-layers .board.dense-board{padding:4px;gap:4px}.next-layer-preview{left:10px;padding:6px}.board-stack.has-layers{padding-bottom:30px}.challenge-controls{gap:5px;padding:9px}.challenge-controls strong{font-size:10px}.challenge-controls>span{font-size:9px}.game-nav #run-note{width:100%;margin:0}.question-open .action-panel{padding:11px 18px calc(19px + env(safe-area-inset-bottom))}.meaning-card .word-large,.is-active .meaning-card .word-large{font-size:26px}.meaning-card .repair-word,.is-active .meaning-card .repair-word{font-size:22px}.meaning-card .word-art{width:59px;height:59px}.question-open .action-panel .hint-line{font-size:9px}.action-panel{padding:20px}.word-card h2{font-size:17px}.word-state{font-size:8px}.word-collection{gap:9px}.word-card{padding:18px 12px}.primary,.secondary,.danger-button{font-size:12px}.settings-section .button-stack{gap:8px}}
@media(max-height:560px) and (max-width:760px){.question-open .action-panel{inset:0 0 0 auto;width:min(430px,90vw);max-height:100dvh;border-radius:18px 0 0 18px}.question-open .action-panel .panel-handle{display:none}.question-open .action-panel .fuse-scene{max-height:55px}.question-open .action-panel .meaning-card{margin:7px 0}.question-open .action-panel .meaning-card .word-art{width:40px;height:40px}.question-open .action-panel .hint-line{display:none}}
@media(max-width:760px){.hero-art{width:166px;right:0;bottom:30px}.hero-art .sprout{width:166px}.hero-copy h2{font-size:27px}.word-one{left:32px;top:1px}.word-two{right:4px;bottom:-8px}}
@media(max-width:380px){.hero-art{width:139px;right:-4px;bottom:40px}.hero-art .sprout{width:139px}.hero-copy h2{font-size:24px}.word-one{left:23px;font-size:9px}.word-two{font-size:8px}.dense-board .tile.safe .tile-word,.dense-board .tile.fixed .tile-word{display:none}}
/* 关键阅读文字保持对比度，浅色只用于装饰和次要元信息。 */
.body-copy,.word-label,.meaning-card .meaning,.welcome-row p{color:#687f59}.hint-line,.feedback,.help-list p,.settings-section p{color:#6f845e}.hero-copy p{color:#637e4a}.daily-card p{color:#8b713f}.level-card small{color:#7b8f68}.board .tile-word{color:#3b6242}.settings-section #import-status{color:#8c6237}