:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#18342d;background:#f6f8f5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:8px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px max(5vw,24px);border-bottom:1px solid #dce7dd;background:#fff}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:20px;font-weight:750;line-height:1.15}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#276c4c;color:white}.brand-small{display:block;margin-top:5px;font-size:11px;letter-spacing:.08em;font-weight:500;color:#6e8175}.topbar nav{display:flex;align-items:center;gap:27px}.topbar nav a{text-decoration:none;font-size:14px;color:#587066}.topbar nav a:hover,.topbar nav .current{color:#146442}.topbar nav button{border:1px solid #b7d3c1;border-radius:999px;padding:10px 16px;background:#f4fbf5;color:#176140;font-size:13px}.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:30px;align-items:center;max-width:1240px;margin:0 auto;padding:75px 32px 80px}.eyebrow{margin:0 0 15px;color:#398a59;letter-spacing:.15em;font-size:12px;font-weight:750}.intro h1{margin:0;color:#14382a;font-size:clamp(43px,5vw,72px);line-height:1.22;letter-spacing:-.05em}.intro h1 em{font-style:normal;color:#38875a}.intro-copy>p:not(.eyebrow){max-width:560px;line-height:1.85;color:#63746b;font-size:16px}.intro-link,.contact-link,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:11px;background:#276c4c;color:#fff;padding:13px 19px;text-decoration:none;font-size:14px;font-weight:700}.intro-link:hover,.primary-action:hover{background:#195d3e}.intro-note{background:#e5f1e6;border:1px solid #cfe4d2;border-radius:22px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;box-shadow:0 12px 36px #0e48200b}.intro-note span{font-size:12px;color:#507965;letter-spacing:.13em}.intro-note strong{font-size:19px}.intro-note i{height:17px;border-left:1px solid #80b795;margin-left:7px}.intro-note small{margin-top:7px;color:#5c7566;line-height:1.7}.workspace{background:#fff;border-top:1px solid #e4ebe5;border-bottom:1px solid #e4ebe5;padding:55px max(calc((100vw - 1176px)/2),32px) 70px}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.workspace h2,.study h2{font-size:clamp(27px,3vw,36px);margin:0;letter-spacing:-.03em}.search{display:flex;align-items:center;gap:10px;background:#f5f8f5;border:1px solid #dce6dd;border-radius:12px;padding:0 14px;color:#789080}.search input{width:min(280px,32vw);padding:12px 0;border:0;background:transparent;outline:0;color:#18342d}.search:focus-within{outline:2px solid #4d9d68}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #dae5dc;border-radius:18px;overflow:hidden;min-height:510px}.course-nav{background:#f8faf8;border-right:1px solid #dae5dc;padding:14px}.course-nav button{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:14px;background:transparent;color:#405a4b}.course-nav button strong{display:block;font-size:15px}.course-nav button small{display:block;margin-top:5px;color:#85968a}.course-nav button:hover{background:#edf5ee}.course-nav button.active{background:#dff0e1;color:#216342}.lesson-panel{padding:29px 33px}.lesson-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid #e7ede8}.lesson-head h3{font-size:28px;margin:0 0 8px}.lesson-head p:not(.eyebrow){margin:0;color:#73857a}.lesson-count{white-space:nowrap;color:#73917c;font-size:13px}.lesson-list{display:grid}.lesson{display:flex;align-items:center;gap:16px;width:100%;padding:19px 2px;border:0;border-bottom:1px solid #ecf0ec;background:#fff;text-align:left;color:#1c382b}.lesson:hover{background:#fafdfa}.lesson-number{font-variant-numeric:tabular-nums;color:#82a58b;font-size:13px;width:28px}.lesson-name{flex:1;font-size:15px;font-weight:600}.lesson-meta{color:#75867b;font-size:12px;white-space:nowrap}.lesson-badge{color:#27794b;font-size:12px;font-weight:650}.lesson-badge.locked{color:#8c958e}.empty{color:#748277;line-height:1.8;padding:28px}.study{display:flex;justify-content:space-between;gap:40px;max-width:1240px;padding:70px 32px;margin:auto}.study>p{max-width:570px;line-height:1.85;color:#5e7065;margin:0}footer{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:start;background:#1d3d2c;color:#edf5ed;padding:38px max(5vw,24px)}footer p,footer small{color:#bacdc0}footer p{margin:8px 0 0}footer div:nth-child(2){display:flex;gap:20px;flex-wrap:wrap;font-size:13px}footer small{width:100%;font-size:11px}dialog{border:0;border-radius:18px;box-shadow:0 30px 90px #001a1066;width:min(92vw,570px);padding:25px 27px;color:#18342d}dialog::backdrop{background:#13291dbb}.dialog-top{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:18px}.dialog-top h2{margin:0;font-size:23px}.dialog-top button{border:0;background:transparent;font-size:29px;line-height:1;color:#62766a}.dialog-top .eyebrow{margin-bottom:7px}dialog p{line-height:1.7;color:#5e7065}#player-dialog{width:min(92vw,940px)}#player{width:100%;max-height:66vh;background:#09150f;border-radius:9px}#account-form{display:grid;gap:14px}#account-form label{display:grid;gap:7px;font-size:13px;font-weight:700}#account-form input{width:100%;padding:13px;border:1px solid #cdd9cf;border-radius:9px;outline:none}#account-form input:focus{border-color:#399261;box-shadow:0 0 0 3px #39926122}.form-error,.player-error{color:#b33434!important;margin:0}.text-action{border:0;background:transparent;color:#276c4c;padding:13px 0}.fine-print{font-size:12px}.fine-print a{color:#276c4c}.player-help{font-size:12px}@media(max-width:760px){.topbar{align-items:start}.brand-small,.topbar nav>a{display:none}.topbar nav{gap:0}.intro{grid-template-columns:1fr;padding:52px 24px}.intro-note{display:none}.workspace{padding:40px 16px}.workspace-heading{display:block}.search{margin-top:20px}.search input{width:100%}.workspace-grid{grid-template-columns:1fr}.course-nav{border-right:0;border-bottom:1px solid #dae5dc;overflow:auto}.course-nav>div{display:flex;gap:6px}.course-nav button{min-width:138px}.lesson-panel{padding:22px 19px}.lesson-head h3{font-size:23px}.lesson-meta{display:none}.study{display:block;padding:55px 25px}.study>p{margin-top:20px}}