:root{--ink:#19372e;--green:#174e3c;--bg:#f8f8f2;--gold:#d9ad62;--muted:#65776c;--line:#e0e9dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:9}header{background:#14392f;color:#fff;border-bottom:1px solid #426053}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.03em}.brand span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:#15382d;background:#e5c78a;border-radius:10px;margin-right:8px;font-size:22px}.navlink{font-size:14px;color:#e8e9d9}.hero{background:#14392f;color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8%;padding:75px 0 85px}.eyebrow{color:#dec487;font-weight:700;font-size:11px;letter-spacing:.17em}.hero-kicker{font-size:17px;color:#d9e6d7;margin:24px 0 0}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(44px,5vw,68px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 22px}.hero h1 em{font-style:normal;color:#edcf8c}.intro{font-size:17px;max-width:510px;color:#d4e3d6}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:30px 0 50px}.button{background:#efcf91;color:#163b2e;font-size:15px;font-weight:700;padding:15px 22px;border-radius:5px}.button span{margin-left:16px}.ghost{font-size:14px}.hero-stats{display:flex;gap:46px}.hero-stats b{display:block;font:32px Georgia,serif;color:#f3daaa}.hero-stats small{color:#cadbcc}.hero-visual{position:relative}.poster-wrap{max-width:330px;margin:auto;transform:rotate(3deg);box-shadow:0 25px 70px #091c15a0;border:8px solid #f5e4bf;border-radius:4px}.poster-wrap img{display:block;width:100%;height:auto}.visual-note{position:absolute;bottom:-20px;left:-20px;background:#edf3e7;color:#214a39;padding:15px 20px;font-size:13px;box-shadow:0 10px 30px #10251b33}.intro-section{padding:100px 0;background:#f8f8f2}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.dark{color:#668b73}h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(30px,3vw,42px);line-height:1.35;letter-spacing:-.03em;margin:15px 0}p{margin:0 0 15px}.intro-grid p{font-size:16px}.muted{color:var(--muted)}.roadmap{padding:100px 0;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p{max-width:390px;color:var(--muted)}.unit-nav{display:flex;gap:8px;overflow:auto;padding-bottom:15px}.unit-nav a{white-space:nowrap;background:#edf3ec;color:#365f48;padding:10px 16px;border-radius:30px;font-size:13px}.unit{scroll-margin-top:25px;padding:55px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2.1fr;gap:6%}.unit-heading span{color:#86a38c;font-size:12px;letter-spacing:.14em;font-weight:700}.unit-heading h2{font-size:27px;margin:12px 0}.unit-heading p{font-size:14px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson{padding:22px;background:#f7f9f5;border:1px solid #e5eee2;border-radius:8px;display:flex;gap:16px}.lesson-number{color:#8aaa91;font:18px Georgia,serif}.lesson h3{font-size:17px;margin:0 0 8px}.lesson p{font-size:13px;color:#63766b;margin:0 0 17px}.output{border-top:1px solid #dfebdc;padding-top:12px;font-size:12px;color:#789180}.output strong{display:block;color:#216b4d;font-size:14px;margin-top:2px}.method{background:#173e32;color:white;padding:90px 0}.method .section-head p{color:#bfd2c1}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #587467}.method-steps div{padding:25px 15px 10px 0}.method-steps b,.method-steps strong,.method-steps small{display:block}.method-steps b{font:24px Georgia;color:#e2c78b}.method-steps strong{font-size:18px;margin:14px 0 4px}.method-steps small{color:#bfd2c1}.enroll{padding:100px 0;background:#eef3e9}.enroll-grid{display:grid;grid-template-columns:1fr 380px;gap:12%;align-items:center}.enroll-grid p{color:var(--muted);max-width:550px}.price-card{background:white;padding:34px;border-radius:10px;box-shadow:0 18px 60px #1b4d2a0e}.price-card>span{font-size:13px;color:var(--muted)}.price-card div:nth-child(2){margin-top:12px}.price-card div:nth-child(2) small{color:#7b8b7e}.price-card strong{font:48px Georgia,serif;color:#174c36;margin-left:10px}.price-card p{color:#87958b;text-decoration:line-through}.price-rule{border-top:1px solid var(--line);margin:22px 0}.price-card b,.price-card>small{display:block}.price-card>small{margin-top:5px;color:var(--muted)}footer{background:#112e27;color:#e8eee4;padding:45px 0}.foot{display:grid;grid-template-columns:1fr 1.3fr;gap:12%}.foot p{color:#b9cabb;font-size:12px;margin-top:10px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:66px}.hero-grid{grid-template-columns:1fr;gap:55px;padding:60px 0}.hero h1{font-size:45px}.hero-stats{gap:35px}.poster-wrap{max-width:260px}.visual-note{left:0}.intro-section,.roadmap,.method,.enroll{padding:65px 0}.intro-grid,.enroll-grid,.foot{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head p{margin-top:15px}.unit{grid-template-columns:1fr;gap:10px;padding:40px 0}.lesson-grid{grid-template-columns:1fr 1fr}.method-steps{grid-template-columns:1fr 1fr}.price-card{max-width:440px;width:100%}}@media(max-width:460px){.hero h1{font-size:40px}.lesson-grid{grid-template-columns:1fr}.unit-heading h2{font-size:25px}.hero-stats{gap:26px}.lesson{padding:19px}.navlink{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}