.lpPage{color:#294c43;background-color:#f7f7ed;background-image:radial-gradient(circle at 12% 30%,#e3efe366,#0000 36%),radial-gradient(circle at 90% 75%,#f6e7d477,#0000 35%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100dvh;padding:22px clamp(16px,4vw,64px) 18px;font-family:system-ui,Microsoft YaHei,sans-serif}.lpPage *{box-sizing:border-box}.lpPage button,.lpPage a{touch-action:manipulation}.lpPage button{font:inherit;cursor:pointer;border:0}.lpPage button:disabled{cursor:default}.lpPage :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #bd7344}.lpPage h2:focus{outline:none}.lpHeader{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:auto;font-size:13px;display:flex}.lpHeader a,.lpHeader button{color:#345a4c;background:#ffffff80;border:1px solid #d7dfd2;border-radius:24px;min-height:44px;padding:10px 17px;text-decoration:none}.lpHeader>span{color:#748674;letter-spacing:3px}.lpBrand{text-align:center;margin:22px 0 25px}.lpEyebrow{color:#718573;letter-spacing:3px;font-size:12px}.lpBrand h1{letter-spacing:5px;margin:8px 0;font-size:clamp(30px,4vw,44px);font-weight:800}.lpBrand h1 span{vertical-align:top;color:#b78847;margin-left:8px;font-size:25px;display:inline-block}.lpBrand p{color:#718573;margin:8px 0;font-size:14px}.lpWelcome{background:#ffffffb8;border:1px solid #dbe4d4;border-radius:32px;grid-template-columns:1fr 1.1fr;align-items:center;max-width:1050px;min-height:440px;margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 60px #344d3610}.lpWelcome>div:first-child{background:#eaf1e5;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px;display:flex}.lpPlanet{width:100%;max-width:340px;margin:auto;display:block}.lpWelcomeTag{color:#5c7559;letter-spacing:2px;border:1px solid #c7d7bd;border-radius:30px;padding:9px 20px;font-size:13px}.lpIntro{padding:36px 40px}.lpIntro h2{letter-spacing:2px;margin:14px 0;font-size:clamp(28px,3vw,39px);line-height:1.5}.lpIntro p{color:#677b6b;font-size:15px;line-height:1.9}.lpPills{flex-wrap:wrap;gap:8px;margin:23px 0;display:flex}.lpPills span{color:#6b795e;background:#f1f1e8;border-radius:8px;padding:7px 10px;font-size:12px}.lpPrimary{color:#fff;background:#39735d;border-radius:15px;min-height:50px;padding:14px 24px;transition:transform .15s;box-shadow:0 4px #285442;font-weight:700!important}.lpPrimary:hover:not(:disabled){background:#2f654f;transform:translateY(-1px)}.lpPrimary:disabled{color:#75816e;background:#e2e7dc;box-shadow:0 4px #d3dacd}.lpIntro>.lpPrimary{justify-content:space-between;width:100%;font-size:17px;display:flex}.lpIntro small{text-align:center;color:#7c8775;margin-top:20px;font-size:12px;display:block}.lpLayout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:22px;max-width:1200px;margin:auto;display:grid}.lpJourney{background:#eaf1e5;border:1px solid #d5e0cb;border-radius:26px;padding:24px 20px}.lpJourneyTitle{justify-content:space-between;gap:8px;font-size:14px;display:flex}.lpJourneyTitle span{color:#78886b;font-size:12px}.lpJourney progress{accent-color:#629879;width:100%;height:8px;margin:18px 0}.lpStars{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.lpStars>span{aspect-ratio:1;color:#6b8065;background:#f6f8ef;border:1px solid #d1dfc9;border-radius:50%;place-items:center;font-size:13px;display:grid}.lpStars .lit{color:#8f6826;background:#f5df9d;border-color:#e1bd64;font-size:22px}.lpStars .current{background:#fff;border:2px solid #629879}.lpJourney .lpPlanet{margin:22px auto 0}.lpJourney>p{text-align:center;margin:10px 0;font-size:13px;font-weight:600}.lpJourney>small{text-align:center;color:#70836a;font-size:11px;line-height:1.8;display:block}.lpStage{background:#fffef9;border:1px solid #dce4d6;border-radius:26px;min-width:0;padding:26px 32px;box-shadow:0 12px 45px #3c4d3010}.lpMission{color:#788273;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.lpMission>span:first-child{color:#8c693c;background:#f3ebda;border-radius:20px;padding:6px 13px}.lpStage h2{letter-spacing:1px;margin:17px 0 10px;font-size:27px;line-height:1.4}.lpPrompt{color:#365b4e;margin:0 0 15px;font-size:19px;line-height:1.75}.lpScene{overflow-wrap:anywhere;text-align:center;background:#f3f5eb;border:1px dashed #d3ddc6;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:85px;padding:20px 12px;font-size:clamp(21px,2.6vw,32px);line-height:1.6;display:flex}.lpScene>span{max-width:100%}.lpTools{gap:10px;margin:12px 0 20px;display:flex}.lpTools button{color:#677852;background:#f5f3e9;border-radius:12px;min-height:44px;padding:9px 13px;font-size:13px}.lpChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lpChoice{color:#355547;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:140px;padding:24px 8px 17px;transition:background .15s,border-color .15s;display:flex;position:relative;border:2px solid #e1e5d9!important}.lpChoice:nth-child(2){background:#fcf7f1}.lpChoice:nth-child(3){background:#f6f7fb}.lpChoice:hover:not(:disabled){border-color:#9ab4a0!important}.lpChoice.selected{background:#edf5e8;box-shadow:0 0 0 2px #4f896a18;border-color:#4f896a!important}.lpChoiceLetter{color:#8c9786;font-size:10px;position:absolute;top:8px;left:11px}.lpGlyph{overflow-wrap:anywhere;max-width:100%;font-size:clamp(25px,3vw,38px);line-height:1.35}.lpChoice strong{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.5}.lpSelected{color:#39735d;font-weight:700;position:absolute;top:7px;right:9px}.lpFeedback{color:#73806a;background:#f7f7ef;border-radius:12px;min-height:54px;margin:18px 0 9px;padding:12px 14px;font-size:14px;line-height:1.7}.lpFeedback.retry{color:#8a6333;background:#fcf0dc}.lpFeedback.correct{color:#3f714c;background:#eaf3e3}.lpBottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.lpBottom>span{color:#79866f;font-size:12px}.lpBottom .lpPrimary{min-width:158px}.lpFooter{text-align:center;color:#798872;letter-spacing:1px;margin-top:25px;font-size:12px}.lpFinish{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:455px;display:flex}.lpFinishStars{color:#d7ac50;letter-spacing:15px;font-size:60px;animation:.7s ease-out lpPop}.lpFinish h2{font-size:30px}.lpFinish p:not(.lpEyebrow){color:#71816c;font-size:16px;line-height:1.9}.lpFinish .lpPrimary{margin:20px 0}.lpFinish a{color:#667d5f;padding:12px;font-size:14px}.lpCelebrate{animation:.7s ease-out lpPop}@keyframes lpPop{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width>=900px) and (height<=820px){.lpBrand{margin:12px 0 18px}.lpBrand h1{font-size:34px}.lpStage{padding:20px 26px}.lpStage h2{margin-top:12px}.lpPrompt{font-size:18px}.lpScene{min-height:66px;padding:10px}.lpChoice{min-height:114px}.lpTools{margin:8px 0 12px}.lpFeedback{margin-top:13px}.lpFooter{margin-top:16px}}@media (width<=760px){.lpPage{padding:14px 12px 22px}.lpHeader>span{letter-spacing:1px;font-size:10px}.lpHeader a,.lpHeader button{padding:9px 12px;font-size:12px}.lpBrand{margin:20px 0}.lpBrand h1{font-size:31px}.lpBrand p{font-size:12px}.lpWelcome{border-radius:24px;grid-template-columns:1fr}.lpWelcome>div:first-child{padding:10px}.lpWelcome .lpPlanet{max-width:220px}.lpWelcomeTag{margin-bottom:10px;padding:6px 12px;font-size:11px}.lpIntro{padding:25px}.lpIntro h2{margin-top:10px;font-size:29px}.lpLayout{grid-template-columns:1fr;gap:12px}.lpJourney{border-radius:18px;padding:13px 16px}.lpJourney progress,.lpJourney .lpPlanet,.lpJourney>p,.lpJourney>small{display:none}.lpJourneyTitle{margin-bottom:10px;font-size:12px}.lpStars{grid-template-columns:repeat(10,1fr);gap:6px}.lpStars>span{font-size:11px}.lpStars .lit{font-size:16px}.lpStage{border-radius:22px;padding:20px 16px}.lpStage h2{font-size:23px}.lpPrompt{font-size:17px;line-height:1.8}.lpScene{padding:14px 8px;font-size:23px}.lpChoices{gap:7px}.lpChoice{border-radius:15px;min-height:125px;padding:25px 6px 14px}.lpGlyph{font-size:26px}.lpChoice strong{font-size:13px}.lpBottom>span{display:none}.lpBottom .lpPrimary{width:100%}.lpFinish{min-height:370px}.lpFinish h2{font-size:25px}.lpFooter{letter-spacing:0;font-size:10px}}@media (prefers-reduced-motion:reduce){.lpPage *{transition:none!important;animation:none!important}}.lpAudioNotice{color:#64512e;background:#fff8e8;border:1px solid #d7dfd2;border-radius:16px;max-width:1200px;margin:12px auto;padding:10px 16px;font-size:14px;line-height:1.6}