:root{--ink:#1e2a34;--muted:#76818c;--line:#e5e9ed;--bg:#f7f8fa;--mint:#45b98b;--mint-dark:#258866;--blue:#5b8def;--coral:#f28b73;--yellow:#f6c95c;--shadow:0 14px 35px rgba(39,55,70,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 36px}.brand-icon{width:35px;height:35px;border-radius:11px;background:#def5eb;color:var(--mint-dark);display:grid;place-items:center;font-size:20px}.brand b{display:block;font-size:17px}.brand small{display:block;color:#9aa4ac;font-size:11px;margin-top:4px}nav{display:grid;gap:7px}.nav-item{border:0;background:none;text-align:left;padding:13px 14px;border-radius:10px;color:#82909a;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item.active{background:#eaf8f2;color:var(--mint-dark);font-weight:700}.nav-item em{margin-left:auto;font-size:11px;background:#fce5df;color:#dc735d;border-radius:10px;padding:2px 7px;font-style:normal}.sidebar-bottom{margin-top:auto}.streak{background:#fff9e8;border:1px solid #f9eac1;border-radius:12px;padding:14px;margin-bottom:18px}.streak span{font-size:12px;color:#8c7542}.streak strong{display:block;font-size:26px;color:#bd8a1d;margin:2px 0}.streak small{font-size:11px;color:#ad9968}.profile{border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9edff;color:#3975b8;font-weight:700}.profile b{display:block;font-size:13px}.profile small{font-size:10px;color:#9aa4ac}.profile>span:last-child{margin-left:auto;color:#9aa4ac}.main{flex:1;padding:0 54px 60px}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#95a0a8;font-size:13px}.topbar strong{color:var(--ink);font-size:14px}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:none;color:#8d9ba6;font-size:20px}.parent-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;color:#5b6975;font-size:12px}.view{display:none;max-width:1000px;margin:0 auto}.active-view{display:block}.hero{display:flex;justify-content:space-between;padding:62px 34px 40px;background:#eaf8f2;border-radius:0 0 25px 25px;overflow:hidden}.kicker{letter-spacing:1.7px;color:var(--mint-dark);font-size:11px;font-weight:700;margin:0 0 12px}.hero h1{font-size:39px;line-height:1.18;margin:0 0 14px;letter-spacing:0}.hero h1 span{color:var(--mint-dark)}.sub{color:#688076;font-size:14px;margin:0 0 25px}.primary{border:0;background:var(--mint-dark);color:#fff;border-radius:8px;padding:13px 18px;font-weight:700;cursor:pointer;font-size:13px}.primary span{font-size:18px;margin-left:12px}.hero-art{position:relative;width:330px;min-height:200px}.sun{position:absolute;right:32px;top:-20px;font-size:65px;color:#f3c557}.doodle{position:absolute;color:#72cda8;font-size:28px}.d1{top:35px;left:20px}.d2{bottom:25px;right:4px}.paper{position:absolute;left:72px;top:28px;width:180px;height:145px;background:#fff;border-radius:6px;box-shadow:var(--shadow);padding:24px 20px;transform:rotate(5deg)}.paper:after{content:"";position:absolute;bottom:0;right:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #eaf8f2 transparent}.paper b{font-size:11px;color:#9ca9b0;display:block}.paper strong{display:block;font-size:22px;color:var(--ink);margin:14px 0 10px}.paper small{font-size:10px;color:#9ca9b0}.pencil{position:absolute;right:72px;bottom:4px;color:#ef9b76;font-size:42px;transform:rotate(25deg)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 16px}.section-head h2{font-size:20px;margin:0 0 5px}.section-head p,.section-title p{color:var(--muted);font-size:12px;margin:0}.progress-label{font-size:12px;color:var(--mint-dark);font-weight:700}.task-grid{display:grid;gap:10px}.task-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:17px 18px;text-align:left;cursor:pointer;box-shadow:0 3px 10px rgba(45,60,75,.02)}.task-card:hover{border-color:#b9dccd}.task-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:21px}.mint{background:#e4f6ed;color:var(--mint-dark)}.blue{background:#e8effe;color:var(--blue)}.coral{background:#ffede8;color:#dd7865}.task-copy{flex:1}.task-copy b{display:block;font-size:14px;margin-bottom:5px}.task-copy small{color:#9aa4ac;font-size:11px}.task-state{font-size:12px;color:var(--mint-dark);font-weight:700}.task-state.locked{color:#b2bbc1;font-weight:400}.tip{display:flex;align-items:center;gap:13px;background:#fff;border:1px dashed #cfe1d8;border-radius:10px;padding:14px 17px;margin-top:25px}.tip>span{font-size:25px}.tip b{font-size:12px}.tip p{font-size:11px;color:#7d898f;margin:5px 0 0}.tip button{margin-left:auto;border:0;background:none;color:#8b979d;font-size:11px}.section-title{padding:55px 0 28px}.section-title h1{font-size:32px;margin:0 0 10px}.checkup-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow);max-width:620px}.check-progress{display:flex;align-items:center;gap:15px;color:#86939b;font-size:12px}.check-progress b{color:var(--ink)}.check-progress>div{height:5px;background:#edf0f2;border-radius:5px;flex:1}.check-progress i{display:block;height:100%;background:var(--mint);border-radius:5px;width:20%;transition:.3s}.question{padding:45px 10px 35px;text-align:center}.question h2{font-size:34px;margin:0 0 20px}.answer-input{font-size:24px;text-align:center;border:0;border-bottom:2px solid var(--mint);outline:0;width:130px;padding:7px}.feedback{font-size:13px;padding:12px;border-radius:8px;margin:20px 0}.good{background:#eaf8f2;color:var(--mint-dark)}.bad{background:#fff0ec;color:#bd6554}.map-card{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:50px 28px;box-shadow:var(--shadow)}.island{text-align:center;width:170px}.island span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:50%;font-size:23px;font-weight:700}.island b{display:block;font-size:14px}.island small{display:block;font-size:11px;color:#9aa4ac;margin-top:5px}.done span{background:#e4f6ed;color:var(--mint-dark)}.current span{background:#fff0cf;color:#c3911d;border:5px solid #fff6df}.locked-island span{background:#eef1f3;color:#a1adb4}.path{height:2px;width:80px;background:#d8e8df}.growth{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;margin-top:17px;max-width:550px}.growth>b{font-size:15px}.growth-row{display:grid;grid-template-columns:80px 55px 1fr 55px;align-items:center;gap:10px;margin-top:19px;font-size:12px}.growth-row strong{font-size:13px}.growth-row i{height:7px;background:#edf0f2;border-radius:8px}.growth-row i em{display:block;height:100%;background:var(--mint);border-radius:8px}.growth-row small{color:var(--mint-dark)}.mistake-list{display:grid;gap:12px;max-width:700px}.mistake-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;display:flex;align-items:center;gap:18px}.mistake-eq{font-size:21px;font-weight:700;flex:1}.mistake-eq b{color:#dc755e}.reason{font-size:11px;background:#fff0ec;color:#bd6554;padding:6px 9px;border-radius:5px}.reason.orange{background:#fff5df;color:#ac7b20}.outline-btn{border:1px solid #c9d8d1;background:#fff;color:var(--mint-dark);padding:8px 12px;border-radius:6px;font-size:11px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(28,42,52,.35);display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-box{position:relative;background:#fff;border-radius:14px;padding:30px;max-width:440px;width:100%;box-shadow:var(--shadow)}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;color:#9aa4ac;cursor:pointer}.coach-title{font-size:18px;margin:0 0 8px}.coach-copy{font-size:13px;color:#71808a;line-height:1.7}.coach-step{background:#f4faf7;border-radius:8px;padding:13px;margin:16px 0;font-size:13px;color:var(--mint-dark)}
@media(max-width:760px){.sidebar{width:70px;padding:20px 10px}.brand{padding:0 0 30px;justify-content:center}.brand>div,nav span,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:13px 8px;font-size:20px}.nav-item em{display:none}.main{padding:0 18px 40px}.topbar{height:65px}.hero{padding:35px 23px 25px}.hero h1{font-size:30px}.hero-art{display:none}.map-card{padding:30px 8px}.island{width:100px}.path{width:25px}.island b{font-size:11px}.growth-row{grid-template-columns:65px 45px 1fr}.growth-row small{display:none}.mistake-item{flex-wrap:wrap}.mistake-eq{min-width:100%}}