:root{--ink:#173a34;--ink-soft:#4d6761;--green:#176b57;--green-dark:#0f4d40;--mint:#b9dfcf;--mint-soft:#e6f2ec;--cream:#f7f4eb;--paper:#fffdf8;--yellow:#f2c968;--coral:#de795f;--line:#173a3424;--shadow:0 22px 60px #183b341a;--radius-lg:32px;--radius-md:22px;--page-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 8% 2%,#b9dfcf59,transparent 28rem),var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p{line-height:1.8}.app-shell{min-height:100vh}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4ebe0;border-bottom:1px solid #173a3414;position:sticky;top:0}.site-header__inner{width:min(var(--page-width),calc(100% - 40px));justify-content:space-between;align-items:center;height:78px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand__mark{flex:none;width:42px;height:42px;display:block}.brand__mark img{width:100%;height:100%;display:block}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__text strong{letter-spacing:.12em;font-family:Songti SC,STSong,serif;font-size:21px}.brand__text small{color:var(--ink-soft);letter-spacing:.13em;margin-top:5px;font-size:8px}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav__link{color:var(--ink-soft);border-radius:999px;padding:10px 18px;font-size:14px;transition:all .16s}.desktop-nav__link.is-active,.desktop-nav__link:hover{color:var(--green-dark);background:#b9dfcf75}.login-link{border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:14px}.account-status{color:var(--ink-soft);font-size:13px}.account-retry{border:1px solid var(--line);color:var(--green-dark);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px}.account-menu{color:var(--ink-soft);align-items:center;gap:10px;font-size:12px;display:flex}.account-menu__identity{padding:8px 4px;transition:color .16s}.account-menu__identity:hover{color:var(--green)}.account-menu button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 13px}.account-menu button:disabled{cursor:wait;opacity:.6}.page-main{min-height:calc(100vh - 180px)}.shell-error,.sync-notice{z-index:50;width:min(620px,100% - 40px);box-shadow:var(--shadow);border-radius:14px;margin:0;position:fixed;top:92px;left:50%;transform:translate(-50%)}.sync-notice{color:var(--green-dark);background:var(--mint-soft);justify-content:space-between;align-items:center;gap:18px;padding:13px 14px 13px 18px;font-size:13px;display:flex}.sync-notice button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-size:22px}.shell-error{color:#9c4033;background:#fff2ee;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;font-size:13px;display:flex}.shell-error button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;text-decoration:underline}.page-section{width:min(var(--page-width),calc(100% - 40px));margin:0 auto}.page-stack{padding:72px 0 110px}.eyebrow{color:var(--green);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:700;display:inline-block}.light-button,.primary-button,.primary-link,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 23px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button,.primary-link{color:#fff;background:var(--green-dark);box-shadow:0 10px 30px #0f4d402e}.light-button:hover,.primary-button:hover,.primary-link:hover{transform:translateY(-2px)}.secondary-button{border:1px solid var(--line);background:#fffdf8b3}.back-link,.text-link{color:var(--green);font-size:14px;font-weight:700}.text-link span{transition:transform .16s;display:inline-block}.text-link:hover span{transform:translate(4px)}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;min-height:660px;padding:76px 0 92px;display:grid}.auth-card h1,.course-hero h1,.hero__content h1,.page-intro h1,.route-hero h1{letter-spacing:-.04em;margin:18px 0 24px;font-family:Songti SC,STSong,serif;font-size:clamp(46px,5.6vw,76px);font-weight:600;line-height:1.14}.hero__content h1 em{color:var(--green);font-style:normal;position:relative}.hero__content h1 em:after{content:"";background:var(--yellow);opacity:.65;border-radius:50%;height:9px;position:absolute;bottom:-7px;left:2%;right:0;transform:rotate(-1deg)}.hero__content>p{max-width:560px;color:var(--ink-soft);font-size:17px}.hero__actions{gap:12px;margin-top:34px;display:flex}.hero__stats{gap:36px;margin:44px 0 0;display:flex}.hero__stats div{border-right:1px solid var(--line);padding-right:36px}.hero__stats div:last-child{border:0}.hero__stats dt{font-family:Georgia,serif;font-size:27px;font-weight:700}.hero__stats dd{color:var(--ink-soft);margin:5px 0 0;font-size:12px}.hero__visual{min-height:500px;box-shadow:var(--shadow);background:linear-gradient(160deg,#b9dfcf 0,#dbeadd 55%,#f2c968 140%);border-radius:48% 48% 36px 36px;position:relative;overflow:hidden}.hero__visual:after{content:"";background:var(--green-dark);height:52%;inset:auto -10% -25%;transform:rotate(-4deg)}.hero__sun,.hero__visual:after{border-radius:50%;position:absolute}.hero__sun{background:var(--yellow);width:92px;height:92px;top:70px;right:70px;box-shadow:0 0 0 22px #f2c9682e}.hero__court{z-index:2;position:absolute;inset:22% 13% 18%}.hero__player{color:#0000;background:var(--coral);clip-path:polygon(36% 0,68% 0,76% 17%,100% 42%,78% 51%,67% 36%,68% 100%,17% 100%,31% 44%,0 55%,0 36%,29% 18%);border-radius:52% 52% 18px 18px;place-items:center;width:105px;height:190px;display:grid;position:absolute;bottom:22%;left:24%;transform:rotate(7deg)}.hero__trajectory{border-top:3px dashed #0f4d406b;border-radius:50%;width:52%;height:46%;position:absolute;top:5%;left:37%;transform:rotate(-15deg)}.hero__shuttle{color:#fff;background:var(--green-dark);border-radius:50% 12% 50% 50%;place-items:center;width:44px;height:44px;font-family:serif;display:grid;position:absolute;top:3%;right:3%;transform:rotate(20deg)}.hero__note{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d3a31c2;border:1px solid #ffffff59;border-radius:20px;grid-template-columns:1fr 2fr;gap:4px 22px;padding:20px 24px;display:grid;position:absolute;bottom:32px;left:36px;right:36px}.hero__note small{color:var(--mint);grid-row:span 2;align-self:center}.hero__note strong{font-size:18px}.hero__note span{opacity:.75;font-size:12px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.lesson-section>h2,.section-heading h2{margin:8px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(28px,3.6vw,43px);font-weight:600}.section-heading>p{max-width:430px;color:var(--ink-soft);margin:0}.featured-path-section,.practice-preview{padding:92px 0}.path-card{border-radius:var(--radius-lg);color:#fff;background:var(--green-dark);box-shadow:var(--shadow);padding:46px;position:relative;overflow:hidden}.path-card:after{content:"知\a 行";white-space:pre;color:#ffffff0f;font-family:Songti SC,STSong,serif;font-size:128px;line-height:.75;position:absolute;bottom:-20px;right:7%}.path-card__topline{z-index:1;color:var(--mint);justify-content:space-between;font-size:13px;display:flex;position:relative}.path-card .eyebrow{color:var(--yellow)}.path-card h2{margin:22px 0 10px;font-family:Songti SC,STSong,serif;font-size:clamp(30px,4vw,48px);font-weight:500}.path-card h2,.path-card>p{z-index:1;position:relative}.path-card>p{color:#ffffffb3;max-width:680px}.path-card__steps{z-index:1;grid-template-columns:repeat(3,1fr);width:min(760px,100%);margin:34px 0;padding:0;list-style:none;display:grid;position:relative}.path-card__steps li{color:#ffffffdb;align-items:center;gap:10px;font-size:14px;display:flex}.path-card__steps span{border:1px solid #ffffff57;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.path-card .primary-link{z-index:1;color:var(--ink);background:var(--yellow);position:relative}.course-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8d1;min-width:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.course-card__visual{background:linear-gradient(135deg,var(--mint-soft),var(--mint));align-items:center;height:150px;padding:24px;display:flex;position:relative;overflow:hidden}.course-card:nth-child(2n) .course-card__visual{background:linear-gradient(135deg,#f6e8bf,var(--yellow))}.course-card:nth-child(3n) .course-card__visual{background:linear-gradient(135deg,#ead2c6,#df8b70)}.course-card__visual span{z-index:2;font-family:Georgia,serif;font-size:42px;position:relative}.course-card__visual i{border:2px solid #173a3452;border-radius:100% 0;width:70px;height:115px;position:absolute;top:18px;right:42px;transform:rotate(24deg)}.course-card__visual i:after,.course-card__visual i:before{content:"";background:#173a3442;position:absolute}.course-card__visual i:before{width:1px;height:132px;top:4px;left:33px}.course-card__visual i:after{width:86px;height:1px;top:50%;left:-7px;transform:rotate(-32deg)}.course-card__body{padding:24px}.course-card__meta{color:var(--ink-soft);gap:8px;font-size:11px;display:flex}.course-card__meta span{background:var(--mint-soft);border-radius:999px;padding:5px 9px}.course-card h3,.practice-card h3{margin:16px 0 8px;font-family:Songti SC,STSong,serif;font-size:23px}.course-card p,.practice-card p{color:var(--ink-soft);margin:0;font-size:14px}.course-card__footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.favorite-button{border:1px solid var(--line);min-height:42px;color:var(--green-dark);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.favorite-button.is-compact{justify-content:center;width:38px;min-height:38px;padding:0}.favorite-button.is-active{color:#a84636;background:#fff2ee;border-color:#de795f5c}.favorite-button:disabled{cursor:wait;opacity:.62}.practice-preview{margin-top:100px;position:relative}.practice-preview:before{content:"";z-index:-1;background:#fffdf8b8;position:absolute;inset:0 calc(50% - 50vw)}.practice-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.practice-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);grid-template-columns:42px 1fr;gap:18px;padding:28px;display:grid}.practice-card__icon{color:#fff;background:var(--green);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.practice-card__stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0;display:grid}.practice-card__stats div{background:var(--cream);border-radius:10px;padding:10px}.practice-card__stats dt{color:var(--ink-soft);font-size:10px}.practice-card__stats dd{margin:4px 0 0;font-size:12px;font-weight:700}.practice-card details{font-size:12px}.practice-card summary{color:var(--green);cursor:pointer;font-weight:700}.practice-card details p{margin-top:12px;font-size:12px}.safety-tip{border-top:1px dashed var(--line);padding-top:8px}.page-intro{max-width:830px;margin-bottom:54px}.page-intro h1{margin-bottom:18px;font-size:clamp(42px,6vw,68px)}.page-intro p{max-width:620px;color:var(--ink-soft);font-size:17px}.page-intro--row{justify-content:space-between;align-items:end;gap:50px;max-width:none;display:flex}.page-intro--row>p{max-width:400px}.path-list{gap:24px;display:grid}.route-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--mint-soft),#e8e2bd);justify-content:space-between;align-items:end;gap:40px;padding:54px;display:flex}.route-hero h1{max-width:720px;margin-bottom:10px;font-size:clamp(40px,5vw,64px)}.route-hero p{max-width:680px;color:var(--ink-soft)}.route-hero .back-link{margin-bottom:40px;display:block}.route-hero__badge{color:#fff;background:var(--green-dark);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:118px;height:118px;display:flex}.route-hero__badge span{font-family:Georgia,serif;font-size:40px}.route-progress{max-width:850px;margin:70px auto 0}.route-step{grid-template-columns:52px 2px 1fr;gap:24px;min-height:230px;display:grid}.route-step__index{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:52px;height:52px;font-family:Georgia,serif;font-size:20px;display:grid}.route-step__line{background:var(--line);width:2px;height:100%}.route-step:last-child .route-step__line{background:linear-gradient(var(--line),transparent)}.route-step__content{padding:2px 0 50px}.route-step__content>span{color:var(--green);font-size:12px}.route-step__content h2{margin:8px 0;font-family:Songti SC,STSong,serif;font-size:30px}.route-step__content p{max-width:620px;color:var(--ink-soft)}.route-step__content .primary-link{min-height:42px;margin-top:10px}.course-hero{grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;padding:72px 0 64px;display:grid}.course-hero__content .back-link{margin-bottom:44px;display:block}.course-hero h1{margin:18px 0 14px;font-size:clamp(48px,6vw,74px)}.course-hero__content>p{max-width:680px;color:var(--ink-soft);font-size:17px}.course-hero__actions{gap:12px;margin-top:30px;display:flex}.course-hero__goal{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow);padding:28px}.course-hero__goal p{margin-bottom:0;font-family:Songti SC,STSong,serif;font-size:20px}.course-content{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:80px;padding:60px 0 120px;display:grid}.lesson-main{min-width:0}.lesson-section{border-bottom:1px solid var(--line);padding:54px 0}.lesson-section:first-child{padding-top:0}.principle-block>p{margin:18px 0;font-family:Songti SC,STSong,serif;font-size:clamp(22px,2.6vw,30px);line-height:1.8}.principle-block aside{border-left:4px solid var(--yellow);color:var(--ink-soft);background:#f2c96829;gap:14px;padding:18px 22px;line-height:1.7;display:flex}.principle-block aside strong{color:var(--ink);flex:none}.stage-list{margin:34px 0 0;padding:0;list-style:none}.stage-list li{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:20px;padding:26px 0;display:grid}.stage-list__number{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.key-point-grid h3,.stage-list h3{margin:0 0 7px;font-size:19px}.key-point-grid p,.mistake-row p,.stage-list p{color:var(--ink-soft);margin:0}.stage-list strong{color:var(--green);margin-top:10px;font-size:13px;display:inline-block}.key-point-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.key-point-grid article{background:var(--mint-soft);border-radius:18px;padding:24px}.key-point-grid article>span{color:var(--green);font-family:Georgia,serif;font-size:24px}.key-point-grid h3{margin-top:22px}.mistake-row{background:#fff2eea6;border:1px solid #de795f38;border-radius:16px;margin-top:20px;padding:22px}.mistake-row>strong{color:#a64b3b}.mistake-row p{margin-top:10px}.mistake-row p span{color:var(--green);font-weight:700}.practice-grid--single{grid-template-columns:1fr;margin-top:28px}.lesson-aside{position:sticky;top:112px}.lesson-aside nav{border:1px solid var(--line);background:#fffdf8b8;border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.lesson-aside nav a{color:var(--ink-soft);font-size:13px}.lesson-aside>p{color:var(--ink-soft);padding:16px;font-size:11px}.self-check-panel{border-radius:var(--radius-lg);color:#fff;background:var(--green-dark);margin-top:60px;padding:40px}.section-heading--light .eyebrow{color:var(--yellow)}.section-heading--light h2{color:#fff}.self-check-panel__count{color:var(--mint);font-family:Georgia,serif;font-size:30px}.check-row{cursor:pointer;border-top:1px solid #ffffff24;align-items:flex-start;gap:14px;padding:18px 0;line-height:1.7;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--yellow);margin-top:2px}.self-check-panel__footer{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.self-check-panel__footer p{color:#ffffff9e;margin:0;font-size:13px}.self-check-panel__status{min-width:0}.self-check-panel__status .is-error{color:#ffd1c9}.self-check-panel__status .is-success{color:var(--mint)}.light-button{color:var(--ink);background:var(--yellow);cursor:pointer;border:0;flex:none}.light-button.is-disabled,.light-button:disabled{opacity:.62;cursor:default;transform:none}.filter-tabs{gap:8px;margin-bottom:30px;display:flex}.filter-tabs button{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px}.filter-tabs button.is-active{color:#fff;border-color:var(--green);background:var(--green)}.practice-grid--library{grid-template-columns:repeat(2,1fr)}.content-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.content-state__symbol{width:62px;height:62px;color:var(--green);background:var(--mint-soft);border-radius:50%;place-items:center;font-family:serif;font-size:25px;display:grid}.content-state h2{margin:20px 0 5px;font-family:Songti SC,STSong,serif}.content-state p{color:var(--ink-soft);margin:0}.user-account-page__intro,.user-center-page__intro{max-width:720px;margin-bottom:26px}.user-account-page__intro h1,.user-center-page__intro h1{margin:12px 0 10px;font-size:clamp(38px,4.5vw,56px)}.account-panel,.user-center-panel,.user-login-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffdf8d6;overflow:hidden}.user-login-summary,.user-profile-summary{border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--mint-soft),#fffdf8f0);padding:24px 30px}.user-profile-summary{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.user-profile-summary__mark{color:#fff;background:var(--green-dark);border-radius:50%;place-items:center;width:52px;height:52px;font-family:Songti SC,STSong,serif;font-size:20px;display:grid}.user-profile-summary__identity span{color:var(--green);letter-spacing:.12em;font-size:10px;font-weight:700}.account-panel h2,.account-panel p,.user-center-menu__item h3,.user-center-menu__item p,.user-center-panel__heading h2,.user-login-panel h2,.user-login-panel p,.user-login-summary h2,.user-login-summary p,.user-profile-summary__identity h2,.user-profile-summary__identity p{margin:0}.user-profile-summary__identity h2{margin-top:2px;font-family:Songti SC,STSong,serif;font-size:21px}.user-profile-summary__identity p{color:var(--ink-soft);margin-top:2px;font-size:11px}.user-center-menu__count,.user-profile-summary__status{color:var(--green-dark);background:#b9dfcfad;border-radius:999px;font-size:11px;font-weight:700}.user-profile-summary__status{padding:7px 11px}.user-login-summary{grid-template-columns:1fr auto;align-items:center;gap:30px;display:grid}.user-login-summary h2{margin-top:5px;font-family:Songti SC,STSong,serif;font-size:clamp(23px,2.6vw,31px)}.user-login-summary p{color:var(--ink-soft);margin-top:3px;font-size:12px}.user-login-summary .primary-button{min-height:42px}.user-login-panel{background:linear-gradient(135deg,var(--mint-soft),#fffdf8f0);grid-template-columns:1fr auto;align-items:center;gap:30px;padding:30px;display:grid}.user-login-panel h2{margin-top:5px;font-family:Songti SC,STSong,serif;font-size:clamp(23px,2.6vw,31px)}.user-login-panel p{color:var(--ink-soft);margin-top:3px;font-size:12px}.user-center-panel__body{padding:8px 30px 18px}.user-center-panel__heading{padding:18px 0 12px}.user-center-panel__heading h2{margin-top:4px;font-family:Songti SC,STSong,serif;font-size:25px}.user-center-menu{border-top:1px solid var(--line)}.user-center-menu__item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:92px;padding:16px 6px;transition:background .16s;display:grid}.user-center-menu__item:last-child{border-bottom:0}.user-center-menu__item:hover{background:#e6f2ec80}.user-center-menu__icon{width:44px;height:44px;color:var(--green-dark);background:var(--mint-soft);border-radius:14px;place-items:center;font-family:Songti SC,STSong,serif;font-size:17px;display:grid}.user-center-menu__item h3{font-family:Songti SC,STSong,serif;font-size:20px}.user-center-menu__item p{color:var(--ink-soft);margin-top:2px;font-size:12px}.user-center-menu__meta{color:var(--green);font-size:12px;font-weight:700}.user-center-menu__trailing{justify-content:flex-end;align-items:center;gap:16px;min-width:96px;display:inline-flex}.user-center-menu__count{text-align:center;min-width:30px;padding:6px 9px}.user-center-menu__arrow{color:var(--green);transition:transform .16s}.user-center-menu__item:hover .user-center-menu__arrow{transform:translate(3px)}.user-account-page__intro .back-link{margin-bottom:34px;display:block}.account-panel{padding:42px}.account-panel+.account-panel{margin-top:24px}.account-panel header h2,.account-panel--action h2{margin-top:8px;font-family:Songti SC,STSong,serif;font-size:31px}.account-list{border-top:1px solid var(--line);margin:30px 0 0}.account-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.45fr) 1fr;gap:24px;padding:20px 0;display:grid}.account-list dt{color:var(--ink-soft);font-size:13px}.account-list dd{margin:0;font-weight:700}.account-panel__note{color:var(--ink-soft);font-size:12px;margin-top:22px!important}.account-panel--action{grid-template-columns:1fr auto;align-items:center;gap:30px;display:grid}.account-panel--action p{color:var(--ink-soft);margin-top:7px;font-size:13px}.account-logout{color:#9c4033;cursor:pointer;border:1px solid #9c40334d}.account-logout:disabled{cursor:wait;opacity:.6}.account-panel--action .form-message{grid-column:1/-1}.auth-page{place-items:center;min-height:calc(100vh - 180px);padding-top:70px;padding-bottom:100px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);max-width:650px;box-shadow:var(--shadow);padding:55px}.auth-card .eyebrow{margin-top:54px}.auth-card h1{font-size:clamp(38px,5vw,56px)}.auth-card p{color:var(--ink-soft)}.auth-card .primary-button{margin-top:20px}.auth-card--form{width:min(560px,100%)}.auth-card--form .eyebrow{margin-top:38px}.auth-card--form h1{margin-bottom:12px}.auth-card--form>p{margin-top:0}.auth-tabs{background:var(--mint-soft);border-radius:999px;grid-template-columns:repeat(2,1fr);margin-top:40px;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px}.auth-tabs button.is-active{color:var(--green-dark);background:var(--paper);box-shadow:0 5px 18px #183b3417}.auth-back{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:38px;padding:0;font-size:13px;font-weight:700}.auth-form{gap:18px;margin-top:30px;display:grid}.form-field{gap:8px;display:grid}.form-field>span{color:var(--ink-soft);font-size:12px;font-weight:700}.code-input,.form-field>input,.phone-input{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:50px}.code-input input,.form-field>input,.phone-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0 16px}.code-input:focus-within,.form-field>input:focus,.phone-input:focus-within{border-color:#176b57a6;box-shadow:0 0 0 3px #b9dfcf61}.code-input,.phone-input{align-items:center;display:flex}.phone-input>span{color:var(--ink-soft);padding-left:16px;font-size:13px}.code-input input,.phone-input input{flex:1;min-height:48px}.code-input button{min-width:112px;color:var(--green-dark);background:var(--mint-soft);cursor:pointer;border:0;border-radius:10px;margin-right:6px;padding:9px 12px;font-size:12px;font-weight:700}.code-input button:disabled{color:var(--ink-soft);cursor:wait;opacity:.66}.form-message{border-radius:10px;margin:-3px 0 0;padding:10px 13px;font-size:12px;line-height:1.6}.form-message.is-error{color:#9c4033;background:#fff2ee}.form-message.is-success{color:var(--green-dark);background:var(--mint-soft)}.auth-submit{cursor:pointer;border:0;width:100%}.auth-submit:disabled{cursor:wait;opacity:.66;transform:none}.auth-links{justify-content:center;gap:24px;margin-top:22px;display:flex}.auth-links button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.site-footer{width:min(var(--page-width),calc(100% - 40px));border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin:0 auto;padding:50px 0 42px;display:flex}.site-footer p{color:var(--ink-soft);margin:14px 0 0;font-size:12px}.site-footer__meta{letter-spacing:.12em}.mobile-nav{display:none}@media (width<=900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.hero__visual{min-height:440px}.course-grid,.practice-grid{grid-template-columns:repeat(2,1fr)}.path-card__steps{grid-template-columns:1fr;gap:14px}.course-content{grid-template-columns:1fr;gap:0}.lesson-aside{display:none}.course-hero{gap:30px}.course-hero,.key-point-grid{grid-template-columns:1fr}}@media (width<=640px){.page-section,.site-footer,.site-header__inner{width:min(100% - 28px,var(--page-width))}.site-header__inner{height:66px}.brand__mark{width:36px;height:36px}.brand__text strong{font-size:18px}.brand__text small{display:none}.login-link{padding:7px 13px;font-size:12px}.account-menu__identity{display:none}.account-menu button{padding:7px 11px;font-size:12px}.page-main{padding-bottom:75px}.shell-error,.sync-notice{width:calc(100% - 28px);top:78px}.page-stack{padding-top:45px;padding-bottom:70px}.account-panel--action,.user-login-panel,.user-login-summary{grid-template-columns:1fr;align-items:stretch}.account-panel,.user-login-panel,.user-login-summary,.user-profile-summary{padding:22px 20px}.user-profile-summary{grid-template-columns:auto 1fr}.user-profile-summary__status{display:none}.user-login-panel .primary-button,.user-login-summary .primary-button{width:100%}.user-center-panel__body{padding:6px 20px 12px}.user-center-menu__item{grid-template-columns:auto 1fr auto;gap:12px}.user-center-menu__trailing{min-width:auto}.user-center-menu__meta{display:none}.account-list>div{grid-template-columns:1fr;gap:7px}.hero{gap:40px;padding:45px 0 72px}.hero__content h1{font-size:45px}.hero__content>p{font-size:15px}.hero__actions{flex-direction:column;align-items:stretch}.hero__stats{gap:16px}.hero__stats div{padding-right:16px}.hero__visual{border-radius:42% 42% 26px 26px;min-height:390px}.hero__sun{width:68px;height:68px;top:52px;right:35px}.hero__player{left:15%}.hero__note{grid-template-columns:1fr;bottom:18px;left:18px;right:18px}.hero__note small{grid-row:auto}.featured-path-section,.practice-preview{padding:65px 0}.page-intro--row,.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.auth-card,.path-card,.route-hero,.self-check-panel{border-radius:24px;padding:28px}.auth-page{padding-top:34px;padding-bottom:70px}.auth-tabs{margin-top:30px}.auth-links{flex-direction:column;align-items:center;gap:13px}.path-card h2{font-size:34px}.course-grid,.practice-grid,.practice-grid--library{grid-template-columns:1fr}.practice-preview{margin-top:65px}.page-intro{margin-bottom:38px}.course-hero h1,.page-intro h1,.route-hero h1{font-size:42px}.route-hero{flex-direction:column;align-items:flex-start}.course-hero__content .back-link,.route-hero .back-link{margin-bottom:30px}.route-hero__badge{width:82px;height:82px}.route-hero__badge span{font-size:28px}.route-progress{margin-top:45px}.route-step{grid-template-columns:42px 1fr;gap:15px}.route-step__index{width:42px;height:42px}.route-step__line{display:none}.course-hero{padding-top:44px}.course-hero__actions{flex-direction:column;align-items:stretch}.course-content{padding-top:25px}.lesson-section{padding:42px 0}.principle-block aside{flex-direction:column}.self-check-panel__footer{flex-direction:column;align-items:stretch}.filter-tabs{padding-bottom:5px;overflow-x:auto}.filter-tabs button{flex:none}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:110px}.mobile-nav{z-index:40;color:#ffffffa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f4d40f0;border:1px solid #ffffff29;border-radius:22px;grid-template-columns:repeat(4,1fr);height:64px;padding:7px 10px;display:grid;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 14px 40px #0f322b4d}.mobile-nav__link{flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.mobile-nav__link>span:first-child{font-size:19px}.mobile-nav__link.is-active{color:var(--yellow)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}