:root{--ink:#214d4b;--deep:#183f3e;--ocean:#3d8f8b;--cream:#fffdf7;--sand:#f7f2e7;--mist:#eaf5ef;--gold:#d7a45f;--line:rgba(34,89,85,.12);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--sand)}button,textarea{font:inherit}button{border:0;cursor:pointer}.screen{min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));background:linear-gradient(155deg,#f6fbf8 0%,#fffdf9 48%,#f6efe3 100%)}.topbar{height:36px;display:flex;align-items:center;justify-content:space-between;color:#346360;font-size:14px;font-weight:700}.topbar i{width:36px}.back{height:36px;width:36px;border-radius:50%;background:rgba(255,255,255,.72);color:var(--ink);font-size:31px;line-height:23px}.brand{position:absolute;z-index:3;left:0;right:0;top:calc(28px + env(safe-area-inset-top));text-align:center;color:#28615d;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:11px;letter-spacing:4px;margin-top:7px;font-weight:500}.home-screen{position:relative;overflow:hidden;padding:0;background:#dcefe9}.sea-scene{position:absolute;inset:0;background:linear-gradient(#ddf2ec 0%,#fff3da 46%,#9ccfc7 47%,#377d80 100%)}.sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffefba;top:31%;left:50%;transform:translateX(-50%);box-shadow:0 0 70px #fff2be}.mountains{position:absolute;bottom:49%;width:130%;height:22%;left:-15%;opacity:.52;background:#76aaa0;clip-path:polygon(0 100%,0 67%,12% 42%,23% 74%,38% 5%,51% 78%,66% 25%,78% 70%,91% 31%,100% 56%,100% 100%)}.m2{bottom:45%;opacity:.44;background:#5a8f8c;transform:scaleX(-1)}.sea-line{height:2px;position:absolute;left:0;width:100%;background:rgba(255,255,255,.55)}.l1{top:58%}.l2{top:66%;opacity:.7}.shore{position:absolute;bottom:-5%;left:-10%;height:31%;width:120%;background:linear-gradient(165deg,transparent 0 26%,rgba(255,248,224,.8) 27% 38%,rgba(251,233,193,.93) 39%);transform:rotate(-4deg)}.home-copy{position:absolute;z-index:2;top:28%;left:28px;right:28px;text-align:center}.eyebrow{color:#ad7c3d;font-size:12px;letter-spacing:2px;margin:0 0 13px;font-weight:700}.home-copy h1{font-family:serif;font-size:59px;letter-spacing:6px;margin:0;color:#1c5957;font-weight:700}.home-subtitle{margin:9px 0 20px;color:#245f5c;letter-spacing:5px;font-size:19px}.soft-copy{color:#47736f;font-size:15px;line-height:1.9}.home-action{position:absolute;z-index:3;left:20px;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center}.home-action p{margin:12px 0 0;color:#39706c;font-size:12px}.button{width:100%;min-height:54px;border-radius:28px;padding:10px 22px;background:linear-gradient(110deg,#247975,#3a9a93);box-shadow:0 12px 28px rgba(22,91,87,.22);color:white;font-weight:700;font-size:16px;position:relative}.button-arrow{position:absolute;right:22px;font-size:21px;font-weight:400}.button.disabled{opacity:.45;pointer-events:none}.button.completed{background:#95aaa3;box-shadow:none}.hero-text{padding:50px 5px 25px}.hero-text h1,.journey-head h1,.report-title h1{font-family:serif;font-size:31px;line-height:1.35;letter-spacing:1px;margin:0 0 17px;color:var(--deep)}.hero-text>p:last-child,.journey-head>p:last-child,.report-title>p:last-child{font-size:15px;line-height:1.9;color:#607b78;margin:0}.dimension-list{display:grid;gap:11px}.dimension-card{display:flex;gap:14px;padding:16px;background:rgba(255,255,255,.79);border:1px solid rgba(255,255,255,.95);border-radius:16px;box-shadow:0 8px 22px rgba(42,84,76,.05)}.dimension-index{font-family:serif;font-size:17px;color:#bc9665}.dimension-card b{display:inline-block;font-family:serif;font-size:22px;margin-right:10px}.dimension-card strong{font-size:14px}.dimension-card p{margin:6px 0 0;color:#758481;font-size:12px;line-height:1.5}.sticky-action{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fffdf9 31%)}.assessment-screen{display:flex;flex-direction:column;padding-bottom:32px}.assessment-head{display:flex;align-items:end;justify-content:space-between;margin-top:35px;color:#477b75;font-size:13px}.assessment-head b{font-size:25px;color:var(--deep)}.assessment-head small{font-size:12px;color:#8d9e9a}.progress{height:5px;border-radius:4px;background:#dbe9e4;margin:9px 0 14px;overflow:hidden}.progress i{display:block;height:100%;background:#5fa69d;border-radius:4px;transition:width .25s}.assessment-tip{color:#82918e;font-size:12px;line-height:1.5;margin:0 0 26px}.question-card{min-height:197px;border-radius:22px;padding:26px 23px;background:linear-gradient(145deg,#fff,#f5f0e6);box-shadow:0 14px 34px rgba(43,86,78,.1)}.question-card small{color:#c19457;letter-spacing:2px}.question-card h1{font-family:serif;font-size:24px;line-height:1.65;margin:17px 0 0;font-weight:600;color:#234c49}.scale-list{margin:28px 2px;display:grid;gap:10px}.scale{height:52px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.75);display:flex;align-items:center;padding:0 16px;color:#59736f;text-align:left}.scale span{font-weight:700;font-size:13px;margin-right:14px;color:#85a29e}.scale i{margin-left:auto;width:18px;height:18px;border:1px solid #bfd2cd;border-radius:50%}.scale.selected{border-color:#559a92;background:#edf8f4;color:#236a65}.scale.selected i{border:5px solid #4b9d94}.assessment-footer{margin-top:auto;display:grid;grid-template-columns:72px 1fr 148px;align-items:center;gap:7px;text-align:center;color:#8b9c98;font-size:12px}.assessment-footer .button{min-height:48px;font-size:14px}.assessment-footer .button-arrow{right:14px}.text-button{background:none;color:#4e827d;font-size:13px}.invisible{visibility:hidden}.report-title{padding:38px 5px 19px}.paper-card,.report-card,.lesson-card,.form-card,.practice-card,.quote-card{border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 13px 32px rgba(42,84,76,.08)}.radar-card{padding:20px 12px 17px;text-align:center}.radar-card>p{font-weight:700;margin:0;color:#477b75;font-size:14px}.radar{display:block;max-width:290px;margin:3px auto 0}.radar-grid polygon,.radar-grid line{fill:none;stroke:#d5e3de;stroke-width:1}.radar text{font-size:12px;fill:#67817d}.radar-now{fill:rgba(63,151,142,.25);stroke:#3b938b;stroke-width:2.5}.radar-before{fill:rgba(191,204,199,.18);stroke:#abbdb7;stroke-width:2;stroke-dasharray:4 3}.score-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.score-pills span{font-size:11px;color:#607c78;padding:5px 7px;background:#f5f8f4;border-radius:9px}.score-pills i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.report-card{padding:19px;margin-top:13px}.report-card small,.section-label{display:block;color:#b4864c;font-size:11px;letter-spacing:1.7px;margin:0 0 8px;font-weight:700}.report-card h2{margin:0 0 9px;font-family:serif;font-size:23px;color:var(--deep)}.report-card p{color:#5e7874;line-height:1.75;font-size:14px;margin:0}.type-card{background:linear-gradient(130deg,#e7f3ef,#fffaf0)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.report-grid .report-card{padding:16px}.report-grid h2{font-size:21px}.report-grid p{font-size:13px}.suggestion{margin-bottom:12px}.journey-head{padding:43px 5px 25px}.route{position:relative;display:grid;gap:10px}.route:before{content:"";position:absolute;top:27px;bottom:27px;left:25px;width:1px;background:#c8d9d2}.route-item{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:rgba(255,255,255,.65);border:1px solid transparent;border-radius:15px;padding:12px}.route-item>span{width:29px;height:29px;border-radius:50%;background:#d7e3df;color:#7b918c;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.route-item b{display:block;color:#305b57;font-size:15px}.route-item small{display:block;color:#899894;margin-top:4px;font-size:11px}.route-item>i{font-style:normal;margin-left:auto;color:#8ca49f;font-size:22px}.route-item.current{background:#eaf7f2;border-color:#b9ddd3}.route-item.current>span{background:#4b9c94;color:#fff}.route-item.done>span{background:#d5ad69;color:white;font-size:15px}.day-hero{padding:34px 4px 20px}.day-hero p{color:#b4864c;letter-spacing:2px;font-size:11px;margin:0 0 9px;font-weight:700}.day-hero h1{font-family:serif;font-size:35px;margin:0 0 8px;color:var(--deep)}.day-hero span{color:#66817c;font-size:14px}.lesson-card,.form-card,.practice-card,.quote-card{padding:20px;margin-bottom:13px}.lesson-block{border-left:2px solid #d1e3dd;padding:0 0 14px 13px;margin:13px 0}.lesson-block b{font-size:13px;color:#457c76}.lesson-block p,.practice-card p,.task-copy{font-size:14px;line-height:1.8;color:#5c7772;margin:6px 0 0}.action-block{border-color:#dcb67c}.form-card label{display:block;font-size:14px;color:#3b6863;font-weight:700;margin:0 0 20px}.form-card label:last-child{margin-bottom:0}.form-card textarea{display:block;margin-top:9px;width:100%;min-height:82px;border:1px solid #e0ebe6;background:#fcfdfb;border-radius:11px;padding:11px;color:#456660;resize:vertical;font-size:13px;line-height:1.6;outline:none}.check-wrap{display:block;font-weight:400;color:#6d8581;margin-top:10px;font-size:13px}.check-wrap input{accent-color:#499b93}.practice-card{background:linear-gradient(145deg,#dff2ed,#fdfbf2)}.practice-card h2{margin:0;font-family:serif;font-size:22px}.soft-button{margin-top:17px;background:rgba(255,255,255,.8);color:#36766f;padding:9px 16px;border-radius:20px;font-size:13px}.practice-timer{margin-top:13px;font-family:serif;font-size:27px;color:#36766f}.quote-card{background:linear-gradient(135deg,#296f6d,#5d9d96);color:#fff;text-align:center}.quote-card p{font-size:11px;letter-spacing:2px;margin:0;color:#d8eae5}.quote-card blockquote{font-family:serif;font-size:22px;line-height:1.6;margin:17px 0}.quote-card button{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22);padding:8px 12px;border-radius:16px;font-size:12px;margin:0 3px}.complete-screen{position:relative;overflow:hidden;background:linear-gradient(#e4f5ef 0%,#fff6df 58%,#6daaa4 100%)}.complete-sun{position:absolute;width:270px;height:270px;border-radius:50%;left:50%;top:17%;transform:translateX(-50%);background:#ffe9a6;box-shadow:0 0 100px rgba(255,239,182,.8)}.complete-copy{position:relative;text-align:center;padding-top:22vh}.completion-mark{font-size:40px;color:#bd9358}.complete-copy h1{font-family:serif;font-size:36px;line-height:1.4;color:#245b57;margin:14px 0}.complete-copy>p{color:#326f69;font-size:20px;line-height:1.7;font-family:serif}.complete-copy small{display:block;margin-top:34px;color:#537c75;font-size:13px;line-height:1.9}.legend{font-size:12px;color:#79908c}.legend i{display:inline-block;width:18px;height:2px;background:#b2c2bd;margin:0 5px 3px 11px;vertical-align:middle}.legend i.after{background:#3b938b}.change-list{margin:16px 3px}.change-list>div{display:flex;align-items:center;padding:12px 3px;border-bottom:1px solid #e4ede9;font-size:14px}.change-list span{width:50px;font-family:serif;font-weight:700;font-size:18px}.change-list b{color:#506f6b;font-weight:600}.change-list b i{font-style:normal;color:#aabbb6;margin:0 6px}.change-list small{margin-left:auto;color:#9caeaa}.change-list .up{color:#479a88}.ai-note{margin-bottom:10px}@media(min-width:600px){body{background:#d9e6e1}#app{max-width:470px;margin:auto;box-shadow:0 0 40px rgba(20,60,55,.15)}.sticky-action{left:50%;right:auto;transform:translateX(-50%);width:min(470px,100%)}.home-action{left:calc(50% - 215px);right:auto;width:430px}.screen{min-height:900px}}