:root{font-family:Segoe UI,Microsoft YaHei UI,system-ui,sans-serif;color:#163b49;background:#f8f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d6ac60;outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.site-header{background:#fff;position:relative;z-index:2;border-bottom:1px solid #e9ece7}.header-inner{height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:#143c4a;text-align:left;min-width:218px}.brand strong{display:block;font-size:22px;letter-spacing:-.8px;line-height:1}.brand small{display:block;font-size:11px;letter-spacing:2.8px;margin-top:6px;font-weight:600}.brand-mark{width:42px;height:42px;border:2px solid #126d70;border-radius:50%;position:relative;display:grid;place-items:center}.brand-mark:before{content:"";width:13px;height:13px;background:#d5ae69;border-radius:50%;position:absolute}.brand-orbit{width:30px;height:15px;border:1.8px solid #126d70;border-radius:50%;transform:rotate(-36deg)}.desktop-nav{display:flex;align-items:center;gap:29px;margin:auto}.desktop-nav button{border:0;background:none;padding:29px 0 27px;color:#5f7480;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent}.desktop-nav button.active{color:#0d686d;font-weight:700;border-bottom-color:#148080}.parent-link{border:1px solid #d8e4e1;background:#f6faf8;border-radius:8px;padding:11px 15px;color:#265460;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;white-space:nowrap}.hero{background:radial-gradient(circle at 84% 45%,#1c6170 0,#123f50 37%,#0d3041 78%);color:#fff;overflow:hidden}.hero-grid{min-height:438px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.hero-copy{padding:55px 0 60px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:#177c7c;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow.light{color:#c9d9cc}.eyebrow-line{width:21px;height:1px;background:#d8bd83}.hero h1{font-size:clamp(34px,4.1vw,54px);line-height:1.32;letter-spacing:-2.5px;margin:21px 0 18px;font-weight:700}.hero h1 em{font-style:normal;color:#e7cf9b}.hero-copy p{max-width:500px;color:#c6d9dc;line-height:1.95;font-size:15px;margin-bottom:28px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;border-radius:8px;font-weight:700;font-size:14px}.button-gold{background:#e6c88e;color:#174151;box-shadow:0 7px 22px #08263355}.button-primary{background:#126e72;color:#fff}.button-outline{background:#fff;border:1px solid #c8d7d5;color:#275461}.hero-note{font-size:12px;color:#aac4c6;margin-top:18px}.hero-art{height:400px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #74a8a56b;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:350px;height:245px}.orbit-two{width:480px;height:335px;border-style:dashed;border-color:#86aaa849}.art-center{width:211px;height:211px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#226e78,#0c3445 72%);box-shadow:0 0 0 16px #3d7b7e33,0 20px 60px #072533;display:flex;align-items:center;justify-content:center;position:relative}.art-center span:last-child{font-size:30px;letter-spacing:4px;line-height:1.23;font-weight:700;color:#e7d6ab;text-align:center}.art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#e8c584;top:35px;right:49px}.art-chip{position:absolute;background:#f4f6ec;color:#27535e;box-shadow:0 15px 35px #08253466;border-radius:6px;padding:12px 16px;font-weight:700;font-size:13px;letter-spacing:2px;display:flex;gap:14px}.art-chip i{font-size:10px;font-style:normal;color:#ab915a}.chip-one{top:65px;left:70px}.chip-two{right:17px;top:173px}.chip-three{left:53px;bottom:48px}.art-star{position:absolute;color:#d5b877}.star-one{top:48px;right:94px;font-size:19px}.star-two{right:86px;bottom:56px;font-size:29px}.main-content{padding-top:62px;padding-bottom:90px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-intro h2{font-size:28px;letter-spacing:-1px;margin:13px 0 6px}.section-intro p{color:#71838a;font-size:14px;margin:0}.sample-tag{font-size:12px;color:#79908b;white-space:nowrap}.today-card{display:flex;align-items:center;gap:26px;background:#fff;border:1px solid #e3e9e3;border-radius:14px;padding:28px 30px;width:100%;text-align:left;color:inherit;box-shadow:0 10px 30px #0d3a4010;transition:transform .2s,box-shadow .2s}.today-card:hover,.module-card:hover,.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0d3a4019}.today-icon{width:83px;height:83px;flex:none;background:#e5f1ec;border-radius:14px;display:grid;place-items:center;color:#177779}.today-body{flex:1}.card-kicker{color:#138180;font-size:12px;font-weight:700;letter-spacing:1px}.today-body h3{font-size:21px;margin:7px 0 5px}.today-body p{font-size:13px;color:#72858a;margin:0 0 13px;line-height:1.7}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span,.tool-pills span{background:#f1f5f2;color:#5d7477;border-radius:4px;padding:5px 9px;font-size:11px}.round-arrow{background:#f2f6f4;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#136b70}.lab-intro{margin-top:66px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{position:relative;border:1px solid #e3eae5;background:#fff;border-radius:12px;padding:26px 27px 25px;text-align:left;color:inherit;min-height:255px;transition:transform .2s,box-shadow .2s}.module-number{position:absolute;right:24px;top:22px;color:#d8e2de;font-size:31px;font-weight:700}.module-icon{width:49px;height:49px;display:grid;place-items:center;background:#e5f3ef;border-radius:10px;color:#147b7c}.module-modeling .module-icon{background:#f6efdd;color:#b58a43}.module-patterns .module-icon{background:#eaf0f4;color:#45738c}.module-card h3{font-size:19px;margin:20px 0 8px}.module-card p{font-size:13px;color:#74858a;line-height:1.7;min-height:43px;margin-bottom:20px}.module-link{font-size:12px;font-weight:700;color:#11777a;display:flex;align-items:center;gap:7px}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.feature-card{border:1px solid #e2e8e3;background:#fff;border-radius:10px;padding:17px 18px;display:flex;align-items:center;gap:14px;text-align:left;color:#315460;transition:transform .2s,box-shadow .2s}.feature-card>span:nth-child(2){flex:1}.feature-card strong,.feature-card small{display:block}.feature-card strong{font-size:14px;margin-bottom:4px;color:#173d4b}.feature-card small{font-size:12px;color:#8a999c}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;flex:none}.feature-icon.mint{background:#e7f3ef;color:#187d7c}.feature-icon.cream{background:#f7f0df;color:#b29051}.site-footer{border-top:1px solid #e5e9e2;color:#879a9a;font-size:12px}.footer-inner{min-height:65px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-dot{color:#d5ad62;margin:0 4px}.mobile-nav{display:none}.page-wrap{padding-top:55px;padding-bottom:90px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:clamp(27px,3.5vw,38px);letter-spacing:-1.5px;margin:12px 0 9px}.page-heading p{font-size:14px;color:#71878d;margin:0;line-height:1.7}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:21px;align-items:start}.process-line{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #e5eae5;border-radius:10px;padding:14px 8px;margin-bottom:16px}.process-line>div{text-align:center;position:relative;color:#9badae}.process-line>div:not(:last-child):after{content:"";position:absolute;height:1px;width:35%;right:-18%;top:13px;background:#d7e1dc}.process-line span{display:grid;place-items:center;margin:0 auto 5px;width:27px;height:27px;border-radius:50%;background:#eef3ef;color:#73928f;font-size:10px;font-weight:700}.process-line .current{color:#116e71;font-weight:700}.process-line .current span{background:#14777a;color:#fff}.process-line small{font-size:11px}.problem-card,.side-card,.tool-card,.parent-panel{background:#fff;border:1px solid #e3e9e4;border-radius:12px}.problem-card{padding:31px}.problem-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{font-size:11px;font-weight:700;padding:6px 10px;border-radius:5px}.pill.teal{background:#e5f4ef;color:#147577}.muted{color:#90a0a1;font-size:12px}.problem-card h2{font-size:27px;margin:20px 0 13px}.story{font-size:15px;line-height:1.95;color:#415c65}.question-box{background:#f2f7f3;border-left:3px solid #2f9892;padding:16px 19px;margin:23px 0 28px}.question-box span{display:block;font-size:11px;color:#137c7d;font-weight:700;margin-bottom:7px}.question-box strong{font-size:15px;line-height:1.7}.answer-area{border-top:1px solid #e8eeea;padding-top:23px}.answer-area h3{font-size:16px;margin-bottom:13px}.option-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.option-list label{border:1px solid #dce8e2;border-radius:7px;padding:10px 15px;font-size:14px;color:#3f5b63;cursor:pointer}.option-list input{accent-color:#16837e}.number-input{display:flex;align-items:center;gap:8px;margin-bottom:20px}.number-input input{width:225px;max-width:90%;border:1px solid #d4e2db;border-radius:7px;padding:10px 12px}.field-label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}.answer-area textarea{width:100%;border:1px solid #d4e2db;border-radius:7px;padding:12px;resize:vertical;background:#fff;color:#254c59;line-height:1.6}.preview-notice{font-size:11px;color:#8e9f9e;margin-top:9px}.lab-side{display:grid;gap:16px}.side-card{padding:21px}.side-title{display:flex;align-items:center;gap:9px;color:#13797a}.side-title h3{color:#214c58;font-size:15px;margin:0}.side-card p{font-size:12px;line-height:1.8;color:#778d90;margin:13px 0}.hint-card{background:#fcf9ef;border-color:#eee6d1}.hint-card .side-title{color:#b58b48}.text-button{background:none;border:0;color:#13787c;font-size:12px;font-weight:700;padding:4px 0;display:flex;gap:7px;align-items:center}.hint-text{font-size:12px;line-height:1.75;background:#fffdf8;border:1px solid #eee7d5;border-radius:6px;padding:10px;margin:10px 0;color:#5b6156}.hint-text span{display:block;color:#ae8541;font-weight:700;margin-bottom:3px}.tool-pills{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.side-card .side-footnote{margin-bottom:0}.more-problems{margin-top:39px}.more-problems h2{font-size:18px}.more-problems>div{display:flex;gap:12px}.more-problems button{display:flex;align-items:center;gap:10px;padding:15px;background:#fff;border:1px solid #dfe8e4;border-radius:8px;color:#2f5b62;min-width:220px}.more-problems button span{font-size:11px;color:#168080}.more-problems button strong{font-size:13px;flex:1;text-align:left}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tool-card{padding:25px;position:relative;min-height:230px}.tool-index{position:absolute;right:23px;top:20px;font-size:29px;font-weight:700;color:#d9e4e1}.tool-card-icon{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;background:#e8f3ef;color:#167e7c}.tool-card h2{font-size:17px;margin:18px 0 8px}.tool-card p{font-size:13px;color:#73888a;line-height:1.7;min-height:45px}.tool-example{color:#138080;font-size:11px}.quiet-panel{display:flex;align-items:center;gap:12px;background:#f0f6f2;border:1px solid #e2eee6;border-radius:9px;padding:17px;margin-top:24px;color:#477b77}.quiet-panel p{font-size:12px;margin:0;line-height:1.7}.empty-state{background:#fff;border:1px solid #e3eae5;border-radius:14px;min-height:350px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}.empty-art{display:grid;place-items:center;color:#2c8584;width:87px;height:87px;border-radius:50%;background:#edf6f1;margin-bottom:19px}.empty-state h2{font-size:22px;margin:13px 0 8px}.empty-state p{color:#849799;font-size:13px;max-width:440px;line-height:1.8}.gate-card{background:#fff;border:1px solid #e4eae4;border-radius:14px;max-width:520px;margin:45px auto 0;padding:38px;text-align:center;box-shadow:0 12px 35px #143c4610}.gate-icon{width:58px;height:58px;background:#e6f2ed;border-radius:50%;display:grid;place-items:center;margin:0 auto 19px;color:#167776}.gate-card h2{font-size:21px;margin:0 0 10px}.gate-card p{font-size:13px;color:#73878a;line-height:1.7}.gate-card form{display:flex;gap:8px;margin:20px 0 17px}.gate-card input{min-width:0;flex:1;border:1px solid #cfdfd9;border-radius:7px;padding:11px 13px}.gate-card small{font-size:11px;color:#9daaaa;line-height:1.7;display:block}.gate-error{color:#b95142;font-size:12px;display:block;margin:-6px 0 12px}.parent-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.parent-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.parent-overview>div{background:#fff;border:1px solid #e3eae5;border-radius:10px;padding:21px}.parent-overview span{display:block;font-size:12px;color:#788c8e}.parent-overview strong{display:block;font-size:29px;margin:10px 0 5px;color:#196f72}.parent-overview strong small{font-size:13px;font-weight:500}.parent-overview p{font-size:11px;color:#99a7a6;margin:0}.parent-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:19px}.parent-panel{padding:24px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.parent-panel h2{font-size:18px;margin:0 0 7px}.parent-panel p{font-size:12px;color:#829598;line-height:1.6}.panel-head button{background:#edf4f0;color:#a1b0aa;border:0;border-radius:6px;padding:9px 12px;font-size:12px;white-space:nowrap}.parent-table{margin-top:12px}.parent-table>div{display:flex;align-items:center;gap:11px;border-top:1px solid #edf0ec;padding:13px 0}.table-icon{width:34px;height:34px;border-radius:7px;background:#eaf3ef;color:#218180;display:grid;place-items:center}.parent-table>div>span:nth-child(2){flex:1}.parent-table strong,.parent-table small{display:block}.parent-table strong{font-size:13px}.parent-table small{font-size:11px;color:#93a2a2;margin-top:4px}.sample-badge{font-size:10px;color:#669183;background:#edf5ef;padding:5px 7px;border-radius:4px}.next-item{display:flex;gap:10px;color:#167878;padding:13px 0;border-bottom:1px solid #edf0ec}.next-item span{color:#254c58}.next-item strong,.next-item small{display:block}.next-item strong{font-size:13px}.next-item small{font-size:11px;color:#91a1a0;margin-top:4px}.parent-panel .parent-note{background:#f3f7f4;border-radius:6px;padding:11px;margin:15px 0 0;color:#758b89}@media(max-width:900px){.desktop-nav{gap:16px}.desktop-nav button{font-size:12px}.brand{min-width:190px}.hero-art{transform:scale(.8)}.lab-layout{grid-template-columns:1fr}.lab-side{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:min(100% - 32px,520px)}.header-inner{height:65px}.brand{min-width:0}.brand-mark{width:37px;height:37px}.brand strong{font-size:18px}.brand small{font-size:9px;letter-spacing:2px}.desktop-nav,.parent-link{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:49px 0 45px}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero-copy p{font-size:14px}.hero-art{display:none}.main-content{padding-top:44px;padding-bottom:65px}.section-intro{align-items:start}.section-intro h2{font-size:23px}.section-intro p{line-height:1.7}.sample-tag{display:none}.today-card{align-items:start;padding:19px;gap:13px}.today-icon{height:48px;width:48px;border-radius:9px}.today-icon svg{width:23px}.today-body h3{font-size:17px}.today-body p{font-size:12px}.round-arrow{display:none}.lab-intro{margin-top:54px}.module-grid{grid-template-columns:1fr;gap:11px}.module-card{min-height:0;padding:19px 20px}.module-card h3{margin-top:13px}.module-card p{min-height:0;margin-bottom:12px}.module-number{font-size:25px}.home-bottom{grid-template-columns:1fr;gap:10px;margin-top:25px}.site-footer{padding-bottom:65px}.footer-inner{justify-content:center;text-align:center;min-height:60px}.footer-inner>span:last-child{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fff;border-top:1px solid #e3eae5;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 20px #123b4810}.mobile-nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8b9d9d;padding:9px 1px 8px;font-size:10px}.mobile-nav button.active{color:#11777a;font-weight:700}.page-wrap{padding-top:39px;padding-bottom:70px}.page-heading h1{font-size:27px}.process-line{padding:12px 1px}.process-line small{font-size:9px}.process-line>div:not(:last-child):after{width:20%;right:-10%}.problem-card{padding:20px}.problem-card h2{font-size:23px}.story{font-size:14px}.lab-side{grid-template-columns:1fr}.more-problems>div{flex-direction:column}.tool-grid,.parent-overview,.parent-grid{grid-template-columns:1fr}.tool-card,.tool-card p{min-height:0}.parent-heading{align-items:start;flex-direction:column}.gate-card{padding:27px 20px;margin-top:25px}.gate-card form{flex-direction:column}.parent-overview{gap:9px}.parent-overview>div{padding:16px}.parent-overview strong{font-size:24px}.parent-panel{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.tool-pills button{border:1px solid #dce9e4;background:#f1f5f2;color:#5d7477;border-radius:5px;padding:7px 10px;font-size:11px}.tool-pills button.selected{background:#177b79;border-color:#177b79;color:#fff}.answer-area>.button,.analysis-panel>.button{margin-top:14px}.result-note{background:#eff6f2;color:#315f5e;border-radius:7px;padding:12px 14px;font-size:13px;margin:18px 0}.analysis-panel{border-top:1px solid #e6ede8;margin-top:22px;padding-top:20px}.analysis-panel p{line-height:1.8;color:#526d70;font-size:14px}.analysis-panel textarea{margin-top:6px}.saved-note{color:#167a71;font-weight:700}.record-list{display:grid;gap:13px}.record-card{background:#fff;border:1px solid #e3eae5;border-radius:11px;padding:21px 24px}.record-card h2{font-size:18px;margin:10px 0}.record-card p{font-size:13px;color:#526d72;line-height:1.7;margin-bottom:6px}.record-card small{display:block;color:#16807a;margin-top:13px;line-height:1.7}.more-problems>div{flex-wrap:wrap}.more-problems button{flex:1 1 210px}.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ability-card{background:#fff;border:1px solid #e3eae5;border-radius:12px;padding:22px}.ability-card h2{font-size:20px;margin:10px 0 6px}.ability-card>p{font-size:13px;color:#72888b;line-height:1.7}.skill-block{border-top:1px solid #edf1ed;padding-top:14px}.skill-head{display:flex;justify-content:space-between;gap:8px}.skill-head strong{font-size:14px}.skill-head span{font-size:11px;color:#147c79;background:#eaf5f0;border-radius:4px;padding:4px 6px}.skill-block small{display:block;font-size:11px;color:#819596;margin:7px 0}.level-block{margin-top:13px;padding:11px;background:#f5f8f5;border-radius:7px;font-size:12px;color:#547273}.level-block b{display:block;color:#284e59;margin-bottom:5px}.level-block span{display:block;font-size:10px}.level-block button{display:block;background:none;border:0;color:#147d79;padding:8px 0 0;text-align:left;font-size:12px}.home-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.recent-summary{border:1px solid #e3eae5;background:#fff;border-radius:10px;padding:19px}.recent-summary strong,.recent-summary span{display:block}.recent-summary strong{font-size:14px;margin-bottom:8px}.recent-summary span{font-size:12px;color:#819596}.self-check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}.self-check strong{font-size:12px;width:100%}.self-check button,.ordering-options button{border:1px solid #d7e8e1;background:#f2f7f3;color:#276e6c;border-radius:6px;padding:9px 12px;font-size:12px}.self-check button.selected{background:#167b77;color:#fff}.ordering-options{margin-bottom:18px}.ordering-options p{font-size:12px;color:#6f8789}.ordering-options button{margin:3px}.backup-panel{margin-top:20px}.backup-panel>div{display:flex;gap:10px;flex-wrap:wrap}.backup-panel input{display:none}.backup-panel label{cursor:pointer}.backup-panel p{line-height:1.7}.mobile-nav{grid-template-columns:repeat(6,1fr)}@media(max-width:900px){.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.ability-grid,.home-summary{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav button{min-height:52px}.process-line small{font-size:9px}.answer-area .button{min-height:44px}}.text-button,.tool-pills button,.self-check button,.ordering-options button,.level-block button{min-height:44px}.option-list label{min-height:44px;display:inline-flex;align-items:center;gap:5px}