:root{--ink:#203c32;--green:#174f3c;--light:#edf4e8;--paper:#fffdf6;--gold:#f2bc4b;--line:#dce4d5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:18px;line-height:1.65}button,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:14px;background:white;padding:12px 20px;min-height:48px;transition:transform .15s,background .15s}button:hover{background:#f0f5ec;transform:translateY(-2px)}button:focus-visible,textarea:focus-visible{outline:3px solid #df9227;outline-offset:4px}button:disabled{opacity:.45;cursor:default;transform:none}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:700}.primary:hover{background:#26624a}.secondary{background:#f8e8b8;border-color:#ecd598}.quiet{background:transparent;border:none}header{max-width:1220px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;border:none;background:none;padding:0;font-size:32px;color:var(--green);text-align:left}.brand span{font-size:21px;font-weight:800}.brand small{display:block;font-size:13px;letter-spacing:3px;font-weight:400}.top{display:flex;align-items:center;gap:20px;font-size:15px}main{max-width:1150px;margin:auto;padding:38px 30px 70px}h1,h2,h3,p{margin-top:0}h1{font-size:52px;letter-spacing:-2px;line-height:1.25;margin-bottom:20px}h2{font-size:30px;line-height:1.5}h3{font-size:24px}.eyebrow{font-size:14px;letter-spacing:2px;color:#637760;font-weight:700;margin-bottom:15px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.hero p{color:#637265;max-width:540px}.art{height:250px;overflow:hidden;position:relative;border-radius:28px;border:1px solid #d6e2c8;background:white}.art img{width:100%;height:100%;object-fit:cover;object-position:top}.ribbon{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:5px 14px;border-radius:10px;font-size:14px}.sectionline{display:flex;justify-content:space-between;align-items:center;margin:35px 0 18px}.sectionline h2{margin:0;font-size:24px}.sectionline span{font-size:15px;color:#637265}.map{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.level{position:relative;background:var(--tint);border:1px solid var(--edge);border-radius:22px;padding:23px 21px;text-align:left;display:flex;flex-direction:column;min-height:285px;box-shadow:0 5px 0 #203c3208}.level:hover{background:var(--tint)}.level .number{font-size:13px;font-weight:800;letter-spacing:2px}.level .icon{font-size:46px;line-height:1.4;margin:16px 0}.level h3{font-size:23px;margin-bottom:4px}.level p{font-size:15px;margin-bottom:18px;color:#536459}.level .status{margin-top:auto;font-size:15px;font-weight:700}.level .line{height:5px;background:#fff9;border-radius:10px;margin:10px 0}.level .line i{display:block;background:var(--green);height:100%;border-radius:10px}.hintline{padding:20px 0;font-size:15px;color:#637265}.question{max-width:830px;margin:auto}.qtop{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;margin-bottom:20px}.progress{height:8px;background:#e5eadc;border-radius:10px;margin:16px 0 30px;overflow:hidden}.progress i{height:100%;display:block;background:var(--green);transition:width .3s}.sheet{background:white;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 10px 35px #233d3206}.type{font-size:14px;color:#637265;letter-spacing:2px;margin-bottom:12px}.question h2{font-size:29px;margin-bottom:25px}.options{display:grid;gap:13px}.option{text-align:left;display:flex;align-items:center;gap:15px;padding:18px 20px;font-size:22px}.letter{flex-shrink:0;display:grid;place-items:center;width:37px;height:37px;background:#f3f4ec;border-radius:10px;font-size:17px}.selected{background:#edf5e7!important;border:2px solid #467650!important;padding:17px 19px}.selected .letter{background:var(--green);color:white}.actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:28px;flex-wrap:wrap}.feedback{padding:20px 24px;border-radius:16px;background:#fff2d6;border:1px solid #f0d894;margin-top:20px}.feedback.success{background:#e9f4e6;border-color:#b9d8b0}.feedback strong{display:block;margin-bottom:6px}.feedback p{margin:0;font-size:19px}.context{padding:15px 20px;background:#f4f6ee;border-radius:13px;margin-bottom:22px;font-size:19px}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pairs>div{display:grid;gap:12px}.paired{background:#e3eedb;border-color:#98b789}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.chips button{font-size:17px}.sortslot{background:#f3f5ec;border-radius:14px;padding:16px;margin-bottom:12px;min-height:64px}.sortslot span{color:#60745e;font-size:15px;margin-right:15px}textarea{resize:vertical;width:100%;min-height:140px;border:1px solid #bdcdb7;border-radius:14px;padding:18px;background:#fffef9;font-size:21px;color:var(--ink)}.checklist{display:grid;gap:12px;margin:22px 0}.checklist label{padding:12px;background:#f3f6ed;border-radius:12px;display:flex;align-items:center;gap:12px}input[type=checkbox]{width:24px;height:24px;accent-color:var(--green)}details{margin:20px 0}summary{cursor:pointer;font-size:16px;color:#55704c}.reference{max-width:100%;border-radius:14px;margin-top:15px}.celebrate{text-align:center;max-width:720px;margin:auto}.medal{display:inline-grid;place-items:center;font-size:68px;background:#f8e8b8;width:145px;height:145px;border-radius:50%;border:7px double #ceaa48;margin:15px 0 25px;animation:pop .5s ease-out}.collection{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work{border:1px solid var(--line);border-radius:20px;padding:25px;background:white}.work p{white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:#6e7b6c;font-size:16px}.badgeRow{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0}.badge{padding:10px 15px;border-radius:15px;background:#e9f0e1;font-size:16px}.empty{padding:40px;text-align:center;border:1px dashed #a8b59f;border-radius:20px}footer{text-align:center;color:#7d8778;font-size:13px;padding:20px;border-top:1px solid var(--line)}@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:760px){header{padding:18px}.top{gap:8px}.top span{display:none}main{padding:25px 18px 45px}h1{font-size:36px}.hero{grid-template-columns:1fr;gap:20px}.art{height:170px}.map{grid-template-columns:1fr 1fr;gap:12px}.level{padding:17px;min-height:245px}.level h3{font-size:20px}.level .icon{font-size:35px;margin:10px 0}.sheet{padding:22px 18px}.question h2{font-size:25px}.option{font-size:20px;padding:15px}.selected{padding:14px}.collection{grid-template-columns:1fr}.sectionline{align-items:flex-start;gap:15px}.sectionline span{max-width:120px}.qtop{flex-wrap:wrap}.pairs button{padding:12px 8px;font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{header,.actions,footer,button{display:none!important}.collection{display:block}.work{break-inside:avoid;margin-bottom:20px}main{padding:0}}

/* 森林成长收藏徽章 */
.badge-art{display:block;width:100%;height:auto;user-select:none}.map-badge{display:grid;place-items:center;position:relative;margin:6px 0 16px}.map-badge .badge-art{width:170px;max-width:100%;transition:transform .25s}.level:hover .badge-art{transform:translateY(-4px) rotate(-3deg)}.badge-label{font-size:11px;letter-spacing:2px;background:#fff9;padding:2px 12px;border-radius:20px;color:#625c49}.level{padding:20px;min-height:350px}.badgeRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.badge-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px 22px;border-radius:24px;background:linear-gradient(160deg,#fffefa,#f7edda);border:1px solid #e7d6ac;box-shadow:0 6px 0 #ad8b4420;text-align:center;overflow:hidden}.badge-card:hover{background:#fff8e8}.badge-no{font-size:11px;letter-spacing:2px;color:#82734f}.badge-card .badge-art{max-width:210px;margin:4px 0}.badge-card strong{font-size:20px}.badge-note{font-size:12px;color:#6e7568;margin:8px 0 16px;min-height:40px}.badge-state{font-size:12px;border-radius:20px;padding:4px 12px;background:#e6efdf;color:#47613c}.badge-card.locked{background:#f5f5ef;border-color:#dde0d5;box-shadow:none}.locked .badge-art{filter:grayscale(.85);opacity:.48}.locked .badge-state{background:#e7e9e1;color:#66715f}.award-stage{position:relative;width:300px;max-width:85%;margin:0 auto;background:radial-gradient(ellipse,#ffe9a780,transparent 69%)}.award-art{animation:badge-arrive .7s cubic-bezier(.2,.7,.2,1.15);filter:drop-shadow(0 12px 16px #b88b3320)}.award-kicker{font-size:12px;letter-spacing:3px;color:#977239;margin:8px 0 18px}.award-spark{position:absolute;color:#d6aa4c;font-size:28px;animation:twinkle 2.8s ease-in-out infinite}.s1{left:0;top:28%}.s2{right:0;top:12%;animation-delay:.7s}.s3{right:4%;bottom:17%;font-size:18px;animation-delay:1.4s}.celebrate>.work{margin-top:25px}.celebrate h1{font-size:34px!important}@keyframes badge-arrive{from{opacity:0;transform:translateY(24px) scale(.75) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes twinkle{50%{opacity:.35;transform:scale(.8)}}@media(max-width:760px){.badgeRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.badge-card{padding:16px 8px}.badge-card strong{font-size:17px}.badge-note{font-size:12px;min-height:40px}.map-badge .badge-art{width:145px}.level{padding:15px;min-height:320px}.badge-label{font-size:10px;letter-spacing:1px}.award-stage{width:260px}.celebrate h1{font-size:28px!important}}@media print{.badgeRow{display:grid!important;grid-template-columns:repeat(4,1fr)}.badge-card{display:flex!important;box-shadow:none;break-inside:avoid}.badge-card .badge-art{width:130px}.award-spark{display:none}}

/* 柔软的森林小伙伴 + 即时星星奖励 */
:root{--ink:#425365;--green:#41876e;--paper:#fffcf5;--line:#e7e8df;--gold:#ffc965}body{background:radial-gradient(circle at 8% 5%,#fff0ce 0,transparent 28%),radial-gradient(circle at 96% 36%,#e8f5e8 0,transparent 24%),#fffcf5;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}header{max-width:1150px;padding:16px 28px;border-bottom:2px dashed #e7e5d6}.brand{gap:7px;color:#477f6b}.brand-wolf{width:57px;height:62px;object-fit:cover}.brand span{font-size:21px}.brand small{font-size:11px;letter-spacing:2px}.top{gap:9px;font-size:13px}.top button{font-size:13px;padding:9px 12px;border-radius:18px;min-height:42px}#starCount{background:#fff0bd;color:#8d632b;padding:8px 13px;border-radius:22px;font-weight:800;white-space:nowrap}#badgeCount{font-size:12px;white-space:nowrap}.hero{background:#fff7e6;border:3px solid white;border-radius:38px;padding:28px 34px;box-shadow:0 8px 0 #eedfc34a;grid-template-columns:1.15fr .85fr;gap:20px}.hero h1{font-size:43px;line-height:1.38;letter-spacing:0;color:#476855}.hero p{font-size:17px;line-height:1.9}.eyebrow{letter-spacing:1px;font-size:12px}.title-star{display:inline-block;color:#ffc452;font-size:35px;margin-left:6px;transform:rotate(14deg)}.primary{background:#5b9b7a;border:2px solid #4b8669;box-shadow:0 4px 0 #3d755a;border-radius:20px;letter-spacing:.5px}.primary:hover{background:#64a786}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #3d755a}.forest-scene{height:295px;position:relative;isolation:isolate;border-radius:45% 45% 35% 35%;background:linear-gradient(#e4f3ea 65%,#cce4b8 65%);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.forest-scene:after{content:"";position:absolute;width:380px;height:100px;bottom:-54px;left:-60px;background:#b8d59f;border-radius:50%;z-index:-1}.forest-scene .wolf-friend{width:235px;height:250px;z-index:1;margin-bottom:2px}.hello-bubble{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;background:white;border:2px solid #d7e6d9;border-radius:20px 20px 20px 4px;padding:7px 14px;font-size:14px;font-weight:700;color:#57876e}.scene-cloud{position:absolute;width:70px;height:24px;background:#ffffffa8;border-radius:40px;top:75px;left:10px}.cloud-two{top:105px;left:auto;right:0;width:60px}.scene-star{position:absolute;top:75px;right:43px;font-size:27px;color:#f3bf59;transform:rotate(16deg)}.scene-flower{position:absolute;bottom:37px;left:25px;color:#efab9f;font-size:39px}.flower-two{left:auto;right:19px;bottom:20px;color:#ffdf8f;font-size:32px}.scene-caption{position:absolute;z-index:3;bottom:9px;padding:3px 14px;background:#fffdf3e8;border-radius:20px;font-size:11px;color:#708662}.sectionline h2{font-size:23px;color:#54755e}.level{border:2px solid white;border-radius:29px;box-shadow:0 6px 0 var(--edge);padding:20px 18px;min-height:330px}.level:nth-child(odd){transform:rotate(-1deg)}.level:nth-child(even){transform:rotate(1deg)}.level:hover{transform:translateY(-5px) rotate(0)}.level .number{font-size:12px;letter-spacing:1px;background:#ffffffa8;border-radius:20px;padding:3px 12px;align-self:flex-start;color:#77765e}.level h3{font-size:21px;color:#4a6259}.level p{font-size:14px}.level .status{font-size:13px}.level .line{height:7px}.map-badge{margin:4px 0 12px}.map-badge .badge-art{width:152px}.badge-label{font-size:10px}.hintline{text-align:center;font-size:13px;margin-top:10px}.buddy-strip{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 5px;border-radius:25px;background:#f0f6e9;border:2px solid white;color:#618060;font-size:15px;font-weight:600}.buddy-strip .wolf-friend{width:65px;height:65px;flex-shrink:0}.buddy-strip>span{flex:1}#questStars{display:flex;gap:6px;flex-shrink:0}.quest-star{color:#d5dfce;font-size:25px;text-shadow:0 2px 0 #fff}.quest-star.lit{color:#f3bd48}.progress{margin:18px 0 22px;background:#e9eedf;height:10px}.progress i{background:linear-gradient(90deg,#aed18b,#78b893)}.sheet{border:3px solid #f0e8d8;border-radius:30px;box-shadow:0 8px 0 #efe8d740;padding:30px;background:#fffefa}.question h2{font-size:27px;line-height:1.6;letter-spacing:.3px;color:#465b60}.type{font-size:12px;letter-spacing:.5px;color:#899079}.option{border:2px solid #e9e5d9;border-radius:21px;padding:16px 18px;background:white;font-size:21px;box-shadow:0 4px 0 #ede8da}.option:hover{background:#fff5d9;border-color:#ebd79d}.letter{border-radius:50%;background:#fff0cc;color:#947741;font-weight:700}.selected{background:#ebf6e5!important;border:2px solid #89b693!important;padding:16px 18px;box-shadow:0 4px 0 #bed6b2}.selected .letter{background:#81af7b}.feedback{border-radius:22px}.feedback.success{background:#eef7e5;border:2px solid #d2e5bd}.feedback strong{color:#56835d}.feedback p{font-size:17px}.context{background:#fff2d7;font-size:17px;border-radius:18px}.qtop{font-size:13px}.qtop button{font-size:13px}.question .actions{gap:12px}.question .actions .primary{font-size:17px}.talk-builder{padding:20px;background:#f5f1fd;border:2px solid #e5d9f3;border-radius:24px}.talk-caption{font-size:14px;font-weight:700;color:#89759d}.talk-options{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 23px}.talk-chip{border:2px solid #e2d7eb;border-radius:17px;font-size:19px;padding:12px 16px;box-shadow:0 3px 0 #dfd5ea;background:white}.talk-chip span{margin-left:8px;color:#a88dc2}.talk-chip.picked{background:#eae0f8;border-color:#b69dcb}.sentence-preview{padding:20px 18px;margin-top:12px;border:2px dashed #d8c5e8;background:#fffefa;border-radius:18px;line-height:1.85;font-size:23px;color:#63527b;overflow-wrap:anywhere}.talk-note{font-size:13px;color:#8b7b9a;margin:12px 0 0}.own-words summary{font-size:14px}.own-words label{font-size:15px}.own-words textarea{margin:16px 0;font-size:19px}.badge-card{border:3px solid white;background:linear-gradient(150deg,#fff9e9,#f7e9d6);border-radius:28px}.work{border:2px solid #e8eadf;border-radius:25px}.work h3{font-size:21px}.celebrate h1{color:#648361}.award-stage{background:radial-gradient(ellipse,#ffeeb9,transparent 69%)}.reward-layer{position:fixed;inset:0;z-index:100;pointer-events:none;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .2s}.reward-layer.show{opacity:1;visibility:visible}.reward-burst{position:relative;width:min(310px,78vw)}.reward-card{display:flex;align-items:center;flex-direction:column;padding:15px 17px 24px;border:4px solid white;border-radius:32px;background:linear-gradient(135deg,#fff6d2,#ffeab1);box-shadow:0 15px 60px #8f71403b,0 5px 0 #e7c97c;text-align:center}.reward-card strong{font-size:22px;color:#846338}.reward-card>span:last-child{font-size:13px;margin-top:7px;color:#9c7740}.reward-big{font-size:74px;line-height:1.35;color:#ffca4f;text-shadow:0 4px 0 #e7a840;filter:drop-shadow(0 0 12px #fff)}.show .reward-card{animation:reward-pop .48s cubic-bezier(.2,.8,.3,1.3)}.flying-star{position:absolute;left:calc(50% - 12px);top:40%;color:#efb743;font-size:27px;opacity:0}.show .flying-star{animation:star-scatter 1.25s ease-out both}.reward-layer:not(.show) .flying-star{animation:none}@keyframes reward-pop{from{transform:scale(.5) rotate(-8deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes star-scatter{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.8)}}@media(max-width:760px){header{padding:10px 14px;gap:7px;flex-wrap:wrap}.brand-wolf{width:43px;height:46px}.brand span{font-size:17px}.brand small{font-size:10px}.top{margin-left:auto;gap:5px}.top #starCount{display:inline-block;font-size:12px;padding:6px 10px}.top #badgeCount{display:none}.top button{font-size:12px;padding:7px 9px;min-height:38px}.hero{padding:24px 20px;grid-template-columns:1fr;gap:24px;border-radius:29px}.hero h1{font-size:32px}.hero p{font-size:15px}.forest-scene{height:230px;max-width:360px;width:100%;margin:auto}.forest-scene .wolf-friend{width:195px;height:210px}.hello-bubble{font-size:12px;top:5px}.scene-star{top:57px}.hero .eyebrow{font-size:11px}.level{padding:15px 12px;min-height:304px;border-radius:23px}.level h3{font-size:19px}.level p{font-size:12px}.map-badge .badge-art{width:135px}.level .status{font-size:12px}.sectionline span{font-size:12px}.sectionline h2{font-size:22px}.buddy-strip{flex-wrap:wrap;font-size:13px;gap:6px}.buddy-strip .wolf-friend{width:48px;height:52px}.buddy-strip>span{min-width:175px}#questStars{margin:0 auto 8px;width:100%;justify-content:center;gap:17px}.quest-star{font-size:23px}.sheet{padding:24px 16px;border-radius:25px}.question h2{font-size:23px}.option{font-size:19px;padding:15px 12px}.selected{padding:15px 12px}.question .actions{justify-content:center}.question .actions .primary{flex:1;min-width:180px;font-size:16px}.talk-builder{padding:16px 12px}.talk-chip{font-size:17px;padding:10px 12px}.sentence-preview{font-size:21px;padding:16px 13px}.talk-caption{font-size:13px}.qtop{gap:6px}.qtop button{padding:8px 10px}.reward-card strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.show .flying-star{display:none}.reward-layer{transition:none}.show .reward-card{animation:none}}@media print{.reward-layer,.buddy-strip,.forest-scene{display:none!important}body{background:white}.badge-card{color:#425365}.own-words{display:none}}

.star-pocket{display:flex;gap:16px;align-items:center;background:#fff7df;border:2px dashed #e9d5a0;border-radius:24px;margin-top:28px;padding:17px 22px}.pocket-icon{font-size:38px;color:#efbd4f;transform:rotate(-10deg)}.star-pocket strong{display:block;font-size:17px;color:#8c7546}.star-pocket>div>span{display:block;font-size:12px;color:#9b8961}.pocket-stars{display:grid;grid-template-columns:repeat(10,1fr);gap:2px 7px;margin-left:auto}.pocket-stars i{font-style:normal;font-size:19px;color:#e4dcc5;line-height:1.2}.pocket-stars i.lit{color:#edb545}.listen-sentence{margin-top:12px;padding:8px 14px;font-size:14px;min-height:44px;border-color:#ded1ee;background:#fffcff;color:#8e72a5;border-radius:16px}@media(max-width:760px){.star-pocket{flex-wrap:wrap;padding:14px;gap:12px}.pocket-stars{width:100%;margin:0;gap:5px;text-align:center}.star-pocket>div>span{font-size:11px}}
/* 闯关珍藏版：奖励总结与本地保存 */
.chapter-treasure{border:2px dashed #e8d295;background:#fff6df;border-radius:25px;padding:22px;margin:25px 0}.chapter-treasure strong{font-size:32px;letter-spacing:6px;color:#e8b249}.chapter-treasure p{font-size:19px;margin:12px 0 6px}.chapter-treasure span{font-size:14px;color:#8b927a}.summary-heading h1{font-size:33px;letter-spacing:0;line-height:1.4;color:#55765d}.summary-heading p{font-size:16px;color:#879078;margin-bottom:0}.certificate{padding:12px;background:white;border-radius:28px;box-shadow:0 8px 0 #e5dac342;border:2px solid #eadfc5}.certificate img{display:block;width:100%;height:auto;border-radius:16px}.summary-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:26px 0 16px}.summary-actions button{font-size:16px}.summary-screen>#exportStatus{text-align:center;font-size:14px}.summary-chapters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.summary-chapters button{font-size:14px;padding:9px 14px}.saved-reward{display:block;width:100%;max-width:700px;height:auto;margin:16px auto;border:1px solid #e5dac3;border-radius:16px}.download-again{display:block;text-align:center;color:#467857;font-size:17px;margin-top:15px}.summary-heading{margin-top:0}.pairs .selected{padding:12px 20px}.pairs button{min-height:64px}.sortslot button{max-width:100%;text-align:left}.badge-art{pointer-events:none}@media(max-width:760px){.summary-heading h1{font-size:26px}.summary-heading{flex-wrap:wrap}.summary-heading p{font-size:14px}.certificate{padding:5px;border-radius:14px}.certificate img{border-radius:10px}.summary-actions{gap:10px}.summary-actions button{width:100%;font-size:15px}.summary-chapters{display:grid;grid-template-columns:1fr 1fr}.summary-chapters button{font-size:12px;padding:9px}.chapter-treasure strong{font-size:27px}.pairs .selected{padding:12px 8px}}@media print{@page{size:A4 landscape;margin:10mm}html,body{background:#fff!important}header,footer,.summary-heading,.summary-actions,#exportStatus,#exportResult,.summary-chapters,#reward{display:none!important}main{max-width:none;margin:0;padding:0}.certificate{padding:0;border:0;border-radius:0;box-shadow:none;break-inside:avoid}.certificate img{width:100%;max-height:185mm;object-fit:contain;border-radius:0}.summary-screen{margin:0;padding:0}}

/* 提交后的红色错误状态：不阻挡继续 */
.option:disabled,.pairs button:disabled{opacity:1;cursor:default}.option.wrong-choice,.pairs button.wrong-choice{background:#fff0ee!important;border:2px solid #da7774!important;color:#a64344;box-shadow:0 3px 0 #f0c9c3}.wrong-choice .letter{background:#da7774!important;color:white}.option.right-choice,.pairs button.right-choice{background:#edf6e6!important;border-color:#83b491!important}.answer-mark{margin-left:auto;flex-shrink:0;font-size:27px;font-weight:800}.wrong-slot{background:#fff0ee;border:2px solid #da7774;color:#a64344}.right-slot{background:#edf6e6;border:2px solid #83b491}.sortslot button:disabled{opacity:1}.error-feedback{background:#fff1ed;border:2px solid #e2a59a}.error-feedback strong{color:#aa5250}.error-feedback small{display:block;margin-top:12px;color:#95665e;font-size:14px}.retry-answer{display:block;margin-top:13px;background:white;border-color:#e2aaa0;color:#a15951;font-size:15px;padding:8px 15px}.feedback.error-feedback p{color:#805650}.summary-actions button,.primary{touch-action:manipulation}

.level-locked{filter:saturate(.3);opacity:.7}.level-locked:hover{transform:none}.level-locked .badge-art{opacity:.55}.map-notice:empty{display:none}.map-notice{text-align:center;background:#fff0cf;padding:12px;border-radius:18px;color:#987549}.hello-bubble{max-width:95%;white-space:normal;text-align:center;font-size:13px}.forest-scene .wolf-friend{margin-bottom:0}.pairs{grid-template-columns:1.35fr 1fr}.pairs button{font-size:18px;text-align:left;line-height:1.65;padding:14px 12px}.certificate{max-width:650px;margin:auto}.summary-screen .certificate img{-webkit-touch-callout:default;user-select:auto}.saved-reward{-webkit-touch-callout:default;user-select:auto;max-width:650px}.level p{min-height:45px}.reward-layer{align-items:start;padding-top:15vh}@media(max-width:760px){.pairs{gap:8px;grid-template-columns:1.35fr 1fr}.pairs button{font-size:15px;padding:12px 8px}.hello-bubble{font-size:12px;width:90%}.level p{font-size:13px;min-height:48px}.summary-heading h1{font-size:25px}.reward-layer{padding-top:13vh}}@media print{@page{size:A4 portrait;margin:10mm}.certificate img{max-height:270mm}.certificate{max-width:none}}
/* 手机端最终适配：避免横向溢出，优先保证点击区域和文字可读性 */
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}@media (max-width:760px){body{font-size:16px;line-height:1.55}header{width:100%;padding:9px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand{min-width:0;flex:1 1 145px;gap:5px;font-size:18px;line-height:1.1}.brand-wolf{width:38px;height:42px;object-fit:contain;flex:none}.brand span{font-size:16px;white-space:nowrap}.brand small{font-size:9px;letter-spacing:1px;white-space:nowrap}.top{width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;font-size:11px}.top span{display:block!important;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top button{min-height:37px;padding:6px 8px;font-size:12px;white-space:nowrap}#starCount{padding:6px 7px}.top #badgeCount{font-size:11px}main{width:100%;padding:18px 12px 38px}.hero{width:100%;padding:20px 15px;gap:17px;border-radius:25px;display:flex;flex-direction:column}.hero h1{font-size:30px;line-height:1.3;margin-bottom:12px}.hero p{font-size:14px;line-height:1.7}.hero .primary{width:100%;font-size:16px}.forest-scene{height:220px;width:100%;border-radius:34px}.forest-scene .wolf-friend{width:180px;height:195px}.hello-bubble{top:7px;font-size:12px;padding:6px 10px}.sectionline{margin:24px 0 12px;gap:8px}.sectionline h2{font-size:20px}.sectionline span{font-size:11px;max-width:150px;text-align:right}.map{grid-template-columns:1fr;gap:14px;width:100%}.level{width:100%;min-height:0;padding:16px 15px;border-radius:23px;transform:none!important;display:grid;grid-template-columns:94px 1fr;grid-template-rows:auto auto auto auto;column-gap:12px;align-items:center}.level .number{grid-column:1/-1;grid-row:1;font-size:11px;padding:2px 9px}.map-badge{grid-column:1;grid-row:2/5;margin:0}.map-badge .badge-art{width:94px}.badge-label{font-size:9px;letter-spacing:0;padding:2px 6px;text-align:center}.level h3{grid-column:2;grid-row:2;font-size:19px;margin:0}.level p{grid-column:2;grid-row:3;font-size:13px;min-height:0;margin:4px 0;color:#536459}.level .line{grid-column:2;grid-row:4;width:100%;margin:5px 0}.level .status{grid-column:2;grid-row:5;font-size:12px;margin-top:2px}.hintline{padding:14px 4px;font-size:12px}.question{width:100%;max-width:none}.qtop{gap:5px;margin-bottom:12px;font-size:12px;display:grid;grid-template-columns:auto 1fr auto}.qtop .quiet{padding:7px 4px;font-size:12px;white-space:nowrap}.qtop>span{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buddy-strip{width:100%;padding:5px 9px;gap:6px;font-size:12px;display:grid;grid-template-columns:42px 1fr;align-items:center}.buddy-strip .wolf-friend{width:42px;height:46px}.buddy-strip>span{min-width:0}.buddy-strip #questStars{grid-column:1/-1;width:100%;margin:1px 0 0;justify-content:center;gap:14px}.quest-star{font-size:21px}.progress{margin:11px 0 16px;height:8px}.sheet{width:100%;padding:20px 14px;border-radius:23px}.type{font-size:10px;letter-spacing:.3px}.question h2{font-size:22px;line-height:1.45;margin-bottom:17px;overflow-wrap:anywhere}.context{padding:12px 13px;font-size:16px;margin-bottom:16px;overflow-wrap:anywhere}.options{gap:10px}.option{width:100%;min-height:57px;padding:13px 11px;font-size:18px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.selected{padding:12px 10px}.letter{width:31px;height:31px;font-size:14px;flex:none}.actions{gap:8px;margin-top:20px}.actions .quiet{font-size:13px;padding:8px 7px}.question .actions .primary{min-width:0;width:100%;font-size:16px;padding:12px 10px}.feedback{padding:15px 14px;margin-top:15px;border-radius:18px}.feedback p{font-size:16px;overflow-wrap:anywhere}.feedback small{font-size:12px}.pairs{grid-template-columns:1fr;gap:10px}.pairs>div{gap:8px}.pairs button{width:100%;min-height:54px;font-size:16px;line-height:1.5;padding:11px 10px;overflow-wrap:anywhere}.chips{gap:7px;margin:13px 0}.chips button{font-size:15px;padding:9px 10px;min-height:44px}.sortslot{padding:12px 10px;min-height:54px;font-size:14px;overflow-wrap:anywhere}.sortslot span{font-size:12px;margin-right:8px}.chapter-treasure{padding:16px 12px;margin:18px 0}.chapter-treasure strong{font-size:25px;letter-spacing:3px}.chapter-treasure p{font-size:17px}.celebrate{width:100%}.award-stage{width:230px}.celebrate h1{font-size:27px!important;line-height:1.35}.collection{grid-template-columns:1fr}.badgeRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.badge-card{padding:12px 6px;border-radius:20px}.badge-card .badge-art{width:100%;margin:2px 0}.badge-card strong{font-size:15px}.badge-note,.badge-state{font-size:10px;min-height:0}.summary-heading{display:flex;align-items:flex-start;flex-wrap:wrap}.summary-heading h1{font-size:25px!important}.summary-heading p{font-size:14px}.certificate{width:100%;padding:3px;border-radius:12px}.certificate img{width:100%;border-radius:8px}.summary-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:17px 0 10px}.summary-actions button{width:100%;min-height:46px;font-size:15px}.summary-chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.summary-chapters button{font-size:12px;padding:9px 5px;min-height:42px}.saved-reward{width:100%;max-width:none}.reward-layer{padding:12vh 12px 0}.reward-burst{width:min(310px,92vw)}footer{font-size:11px;padding:14px 10px}}@media (max-width:380px){.top{grid-template-columns:1fr 1fr}.top button{grid-column:span 1}.top button:last-child{grid-column:1/-1}.brand span{font-size:15px}.hero h1{font-size:27px}.level{grid-template-columns:80px 1fr}.map-badge .badge-art{width:80px}.option{font-size:17px}.pairs button{font-size:15px}.question h2{font-size:20px}}

.pair-help{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.pair-help strong{font-size:14px;color:#58765f;padding:4px 9px;background:#eef5e8;border-radius:12px}.pair-help span{color:#6e7b6c;font-size:13px}.pair-column{display:grid;gap:12px}.pair-heading{font-size:13px;font-weight:700;color:#58765f;padding:3px 8px;background:#eef5e8;border-radius:12px}@media(max-width:760px){.pairs{grid-template-columns:1fr!important}.pair-column{gap:8px}.pair-heading{margin-top:3px}}

/* mobile pair columns */
.pair-help{display:none!important}.pairs{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:8px}.pair-column{min-width:0;display:grid;gap:8px}.pairs button{min-width:0;width:100%;font-size:clamp(12px,2.8vw,17px);line-height:1.4;padding:10px 8px;overflow-wrap:anywhere;word-break:break-word}.pair-heading{font-size:12px;padding:4px 6px;white-space:nowrap}@media(max-width:760px){.pairs{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:6px}.pairs button{font-size:clamp(11px,3.2vw,15px);padding:9px 6px;min-height:48px}.pair-heading{font-size:11px}}@media(max-width:380px){.pairs{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important}.pairs button{font-size:11px;padding:8px 5px}}

/* final layout */
.buddy-strip{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:86px;padding:8px 16px;gap:10px}.buddy-strip .wolf-friend{grid-column:1;width:58px;height:64px;margin:0}.buddy-strip #questStars{grid-column:2;display:flex;justify-content:center;align-items:center;gap:12px;width:100%;margin:0}.sheet{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:28px 0!important}.pairs{grid-template-columns:max-content minmax(180px,1fr)!important;gap:10px;align-items:start}.pair-column{min-width:0;display:grid;gap:8px}.pair-column.left-column{max-width:58%}.pairs button{width:100%;min-width:0;font-size:clamp(12px,2.8vw,17px);line-height:1.45;padding:10px 8px;overflow-wrap:anywhere;word-break:break-word}.pair-heading{font-size:12px;padding:4px 7px;white-space:nowrap}.pair-help{display:none!important}@media(max-width:760px){.buddy-strip{grid-template-columns:52px minmax(0,1fr);min-height:76px;padding:7px 10px;gap:8px}.buddy-strip .wolf-friend{width:44px;height:50px}.buddy-strip #questStars{gap:10px}.quest-star{font-size:23px}.sheet{padding:20px 0!important}.pairs{grid-template-columns:max-content minmax(0,1fr)!important;gap:6px}.pair-column.left-column{max-width:56%}.pairs button{font-size:clamp(11px,3.1vw,15px);padding:8px 6px;min-height:46px}.pair-heading{font-size:11px}}@media(max-width:380px){.buddy-strip{grid-template-columns:46px minmax(0,1fr)}.buddy-strip .wolf-friend{width:40px;height:46px}.pairs button{font-size:11px;padding:7px 5px}.pair-column.left-column{max-width:52%}}

/* pair final equal rows */
.pairs{display:grid;grid-template-columns:minmax(76px,max-content) minmax(0,1fr)!important;align-items:start;gap:10px}.pair-column{display:grid;grid-template-rows:auto;grid-auto-rows:auto;align-items:stretch;gap:8px;min-width:0}.pair-column.left-column{max-width:62%}.pair-column button{height:100%;min-height:54px;min-width:0;width:100%;font-size:clamp(12px,2.8vw,17px);line-height:1.4;padding:9px 8px;overflow-wrap:anywhere;word-break:break-word}@media(max-width:760px){.pairs{grid-template-columns:minmax(70px,max-content) minmax(0,1fr)!important;gap:6px}.pair-column{grid-template-rows:auto;grid-auto-rows:auto;gap:7px}.pair-column.left-column{max-width:none}.pair-column button{font-size:clamp(11px,3.1vw,15px);min-height:52px;padding:8px 6px}}@media(max-width:380px){.pairs{grid-template-columns:minmax(64px,max-content) minmax(0,1fr)!important}.pair-column button{font-size:11px;padding:7px 5px}}
