:root{--ink:#172033;--ink-2:#253047;--gold:#b89458;--gold-light:#dbc392;--paper:#f5f3ee;--white:#fff;--muted:#697181;--line:#dedbd3;--green:#316c5b;--shadow:0 24px 70px rgba(23,32,51,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfaf7;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:40px;background:rgba(251,250,247,.92);backdrop-filter:blur(18px);position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:70px;border-color:rgba(23,32,51,.1)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:var(--gold-light);font-family:serif;font-weight:700;border:1px solid var(--gold);position:relative}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(219,195,146,.45)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:15px}.brand small{font-size:8px;color:var(--gold);letter-spacing:2px;margin-top:4px}.site-nav{display:flex;gap:34px;font-size:14px}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:.25s}.site-nav a:hover:after{width:100%}.header-cta{background:var(--ink);color:#fff;padding:11px 20px;font-size:13px}.header-cta span{color:var(--gold-light);margin-left:10px}.menu-button{display:none;border:0;background:none;width:36px;padding:6px}.menu-button span{display:block;height:1px;background:var(--ink);margin:6px 0}.hero{min-height:760px;padding:145px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:minmax(420px,1fr) minmax(390px,.84fr);gap:7vw;align-items:center;background:linear-gradient(90deg,#fbfaf7 0 57%,#eeece6 57%);overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow span{display:block;width:28px;height:1px;background:currentColor}.hero h1,.section h2,.experience h2,.contact h2{font-family:"Songti SC","SimSun",serif;letter-spacing:0;font-weight:500}.hero h1{font-size:clamp(46px,5vw,72px);line-height:1.18;margin:0 0 28px}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{max-width:590px;color:var(--muted);font-size:17px;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px;margin:38px 0 48px}.button{height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 25px;font-size:14px}.button.primary{color:#fff;background:var(--ink);box-shadow:0 12px 30px rgba(23,32,51,.2)}.button span{margin-left:22px;color:var(--gold-light)}.text-button{border-bottom:1px solid var(--line);padding:0 2px}.text-button span{color:var(--gold);margin-left:12px}.hero-proof{display:flex;gap:46px}.hero-proof div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:15px}.hero-proof strong{font-family:Georgia,serif;font-size:23px}.hero-proof span{font-size:11px;color:var(--muted)}.hero-product{position:relative;height:590px;display:flex;justify-content:center;align-items:center}.gold-line{position:absolute;width:470px;height:470px;border:1px solid rgba(184,148,88,.28);transform:rotate(45deg)}.phone{width:300px;height:590px;border:8px solid #1c2435;border-radius:34px;background:#fff;position:relative;z-index:2;box-shadow:var(--shadow);overflow:hidden;padding:12px 16px;color:var(--ink)}.phone-top{height:20px;font-size:8px;display:flex;justify-content:space-between}.phone-top i{width:65px;height:18px;background:#1c2435;border-radius:0 0 12px 12px;margin-top:-12px}.app-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.app-head div{display:flex;flex-direction:column}.app-head small{font-size:9px;color:#89909d}.app-head strong{font-size:14px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8ddc9;color:#8b6a35;font-size:11px}.search{background:#f2f3f4;border-radius:5px;padding:8px;font-size:14px;color:#a2a7af}.search span{font-size:9px;margin-left:5px}.app-banner{height:120px;background:linear-gradient(115deg,rgba(21,31,49,.97),rgba(43,56,77,.8)),url('./assets/course-growth.jpg') center/cover;border-radius:6px;color:#fff;margin:13px 0;padding:17px;display:flex;flex-direction:column}.app-banner small{color:var(--gold-light);font-size:9px}.app-banner strong{font-family:serif;font-size:20px;margin:4px 0}.app-banner span{font-size:8px;color:#cfd2d8}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.quick-grid div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px}.quick-grid i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:#f1ece2;color:#957441;border-radius:7px}.continue-head{display:flex;justify-content:space-between;margin:20px 0 10px;font-size:11px}.continue-head span{font-size:8px;color:#9b7a45}.course-row{display:grid;grid-template-columns:80px 1fr;gap:10px}.course-row img{width:80px;height:54px;object-fit:cover;border-radius:4px}.course-row div{display:flex;flex-direction:column}.course-row strong{font-size:10px}.course-row small{font-size:8px;color:#8c929d;margin:4px 0}.progress{height:3px;background:#e6e7e9;border-radius:4px}.progress span{display:block;width:70%;height:100%;background:var(--gold)}.float-card{position:absolute;z-index:3;background:#fff;box-shadow:0 18px 45px rgba(23,32,51,.15);border-left:2px solid var(--gold)}.float-score{left:-12px;top:125px;width:130px;padding:15px;display:flex;flex-direction:column}.float-score span,.float-score small{font-size:8px;color:#878d97}.float-score strong{font:25px Georgia,serif}.float-score small{color:var(--green)}.float-finish{right:-20px;bottom:100px;padding:13px 15px;display:flex;align-items:center;gap:10px}.float-finish i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e3efe9;color:var(--green)}.float-finish div{display:flex;flex-direction:column}.float-finish strong{font-size:10px}.float-finish span{font-size:8px;color:#888}.trust-strip{min-height:100px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,7vw,110px)}.trust-strip p{font:18px serif;color:var(--gold-light)}.trust-strip div{display:flex;align-items:center;gap:32px;font-size:12px;color:#c4c8d0}.trust-strip i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.section{padding:115px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;column-gap:7vw;align-items:end;margin-bottom:65px}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:1;font-size:clamp(34px,4vw,52px);line-height:1.35;margin:0}.section-heading>p:last-child{grid-column:2;color:var(--muted);max-width:480px;margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{min-height:380px;background:#f0eee8;padding:38px;position:relative;overflow:hidden;border:1px solid transparent;transition:.3s}.feature:hover{transform:translateY(-4px);border-color:rgba(184,148,88,.45);box-shadow:0 18px 50px rgba(23,32,51,.08)}.feature-large{grid-column:span 2;min-height:440px;display:grid;grid-template-columns:.8fr 1.2fr}.feature-no{position:absolute;right:28px;top:20px;font:58px Georgia,serif;color:rgba(23,32,51,.07)}.feature small{font-size:10px;color:var(--gold);letter-spacing:2px}.feature h3{font:30px "Songti SC",serif;margin:14px 0}.feature p{color:var(--muted);max-width:430px}.course-stack{position:relative;align-self:center;height:300px}.course-stack>img{position:absolute;width:300px;height:190px;object-fit:cover;box-shadow:0 16px 35px rgba(23,32,51,.14)}.course-stack>img:first-child{right:50px;top:20px;transform:rotate(5deg)}.course-stack>img:nth-child(2){right:165px;top:78px;transform:rotate(-5deg)}.mini-progress{position:absolute;right:20px;bottom:20px;width:150px;background:#fff;padding:15px;box-shadow:var(--shadow);display:flex;flex-direction:column}.mini-progress span{font-size:9px;color:#888}.mini-progress strong{font:24px Georgia}.mini-progress strong small{font:9px sans-serif;color:#888;margin-left:3px}.mini-progress div{height:3px;background:#eee}.mini-progress i{display:block;width:70%;height:100%;background:var(--gold)}.exam-visual{width:180px;height:180px;border-radius:50%;border:10px solid #ded8cb;margin:30px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.exam-visual:before{content:"";position:absolute;inset:-10px;border:10px solid transparent;border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;transform:rotate(15deg)}.exam-visual>span{font-size:10px;color:#888}.exam-visual>strong{font:42px Georgia}.exam-visual strong small{font:10px sans-serif}.exam-visual>div{font-size:9px;color:var(--green)}.rank{margin-top:30px;background:#fff}.rank>div{display:flex;align-items:center;padding:12px;border-bottom:1px solid #eee;gap:12px}.rank b{font:18px Georgia;color:var(--gold)}.rank span{display:flex;flex-direction:column;font-size:11px;flex:1}.rank small{letter-spacing:0;color:#999}.rank strong{color:var(--green)}.feature-dark{background:var(--ink);color:#fff}.feature-dark .feature-no{color:rgba(255,255,255,.08)}.feature-dark p{color:#bbc0ca}.social{margin-top:32px;padding:20px;background:rgba(255,255,255,.07);display:flex;gap:14px}.social-avatar{width:35px;height:35px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-size:11px}.social strong{font-size:11px}.social p{font-size:11px;margin:8px 0}.social span{font-size:9px;color:var(--gold-light)}.experience{background:var(--ink);color:#fff;padding:105px clamp(24px,5vw,80px);overflow:hidden}.experience-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:350px 1fr;gap:6vw;align-items:center}.eyebrow.light{color:var(--gold-light)}.experience h2{font-size:52px;line-height:1.25;margin:0 0 25px}.experience-copy>p:not(.eyebrow){color:#b5bbc5}.experience ul{list-style:none;padding:0;margin:30px 0}.experience li{margin:14px 0;font-size:13px}.experience li i{font-style:normal;color:var(--gold-light);margin-right:10px}.screen-stage{height:600px;position:relative;display:flex;align-items:center;justify-content:center}.center-screen,.side-screen{background:#fff;color:var(--ink);box-shadow:0 35px 80px rgba(0,0,0,.35)}.center-screen{z-index:3;width:310px;height:580px;border:7px solid #111a2b;border-radius:28px;overflow:hidden}.screen-title{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px}.center-screen>img{width:100%;height:160px;object-fit:cover}.screen-body{padding:20px}.screen-body>small{color:var(--gold);font-size:8px}.screen-body h3{font:21px serif;margin:6px 0}.screen-body p{font-size:9px;color:#777}.lesson{display:flex;align-items:center;gap:10px;background:#f2f0eb;padding:12px;margin:17px 0}.lesson i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:8px}.lesson span{display:flex;flex-direction:column;font-size:9px}.lesson small{font-size:7px;color:#999}.screen-body button{border:0;width:100%;padding:11px;background:var(--ink);color:#fff;font-size:10px}.side-screen{position:absolute;width:220px;height:390px;padding:20px}.left-screen{left:3%;transform:rotate(-7deg);opacity:.82}.right-screen{right:2%;transform:rotate(7deg);opacity:.82}.side-screen>span{font:17px serif}.left-screen>strong{display:block;font:48px Georgia;margin-top:30px}.donut{width:110px;height:110px;border-radius:50%;border:12px solid #e6e3dc;border-top-color:var(--gold);border-right-color:var(--gold);margin:20px auto}.side-screen small{font-size:8px;color:#777}.moment{display:flex;gap:8px;margin:25px 0 12px;font-size:9px}.moment b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6dcc8;color:#8c6b36}.right-screen>img{width:100%;height:130px;object-fit:cover}.centered{display:block;text-align:center}.centered .eyebrow{justify-content:center}.centered h2{margin:auto}.centered>p:last-child{margin:18px auto 0}.role-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:35px}.role-tabs button{border:1px solid var(--line);background:transparent;padding:10px 34px;color:var(--muted)}.role-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.role-panel{display:grid;grid-template-columns:.8fr 1.2fr;background:#f0eee8;min-height:420px}.role-panel>div:first-child{padding:65px}.role-panel>div:first-child small{color:var(--gold);letter-spacing:2px}.role-panel h3{font:34px serif;margin:15px 0}.role-panel p{color:var(--muted)}.role-panel ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin-top:30px;gap:14px;font-size:13px}.role-panel li:before{content:"✓";color:var(--gold);margin-right:8px}.role-dashboard{background:#fff;margin:35px;padding:35px;box-shadow:0 15px 45px rgba(23,32,51,.08)}.dash-top{display:flex;justify-content:space-between}.dash-top small{color:#999}.dash-score{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin:35px 0}.dash-score>div:first-child{display:flex;flex-direction:column}.dash-score strong{font:52px Georgia}.bar-chart{height:130px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #ddd}.bar-chart i{width:22px;background:#ded4c1}.bar-chart i:nth-child(4),.bar-chart i:nth-child(5){background:var(--gold)}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;padding-top:24px}.dash-stats span{display:flex;flex-direction:column}.dash-stats b{font:22px Georgia}.dash-stats small{font-size:9px;color:#888}.contact{padding:100px clamp(24px,7vw,110px);background:#e5dccb}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.contact h2{font-size:52px;line-height:1.3;margin:0 0 20px}.contact-inner>div>p:last-child{color:#666;max-width:450px}.contact-form{background:#fff;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:flex;flex-direction:column;gap:7px}.contact-form label:nth-child(3){grid-column:span 2}.contact-form label span{font-size:11px;color:#666}.contact-form input{border:0;border-bottom:1px solid #ccc;padding:9px 0;outline:none;border-radius:0}.contact-form input:focus{border-color:var(--gold)}.contact-form button{grid-column:span 2;border:0;background:var(--ink);color:#fff;padding:14px}.contact-form button span{float:right;color:var(--gold-light)}.contact-form p{grid-column:span 2;font-size:9px;color:#999;margin:0}.contact-form p.success{color:var(--green);font-size:12px}footer{min-height:130px;background:#111827;color:#fff;padding:30px clamp(24px,7vw,110px);display:flex;align-items:center;gap:50px}footer p{color:#999;font-size:12px}footer>span{margin-left:auto;color:#777;font-size:10px}.footer-brand{margin-right:0}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:980px){.site-nav,.header-cta{display:none}.menu-button{display:block}.site-nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#fbfaf7;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:130px;background:#fbfaf7}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-product{margin-top:20px}.section-heading{display:block}.section-heading h2{margin-bottom:20px}.feature-large{grid-template-columns:1fr}.course-stack{margin-top:15px}.experience-inner{grid-template-columns:1fr}.experience-copy{text-align:center}.experience-copy .eyebrow{justify-content:center}.experience ul{display:inline-block;text-align:left}.role-panel{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{height:68px;padding:0 18px}.brand-mark{width:34px;height:34px}.hero{padding:110px 20px 60px;min-height:0}.hero h1{font-size:39px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;gap:10px}.button{width:100%;max-width:310px}.hero-proof{gap:16px}.hero-proof div{padding-left:9px}.hero-product{height:560px;transform:scale(.86);margin:-20px -40px}.float-card{display:none}.trust-strip{flex-direction:column;text-align:center;padding:25px 15px}.trust-strip div{gap:10px;flex-wrap:wrap;justify-content:center}.section{padding:75px 20px}.section-heading{margin-bottom:40px}.section-heading h2,.experience h2,.contact h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.feature,.feature-large{grid-column:auto;padding:28px;min-height:350px}.course-stack{height:260px}.course-stack>img{width:230px;height:145px}.course-stack>img:first-child{right:0}.course-stack>img:nth-child(2){left:0;right:auto}.experience{padding:75px 20px}.screen-stage{height:520px}.side-screen{display:none}.center-screen{transform:scale(.88)}.role-tabs button{padding:9px 24px}.role-panel>div:first-child{padding:35px 25px}.role-dashboard{margin:0 18px 25px;padding:22px}.role-panel ul{grid-template-columns:1fr}.dash-score{grid-template-columns:1fr}.bar-chart{height:100px}.contact{padding:75px 20px}.contact-form{padding:28px 22px;grid-template-columns:1fr}.contact-form label:nth-child(3),.contact-form button,.contact-form p{grid-column:auto}footer{flex-direction:column;gap:8px;text-align:center;padding:35px 20px}footer>span{margin-left:0}.footer-brand{margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}