@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#243531;background:#f7f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--forest:#213b34;--forest2:#274940;--ink:#263731;--rust:#a75b35;--rust-dark:#854329;--line:#e8e8df;--muted:#7b8880;--paper:#fffdf8;--serif:"Noto Serif SC","Songti SC",SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:340px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d3ac7e;outline-offset:3px}a{color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cdd1c9;border-radius:15px}::selection{background:#f4c8a8}
.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;background:var(--forest);color:#eaf0e9;position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.side-top{padding:29px 24px 0}.brand-row{display:flex;gap:13px;align-items:center}.brand-seal{height:48px;width:48px;border-radius:11px;background:#b76b45;display:grid;place-items:center;font-size:28px;font-family:var(--serif);font-weight:700;box-shadow:0 0 0 1px #edb08b inset,0 5px 20px #15272046}.brand-cn{font-weight:700;letter-spacing:2px;font-size:18px}.brand-en{font-family:Georgia,serif;font-size:9.5px;letter-spacing:2.7px;color:#a6b9ae;margin-top:5px}.edition{font-size:9px;letter-spacing:1.2px;display:flex;gap:8px;align-items:center;margin-top:34px;padding:12px 11px;border:1px solid #52665c;background:#2c453e;border-radius:6px;color:#b7cbc0}.edition-dot,.tag-dot{height:6px;width:6px;border-radius:50%;background:#b8d392;display:inline-block}.edition-no{margin-left:auto;color:#dfe9da;font-size:10px}.nav-list{padding:17px 12px 20px;flex:1}.nav-label{color:#819c90;font-size:10px;font-weight:700;letter-spacing:1.8px;padding:18px 19px 12px}.nav-label.spaced{padding-top:30px}.nav-item{border:0;background:transparent;color:#b7c8bc;display:flex;gap:13px;align-items:center;width:100%;padding:13px 16px;border-radius:9px;margin:4px 0;transition:background .18s,color .18s;font-size:12.5px;text-align:left}.nav-item:hover{background:#324d43;color:white}.nav-item.active{color:white;background:#3e594c;font-weight:700;box-shadow:inset 3px 0 0 #dfab7d}.nav-item svg{opacity:.85;flex-shrink:0}.nav-chev{margin-left:auto;opacity:.7!important}.side-bottom{padding:0 18px 21px;margin-top:auto}.side-quote{padding:21px 15px 19px;border:1px solid #536d60;border-radius:12px;background:linear-gradient(155deg,#38584b,#274438);position:relative}.decor-quote{font-family:Georgia,serif;color:#c7a98b;font-size:31px;position:absolute;right:17px;top:6px}.side-quote p{font-family:var(--serif);font-size:13px;line-height:2;color:#e8e9dd;margin:6px 0 11px}.quote-rule{height:1px;background:#61776b;width:50px;margin:12px 0}.side-quote small{color:#a8c1b2;font-size:9px;letter-spacing:.7px}.side-feedback{display:flex;align-items:center;gap:9px;padding:12px;margin:15px 0 10px;background:transparent;border:1px solid #556c61;color:#d9e5da;width:100%;border-radius:8px;font-size:11px}.side-feedback:hover{border-color:#9cb0a0;background:#324b42}.side-feedback svg:last-child{margin-left:auto}.side-version{color:#8fa599;font-size:9px;display:flex;justify-content:space-between}.side-version span{font-size:8px;color:#bdab8f;letter-spacing:.7px}
.main-shell{margin-left:258px;min-height:100vh;min-width:0;width:calc(100% - 258px);display:flex;flex-direction:column}.topbar{height:70px;background:#fffefa;box-shadow:0 1px 0 #e8e9e1;display:flex;align-items:center;justify-content:space-between;padding:0 43px;position:sticky;top:0;z-index:20}.top-left,.top-right{display:flex;align-items:center;gap:15px}.top-left{font-size:12px;font-weight:500}.crumb-home{color:#82918a}.crumb-arrow{color:#b7beb6}.crumb-current{color:#33483e;font-weight:700}.top-right{gap:25px}.tag-demo{display:flex;align-items:center;gap:8px;font-size:10px;color:#957047;background:#fff8eb;padding:8px 12px;border-radius:25px;border:1px solid #f3e4c8}.tag-dot{background:#cb9a58}.help-link{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#55675c;font-size:11px}.help-link:hover{color:var(--rust)}.top-avatar{width:33px;height:33px;border-radius:50%;background:#d9dfd4;color:#294a3d;display:grid;place-items:center;font-family:var(--serif);font-size:13px}.content{padding:36px 45px 26px;max-width:1900px;width:100%;margin:auto;flex:1}.eyebrow{font-size:10px;color:#9e765c;letter-spacing:1.8px;font-weight:700;text-transform:uppercase}.line-eyebrow{display:flex;align-items:center;gap:9px;color:#72847b;margin-bottom:20px}.tiny-square{width:7px;height:7px;background:#ac6e47;display:inline-block;transform:rotate(45deg)}.eyebrow-date{margin-left:auto;color:#b0bab1;font-size:10px}.hero{position:relative;overflow:hidden}.home-hero{height:355px;background:linear-gradient(105deg,#f3ede0,#f8f4eb 55%,#ede4d6);border-radius:15px;border:1px solid #eadfcf;display:flex;align-items:center;justify-content:space-between}.hero-content{padding:35px 22px 33px 46px;position:relative;z-index:2;width:63%}.hero-overline{letter-spacing:2.15px;font-size:9px;color:#9d704e;font-weight:700}.hero h1{font:600 clamp(29px,3.3vw,45px)/1.37 var(--serif);letter-spacing:1.6px;margin:14px 0 10px;color:#2e463b}.hero-highlight{color:#a75c37;position:relative}.red-seal-mini{display:inline-grid;vertical-align:top;place-items:center;color:#f9eadd;background:#b86b4e;border-radius:2px;width:22px;height:22px;font-size:12px;margin-left:8px;font-weight:400}.hero-desc{max-width:550px;line-height:1.9;font-size:11.5px;color:#68776f;margin:10px 0 22px}.hero-actions{display:flex;gap:11px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:0 16px;border-radius:7px;border:1px solid transparent;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:#9d5635;color:#fffaf3;box-shadow:0 4px 9px #9d56351b}.btn-primary:hover{background:#8b4427}.btn-quiet{background:transparent;color:#6b5545}.btn-quiet:hover{background:#ecdfcb}.btn-outline{background:#fffdfa;border-color:#d9dcd3;color:#405b4c}.btn-outline:hover{border-color:#ab846c;color:#985330}.btn-full{width:100%}.hero-caption{display:flex;gap:9px;align-items:center;color:#aa9281;margin-top:20px;font-size:10px;letter-spacing:.7px}.hero-caption-line{display:block;width:24px;height:1px;background:#b58e78}.hero-art{width:37%;height:100%;position:relative;display:grid;place-items:center}.art-circle{position:absolute;border:1px solid #c8b8a1;border-radius:50%;opacity:.48}.art-circle.one{width:370px;height:370px;right:-62px;top:-42px}.art-circle.two{width:290px;height:290px;right:-15px;top:13px}.hero-art-paper{position:relative;width:195px;height:275px;background:linear-gradient(140deg,#fffdf6,#f5eddd);transform:rotate(5deg);box-shadow:9px 14px 36px #67543d29;border:1px solid #dfd4c5;display:flex;align-items:center;justify-content:center}.hero-art-paper:before{content:"";position:absolute;inset:11px;border:1px solid #d9d5c8}.art-main-char{font-family:"KaiTi","STKaiti","DFKai-SB",var(--serif);font-weight:bold;font-size:144px;color:#2e3d37;transform:rotate(-3deg);opacity:.93;line-height:1}.art-small-text{position:absolute;font-family:var(--serif);font-size:9px;top:19px;right:17px;writing-mode:vertical-rl;color:#a3907a;letter-spacing:2px}.art-calligraphy-note{position:absolute;bottom:17px;left:19px;font:9px var(--serif);color:#a79078;letter-spacing:3px}.art-stamp{position:absolute;bottom:19px;right:19px;background:#b76547;color:#fff5e9;font:10px/1.5 var(--serif);padding:5px}.floating-art-label{position:absolute;bottom:26px;left:1px;background:#ffffffed;color:#6f7b6c;padding:10px 12px;border-radius:5px;font:8px Georgia,serif;letter-spacing:1px;box-shadow:0 8px 28px #55694a21}.flabel-dot{width:6px;height:6px;background:#ba754e;display:inline-block;border-radius:50%;margin-right:6px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.metric-card{background:#fffefa;border:1px solid #edece7;padding:18px 18px 16px;border-radius:11px;box-shadow:0 3px 8px #33432c05;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#708177;font-size:11px}.metric-top svg{color:#a9b3a8}.metric-value{font-family:Georgia,var(--serif);font-weight:600;font-size:31px;color:#324b3f;margin-top:8px;line-height:1.25}.unit{font-size:12px;color:#89978e;font-weight:400;margin-left:5px;font-family:inherit}.unit.bigger{font-size:21px;color:#5c6a5b}.metric-note{display:flex;align-items:center;gap:6px;margin-top:9px;color:#9baba0;font-size:9px;white-space:normal}.up-indicator{display:flex;align-items:center;gap:3px;color:#688b65;background:#ecf6e9;font-size:9px;padding:3px 5px;border-radius:4px}.subtle-pill{font-size:9px;color:#997352;background:#faf2e8;padding:3px 5px;border-radius:4px}.accent-metric{background:#f4f3e8;border-color:#e4e7d5}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:36px 0 16px}.section-title-row h2{font:600 21px var(--serif);letter-spacing:.4px;color:#32483d;margin:8px 0 5px}.section-title-row p{font-size:10px;color:#88988d;margin:0}.text-action{border:0;background:transparent;color:#996346;font-size:11px;display:flex;gap:7px;align-items:center;white-space:nowrap;font-weight:700;padding:6px 0}.text-action:hover{color:#633e26}.journey-strip{background:#fffdfa;border:1px solid #e7e8df;border-radius:11px;display:flex;align-items:stretch;justify-content:space-around;padding:22px 18px}.journey-node{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;text-align:center;flex:1;min-width:0}.journey-node:hover .journey-icon{background:#e7ebdf;transform:translateY(-3px)}.journey-icon{background:#f2f2e9;border:1px solid #e7e8dd;height:49px;width:49px;border-radius:50%;display:grid;place-items:center;color:#6c8875;transition:all .2s}.journey-number{color:#bb926f;font-size:9px;margin-top:12px;letter-spacing:.5px}.journey-node strong{font:600 14px var(--serif);color:#354a3f;margin:4px 0}.journey-node small{color:#8a9b8c;font-size:9px}.journey-arrow{align-self:center;color:#c5cfc5;flex:0 0 20px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.home-lower{margin-top:20px}.white-panel{background:#fffefa;border:1px solid #e8ebe2;border-radius:12px;padding:23px}.panel-header,.panel-title-line{display:flex;align-items:center;justify-content:space-between}.panel-kicker{font-size:9px;letter-spacing:1.3px;color:#ae8d71;font-weight:700}.panel-index{font:10px Georgia,serif;color:#a3aba0}.feature-panel-inner{display:flex;align-items:center;gap:17px;margin-top:18px}.feature-panel-inner>div:first-child{flex:1;min-width:0}.small-feature-name{font-size:10px;color:#a25a38;font-weight:700}.feature-panel-inner h3,.editorial-panel h3{font:600 18px/1.6 var(--serif);color:#31493f;margin:9px 0}.feature-panel-inner p,.editorial-panel p{font-size:10px;line-height:1.85;color:#849186}.feature-panel-inner .btn{margin-top:9px}.mini-paper{flex:0 0 115px;height:145px;border:1px solid #e5ddcd;background:#faf4e9;display:flex;align-items:center;justify-content:center;position:relative}.mini-paper:before,.mini-paper:after{content:"";position:absolute;pointer-events:none;background:#eadac7}.mini-paper:before{width:1px;height:100%;left:50%}.mini-paper:after{height:1px;width:100%;top:50%}.mini-paper>span{font:100px "KaiTi",var(--serif);z-index:1;color:#394a41}.mini-grade{position:absolute;right:-11px;top:15px;z-index:2;background:#9d5635;color:white;padding:5px 8px;font:600 20px Georgia,serif;box-shadow:0 4px 10px #9d563535}.mini-grade span{font:10px sans-serif}.editorial-panel{background:#edf1e8;border-color:#e0e8d9;display:flex;flex-direction:column;align-items:flex-start}.editorial-panel .panel-header{width:100%}.editorial-panel h3{font-size:19px;margin:22px 0 0}.editorial-panel p{margin-top:8px;max-width:460px}.sdg-symbols{display:flex;gap:10px;margin:12px 0 6px}.sdg-symbols span{background:#f7faf4;border:1px solid #dfe6d8;border-radius:7px;padding:7px 9px;color:#54705a;font-size:10px}.sdg-symbols b{font:700 16px Georgia,serif;color:#9d5635;margin-right:6px}.editorial-panel .text-action{margin-top:auto}
.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:27px}.page-heading h1{font:600 clamp(26px,3vw,34px) var(--serif);margin:7px 0 8px;color:#2a4336;letter-spacing:.7px}.heading-dot{color:#ac6845}.page-heading p{color:#809187;font-size:11px;line-height:1.85;max-width:760px;margin:0}.demo-status{color:#996d53;background:#fcf5ea;padding:9px 12px;border:1px solid #eee1d0;border-radius:18px;font-size:10px;white-space:nowrap}.demo-status span{display:inline-block;height:6px;width:6px;background:#d7a768;border-radius:50%;margin-right:6px}
.assessment-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:19px}.panel-title-line h3{font:600 19px var(--serif);color:#344a3e;margin:6px 0 0}.tiny-outline-tag,.sample-badge,.soft-accent-tag{border-radius:18px;font-size:9px;white-space:nowrap;padding:6px 9px;border:1px solid #e4e5db;color:#8d9c8f}.sample-badge{color:#a05c39;background:#faf0e7;border-color:#f1ddce}.upload-artboard{height:327px;width:100%;position:relative;overflow:hidden;margin:21px 0 14px;background:radial-gradient(circle,#f9f7ee,#f1ecdf);border:1px solid #e6dfcf;display:grid;place-items:center}.grid-guide{position:absolute;width:236px;height:236px;border:1.5px solid #dfb9a8}.grid-guide:before{content:"";position:absolute;top:50%;left:0;height:1px;width:100%;background:#e4ccbd}.grid-guide:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:#e4ccbd}.upload-demo-char{font:600 192px "KaiTi","STKaiti",var(--serif);color:#263a30;z-index:1;line-height:1}.uploaded-image{max-height:99%;max-width:99%;object-fit:contain;z-index:2}.artboard-corner{position:absolute;width:14px;height:14px;border-color:#b28e76;border-style:solid;z-index:3}.top-left-c{left:11px;top:11px;border-width:2px 0 0 2px}.top-right-c{right:11px;top:11px;border-width:2px 2px 0 0}.bottom-left-c{left:11px;bottom:11px;border-width:0 0 2px 2px}.bottom-right-c{right:11px;bottom:11px;border-width:0 2px 2px 0}.artboard-note{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:9px;color:#9a9585;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:4}.warning-note{margin-top:15px;background:#f7f5eb;border-radius:6px;display:flex;align-items:start;gap:9px;padding:11px;color:#8c8878;line-height:1.65;font-size:9px}.warning-note svg{flex-shrink:0;margin-top:2px}.score-head{display:flex;justify-content:space-between;align-items:center;padding:6px 18px 15px 8px}.main-score>span{font-size:11px;color:#849284}.main-score strong{display:block;font:700 64px/1.35 Georgia,serif;color:#9e5735}.main-score strong small{font:14px Arial,sans-serif;color:#9baba0}.score-note{font-size:9px;color:#a0a99a}.score-ring{position:relative;width:135px;height:135px;display:grid;place-items:center}.score-ring svg{width:135px;height:135px}.score-ring circle{fill:none;stroke-width:9}.ring-track{stroke:#e9eee7}.ring-fill{stroke:#a76543;stroke-linecap:round}.ring-center{position:absolute;font:600 14px var(--serif);color:#a76543}.report-tabs{display:flex;border-bottom:1px solid #e9ebe6;margin-bottom:13px;gap:28px}.report-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 2px 11px;font-size:11px;color:#95a197}.report-tabs button.selected{color:#9d5635;border-bottom-color:#9d5635;font-weight:700}.score-bars{display:grid;gap:14px;padding:4px 0 17px}.bar-row{display:flex;align-items:center;gap:14px;font-size:10px;color:#788980}.bar-row>span:first-child{width:62px;flex-shrink:0}.bar-track{height:7px;background:#eef0e9;flex:1;border-radius:10px;overflow:hidden}.bar-track>span{height:100%;display:block;background:linear-gradient(90deg,#d5ac8e,#a36340);border-radius:10px}.bar-row strong{font:600 13px Georgia,serif;color:#755943;width:18px}.feedback-callout{background:#f7f2e9;border-left:3px solid #c89e79;padding:14px 14px 13px;margin:3px 0 15px}.feedback-callout-title{font-size:11px;color:#9d5635;display:flex;gap:8px;align-items:center;font-weight:700}.feedback-callout p{font-size:10px;line-height:1.75;color:#796e61;margin:7px 0 0}.evidence-block{display:flex;gap:11px;padding:14px 8px 21px;color:#62836a}.evidence-block strong{font-size:11px}.evidence-block p{font-size:10px;line-height:1.7;margin:6px 0;color:#7f9286}.subsection.note-section{display:flex;align-items:flex-start;gap:13px;border:1px solid #e6ebdf;background:#eff3ec;border-radius:10px;padding:20px 22px;margin:22px 0}.icon-circle{width:36px;height:36px;background:#dfe9de;border-radius:50%;color:#557765;display:grid;place-items:center;flex:0 0 36px}.note-section h4{margin:0 0 4px;font-size:12px;color:#486a56}.note-section p{margin:0;font-size:10px;line-height:1.8;color:#758b77}
.growth-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:19px}.growth-focus,.progression{min-height:360px}.soft-accent-tag{color:#a05b3c;border-color:#ebd8c9;background:#faf2ec}.focus-illustration{display:flex;align-items:center;gap:28px;margin:23px 0}.practice-paper{width:205px;height:205px;flex:0 0 205px;position:relative;display:grid;place-items:center;background:#f8f1e4;border:1px solid #eadcca}.practice-paper:before,.practice-paper:after{content:"";position:absolute;pointer-events:none;background:#e6d7c3}.practice-paper:before{height:1px;width:100%}.practice-paper:after{width:1px;height:100%}.practice-stroke{font:130px "KaiTi",var(--serif);color:#35463c;position:relative;z-index:1;transform:rotate(-2deg)}.lesson-meta{font-size:10px;color:#b28461}.focus-illustration h2{font:600 23px var(--serif);color:#364a40;margin:10px 0}.focus-illustration p{color:#879587;font-size:10px;line-height:1.9;margin-bottom:22px}.small-label{font-size:10px;color:#9ca89e}.stage-list{padding:18px 3px 2px;position:relative}.stage{display:flex;gap:13px;align-items:center;padding:0 0 27px;position:relative}.stage:not(:last-child):before{content:"";position:absolute;left:14px;top:32px;width:1px;height:36px;background:#daddd4}.stage-marker{width:29px;height:29px;border-radius:50%;background:#eef1e9;border:1px solid #e0e7dd;display:grid;place-items:center;color:#a5afa0;font:700 12px Georgia,serif;flex:0 0 29px;position:relative;z-index:1}.stage.done .stage-marker{background:#688b6d;color:white;border-color:#688b6d}.stage.now .stage-marker{background:#a45d3b;color:white;border-color:#a45d3b}.stage strong{font:600 12px var(--serif);color:#4a6253;display:block}.stage small{color:#9aa69e;font-size:9px}.stage-now-label{font-size:9px;color:#a45d3b;background:#fbf1ea;border-radius:5px;margin-left:auto;padding:5px 6px}.compact-section{margin-top:35px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.week-card{background:#fffefa;border:1px solid #e5e9e1;border-radius:10px;padding:23px 21px;min-height:180px;display:flex;flex-direction:column}.week-card.featured{background:#365447;border-color:#365447;color:white}.week-card>span{font:12px Georgia,serif;color:#ba926e}.week-card h3{font:600 17px var(--serif);margin:19px 0 6px;color:#3d5648}.week-card.featured h3{color:#f3f0e6}.week-card p{font-size:10px;line-height:1.7;color:#929e94;margin:0}.week-card.featured p{color:#c1d1c4}.week-bottom{display:flex;justify-content:space-between;margin-top:auto;padding-top:26px;font-size:9px;color:#aa927e}.week-card.featured .week-bottom{color:#e6c2a6}
.academy-banner{background:linear-gradient(115deg,#395747,#23433a);height:175px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:27px 42px;overflow:hidden;color:white}.banner-eyebrow{font-size:9px;letter-spacing:2px;color:#c9d6c0;font-weight:700}.academy-banner h2,.career-feature h2{font:600 27px var(--serif);margin:9px 0}.academy-banner p,.career-feature p{font-size:10px;line-height:1.8;color:#c7d7c9}.academy-emblem{display:flex;gap:12px;transform:rotate(-8deg);margin-right:9%}.academy-emblem span{width:70px;height:92px;border:1px solid #859a82;color:#d5d1ad;display:grid;place-items:center;font:50px var(--serif);background:#ffffff0a}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap}.pill-tabs button{background:#fffefa;color:#889789;border:1px solid #e6eae2;border-radius:20px;padding:7px 13px;font-size:10px}.pill-tabs button.selected{background:#365c49;color:white;border-color:#365c49}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.course-card{min-height:280px;background:#fffefa;border:1px solid #e8ebe3;border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #283b2812}.course-top{display:flex;justify-content:space-between;align-items:start}.course-symbol{width:59px;height:59px;background:#eeeadd;color:#6d654d;border-radius:8px;display:grid;place-items:center;font:34px var(--serif)}.course-card:nth-child(2) .course-symbol{background:#e9eeea;color:#426d57}.course-card:nth-child(3) .course-symbol{background:#f4e8e1;color:#b37555}.course-card:nth-child(4) .course-symbol{background:#e8e8f0;color:#74758c}.course-category{font-size:9px;color:#a5a99c;background:#f6f7f3;border-radius:12px;padding:5px 8px}.course-card h3{font:600 16px var(--serif);margin:22px 0 7px;color:#334c3e}.course-card>p{color:#8e9e91;font-size:10px;line-height:1.75;margin:0}.course-tags{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px;font-size:9px;color:#9ca69c}.course-tags span{display:flex;align-items:center;gap:5px}.course-divider{height:1px;background:#eef0ea;margin-top:auto}.course-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;color:#a4a99c}.course-bottom button{border:0;color:#a56241;background:#f9f1e9;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}
.career-top{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.career-feature{background:#335347;border-radius:12px;padding:31px 34px;min-height:270px;position:relative;overflow:hidden}.career-feature:after{content:"";position:absolute;border:1px solid #9fb3a2;border-radius:50%;width:340px;height:340px;right:-150px;top:-70px;opacity:.23}.career-feature h2{font-size:30px;line-height:1.55;color:#f0eee2;position:relative;z-index:1}.career-feature p{max-width:480px;position:relative;z-index:1}.career-path-tags{display:flex;gap:7px;margin-top:21px;flex-wrap:wrap;position:relative;z-index:1}.career-path-tags span{border:1px solid #648476;border-radius:14px;padding:5px 9px;color:#c8d9cb;font-size:9px}.matching-card{background:#fffefa;border:1px solid #e5e9e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:23px}.matching-orbit{border:7px solid #edf0e8;border-top-color:#a8633e;border-right-color:#a8633e;border-bottom-color:#a8633e;width:115px;height:115px;border-radius:50%;display:grid;place-items:center;position:relative;margin:14px auto 4px}.matching-orbit svg{color:#b4cab6;position:absolute;opacity:.34}.matching-orbit>span{font:700 37px Georgia,serif;color:#9c5c3e;position:relative}.matching-orbit small{font-size:14px}.matching-card h3{font:600 14px var(--serif);margin:8px 0}.matching-card p{font-size:9px;line-height:1.65;color:#9da99e;max-width:200px;margin:0}.job-list{display:grid;gap:12px}.job-card{background:#fffefa;border:1px solid #e8ebe3;border-radius:11px;padding:20px;display:flex;gap:18px;align-items:center}.job-avatar{width:57px;height:57px;border-radius:9px;background:#f0e9df;color:#a16643;font:28px var(--serif);display:grid;place-items:center;flex:0 0 57px}.job-card:nth-child(2) .job-avatar{background:#edf0e7;color:#638467}.job-card:nth-child(3) .job-avatar{background:#efebef;color:#837388}.job-content{flex:1;min-width:0}.job-category{font-size:9px;color:#a57c65}.job-content h3{font:600 16px var(--serif);color:#365043;margin:5px 0}.job-content p{margin:0;color:#a3afa4;font-size:10px}.job-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.job-tags span{font-size:9px;padding:5px 8px;color:#829181;background:#f4f6f0;border-radius:5px}.job-end{display:flex;flex-direction:column;align-items:end;min-width:150px}.match-percent{font:700 24px Georgia,serif;color:#a45f3b}.match-percent span{font:9px sans-serif;color:#a2a996;margin-left:4px}.job-mode{font-size:9px;color:#98a69c;margin:6px 0 13px}.save-job{background:#fffaf5;border:1px solid #e9dacc;border-radius:6px;color:#a46545;font-size:10px;padding:7px 10px;display:flex;gap:6px;align-items:center}.save-job.saved{background:#eff3e9;color:#628063;border-color:#dbe6d9}.empty-state{background:#fffefa;color:#86998b;padding:35px;text-align:center;border:1px dashed #dce3d9;border-radius:9px;font-size:12px}
.community-tabs{display:flex;gap:12px;border-bottom:1px solid #e0e5dc;margin-bottom:21px}.community-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:9px 13px 14px;color:#9aa89c;font-size:12px}.community-tabs button.active{border-bottom-color:#a46240;color:#974d2d;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{background:#fffefa;border:1px solid #e8eae0;border-radius:12px;overflow:hidden}.gallery-paper{height:288px;margin:13px;background:#ede6d6;display:grid;place-items:center;position:relative;overflow:hidden}.gallery-paper.p2{background:#e5e8df}.gallery-paper.p3{background:#eae7dc}.gallery-rule{position:absolute;inset:18px;border:1px solid #d2c9b6}.gallery-rule:before{content:"";position:absolute;inset:0 50%;border-left:1px dashed #d9c8b2}.gallery-rule:after{content:"";position:absolute;inset:50% 0;border-top:1px dashed #d9c8b2}.gallery-char{font:180px "KaiTi","STKaiti",var(--serif);color:#35473c;position:relative;z-index:1}.gallery-seal{position:absolute;right:31px;bottom:32px;color:white;background:#a96346;font:12px var(--serif);padding:5px}.gallery-details{padding:0 20px 19px}.gallery-details>span{font-size:9px;color:#a28d74}.gallery-details h3{font:600 17px var(--serif);margin:6px 0 10px;color:#385143}.gallery-details p{display:flex;align-items:center;gap:6px;color:#9ca99d;font-size:9px;margin:0}.gallery-right{margin-left:auto;display:flex;gap:4px;align-items:center}.topic-board{padding:27px;min-height:320px}.topic-board h3{font:600 22px var(--serif);margin:8px 0 16px}.topic-row{padding:18px 4px;border-top:1px solid #edf0e8;display:flex;align-items:center;gap:20px;font-size:12px}.topic-order{font:15px Georgia,serif;color:#ab856b}.topic-demo-tag{margin-left:auto;background:#f5f2ea;border-radius:6px;padding:5px 7px;color:#ab9a85;font-size:9px}.topic-row svg{color:#969c8e}
.impact-banners{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sdg-card{display:flex;align-items:center;gap:28px;padding:27px 29px;color:white;min-height:196px;border-radius:12px}.sdg-red{background:#bd494b}.sdg-burgundy{background:#8b324c}.sdg-number{font:700 86px/1 Georgia,serif;opacity:.87;letter-spacing:-5px}.sdg-right>span{font-size:9px;letter-spacing:1px;opacity:.8}.sdg-right h2{font:600 21px var(--serif);margin:7px 0}.sdg-right p{margin:0;line-height:1.7;font-size:10px;opacity:.88}.impact-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.impact-metric{min-height:215px;position:relative}.metric-number{position:absolute;top:19px;right:19px;font:15px Georgia,serif;color:#b6c1b5}.impact-metric>svg{color:#9d654a;margin-bottom:25px}.impact-metric h3{font:600 15px var(--serif);color:#3d5847;margin:0 0 10px}.impact-metric strong{font-size:11px;color:#8c7864}.impact-metric p{font-size:9px;line-height:1.8;color:#9fac9c}.impact-footer{border-radius:11px;background:#e7eee4;border:1px solid #d9e2d7;display:flex;align-items:center;justify-content:space-between;padding:25px 29px;margin-top:25px;gap:18px}.impact-footer h3{font:600 19px var(--serif);color:#3f6049;margin:6px 0}.impact-footer p{font-size:10px;line-height:1.75;color:#879888;max-width:620px;margin:0}
.main-footer{display:flex;justify-content:space-between;color:#adb9ae;border-top:1px solid #e8ebe2;padding:16px 3px 0;margin-top:37px;font-size:9px;letter-spacing:.5px}.toast{position:fixed;bottom:22px;right:25px;display:flex;align-items:center;gap:10px;background:#254739;color:#fff;padding:13px 17px;border-radius:8px;box-shadow:0 12px 35px #15261d33;z-index:100;font-size:11px;max-width:440px}.toast svg{color:#bddeb2;flex-shrink:0}
.tour-backdrop{position:fixed;inset:0;background:#1c291ea8;z-index:90;display:flex;align-items:end;justify-content:flex-end;padding:0 28px 26px;pointer-events:auto}.tour-dialog{width:416px;max-width:calc(100vw - 36px);background:#fffefa;border-radius:14px;padding:25px;box-shadow:0 18px 90px #061a1059}.tour-top{display:flex;justify-content:space-between;color:#a37d61;font:700 10px Georgia,serif;letter-spacing:2px}.tour-top button,.modal-head button{border:0;background:transparent;color:#889a8c}.tour-progress{display:flex;gap:5px;margin:21px 0 23px}.tour-progress span{height:4px;background:#e8e9df;border-radius:6px;flex:1}.tour-progress span.done{background:#b06a47}.tour-count{color:#b09377;font:12px Georgia,serif}.tour-dialog h2{font:600 24px var(--serif);color:#334b3c;margin:10px 0 12px}.tour-dialog p{font-size:11px;color:#798a7e;line-height:1.85;min-height:51px}.tour-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}.modal-overlay{position:fixed;inset:0;background:#182c21a8;display:grid;place-items:center;z-index:95;padding:15px}.feedback-dialog{width:min(100%,540px);max-height:calc(100vh - 30px);overflow-y:auto;background:#fffefa;border-radius:14px;padding:29px;box-shadow:0 20px 80px #0712094d}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{font:600 24px var(--serif);color:#354f40;margin:9px 0}.modal-explain{font-size:10px;color:#90a092;line-height:1.8;margin:5px 0 21px}.feedback-dialog label{display:block;font-weight:700;font-size:10px;color:#5d6e61;margin:13px 0 6px}.feedback-dialog select,.feedback-dialog textarea{width:100%;border:1px solid #dfe6dc;color:#465949;background:#fbfcf8;border-radius:7px;padding:11px 12px;font-size:11px}.feedback-dialog textarea{resize:vertical;min-height:112px}.feedback-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:12px}.feedback-actions small{color:#a2aba0;font-size:9px}.mobile-only{display:none}
@media (min-width:1650px){.content{padding-left:65px;padding-right:65px}.home-hero{height:390px}.hero-content{padding-left:58px}.metric-card{padding:22px}.gallery-paper{height:340px}}
@media (max-width:1320px){.sidebar{width:224px;flex-basis:224px}.main-shell{margin-left:224px;width:calc(100% - 224px)}.topbar{padding:0 28px}.content{padding:29px 28px}.hero-content{width:64%;padding-left:32px}.hero-art{width:36%}.art-circle.one{right:-130px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1030px){.sidebar{width:205px;flex-basis:205px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.content{padding:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{height:auto;min-height:330px}.hero h1{font-size:32px}.hero-art-paper{width:150px;height:240px}.art-main-char{font-size:110px}.assessment-grid,.growth-grid{grid-template-columns:1fr}.career-top{grid-template-columns:1fr 1fr}.gallery-paper{height:240px}.sdg-card{gap:15px}.sdg-number{font-size:64px}.top-right{gap:12px}.help-link{display:none}}
@media (max-width:760px){.mobile-only{display:inline-flex}.sidebar{width:255px;transform:translateX(-110%);transition:transform .22s;box-shadow:12px 0 24px #141c171c}.sidebar.opened{transform:translateX(0)}.sidebar-shade{position:fixed;inset:0;background:#1b2a24a9;z-index:30}.side-close{position:absolute;right:15px;top:18px;color:white;background:transparent;border:0}.main-shell{margin-left:0;width:100%}.topbar{height:60px;padding:0 17px}.crumb-home{display:none}.crumb-arrow{display:none}.content{padding:20px 16px 25px}.top-right{gap:9px}.tag-demo{font-size:9px;padding:6px}.top-avatar{width:30px;height:30px}.icon-button{border:0;background:transparent;color:#4f6858;padding:6px}.line-eyebrow{margin-bottom:14px}.eyebrow-date{display:none}.home-hero{min-height:0;display:block}.hero-content{width:100%;padding:29px 24px}.hero h1{font-size:32px}.hero-desc{font-size:11px}.hero-art{display:none}.hero-actions{flex-wrap:wrap}.metric-grid{gap:10px;margin-top:12px}.metric-card{padding:14px}.metric-value{font-size:25px}.metric-top{font-size:10px}.metric-note{font-size:8px}.section-title-row{margin:27px 0 13px}.section-title-row h2{font-size:18px}.section-title-row .text-action{display:none}.journey-strip{padding:17px 9px}.journey-icon{height:38px;width:38px}.journey-icon svg{width:18px}.journey-node strong{font-size:11px}.journey-node small{font-size:8px}.journey-number{font-size:8px}.journey-arrow{width:11px;flex-basis:11px}.two-col,.career-top,.impact-banners{grid-template-columns:1fr}.feature-panel-inner h3{font-size:16px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.page-heading h1{font-size:26px}.assessment-grid{gap:14px}.white-panel{padding:18px}.upload-artboard{height:280px}.growth-focus,.progression{min-height:0}.focus-illustration{gap:17px}.practice-paper{width:125px;height:150px;flex-basis:125px}.practice-stroke{font-size:95px}.focus-illustration h2{font-size:18px}.plan-grid,.course-grid,.impact-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.week-card{padding:17px;min-height:170px}.academy-banner{height:auto;padding:28px}.academy-emblem{display:none}.pill-tabs{justify-content:start}.course-card{padding:14px}.course-card h3{font-size:14px}.course-symbol{height:48px;width:48px;font-size:28px}.job-card{gap:10px;flex-wrap:wrap}.job-content{flex:1 1 180px}.job-end{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.job-mode{display:none}.job-avatar{height:46px;width:46px;flex-basis:46px;font-size:22px}.gallery-grid{grid-template-columns:1fr}.gallery-paper{height:300px}.sdg-number{font-size:60px}.impact-footer{flex-direction:column;align-items:start}.main-footer{gap:20px;flex-wrap:wrap}.tour-backdrop{padding:0 10px 10px}.tour-dialog{width:100%}}
@media (max-width:440px){.plan-grid,.course-grid,.impact-metric-grid{grid-template-columns:1fr}.hero h1{font-size:30px}.hero-actions .btn{font-size:10px}.journey-node small{display:none}.journey-arrow{align-self:center}.focus-illustration{flex-direction:column;align-items:flex-start}.practice-paper{width:100%;height:190px}.sdg-number{font-size:54px}.sdg-right h2{font-size:18px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}