:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#27272a;--forest:#e60023;--jade:#e60023;--warm:#ff6b7f;--paper:#f7f7f8;--muted:#71717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}a{color:inherit;text-decoration:none}.classroom-sidebar>nav{display:block!important}.classroom-chapter{width:100%!important;display:block!important}.classroom-body{grid-template-columns:minmax(0,1fr) clamp(360px,27vw,440px)!important}.classroom-sidebar h1{font-size:18px!important;line-height:1.45!important}.classroom-sidebar>header{padding:26px 22px 22px!important}.classroom-sidebar>nav{padding:18px 16px 32px!important}.classroom-chapter-toggle{min-height:74px!important;padding:16px!important}.classroom-chapter-toggle small{font-size:12px!important}.classroom-lessons>button{grid-template-columns:46px 1fr 24px!important;gap:12px!important;min-height:76px!important;padding:12px 14px!important}.classroom-lessons b{overflow-wrap:anywhere;text-overflow:clip!important;white-space:normal!important;font-size:14px!important;line-height:1.5!important;overflow:visible!important}.classroom-lessons small,.lesson-signal{font-size:12px!important}.classroom-now-playing b{font-size:14px!important}.classroom-profile{justify-self:center}.classroom-profile-menu{top:46px!important;right:0!important}.classroom-account{overflow:hidden}.classroom-account img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.classroom-body{grid-template-columns:1fr!important}.classroom-profile-menu{position:fixed!important;top:66px!important;right:14px!important}}.document-learning-shell{background:#fff;min-height:100vh;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.document-learning{width:min(1240px,100% - 48px);margin:0 auto;padding:58px 0 100px}.document-learning>header{border-bottom:1px solid #dedee2;padding:0 0 30px}.document-back{color:#27272a;place-items:center;width:34px;height:34px;margin:0 0 22px -8px;font-size:32px;font-weight:300;line-height:1;text-decoration:none;display:grid}.document-back:hover{color:#e60023}.document-learning>header .eyebrow{color:#e60023;letter-spacing:.18em;margin:0 0 13px;font:700 11px/1 Inter,PingFang SC,sans-serif}.document-learning>header h1{color:#27272a;letter-spacing:-.018em;overflow-wrap:anywhere;max-width:920px;margin:0;font:700 clamp(28px,2.4vw,36px)/1.35 Inter,PingFang SC,Microsoft YaHei,sans-serif}.document-learning>header>span{color:#8b8b94;margin-top:14px;font-size:13px;display:block}.document-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:32px;display:grid}.document-group{background:#fff;border:1px solid #e2e2e6;border-radius:10px;overflow:hidden;box-shadow:0 3px 14px #18181b08}.document-group>header{background:#fafafa;border-bottom:1px solid #ececef;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;display:flex}.document-group>header h2{color:#27272a;margin:0;font:700 17px/1.4 Inter,PingFang SC,sans-serif}.document-group>header span{color:#9a9aa2;flex:none;font-size:12px}.document-files{display:grid}.document-files>button{color:#27272a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f0f2;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:14px;width:100%;min-height:76px;padding:14px 20px;display:grid}.document-files>button:last-child{border-bottom:0}.document-files>button:hover{background:#fafafb}.document-files>button:hover .document-file-copy b{color:#e60023}.document-files>button:disabled{cursor:wait;opacity:.58}.document-pdf-mark{color:#e60023;letter-spacing:.05em;background:#fff5f6;border:1px solid #ef9aa7;border-radius:5px;place-items:center;width:38px;height:30px;font-size:10px;font-weight:800;display:grid}.document-file-copy{gap:7px;min-width:0;display:grid}.document-file-copy b{color:#27272a;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.55;transition:color .15s}.document-file-copy small{color:#9a9aa2;font-size:12px}.document-files>button em{color:#aaaab1;text-align:right;font-size:15px;font-style:normal}.document-progress{gap:9px;margin-top:24px;display:grid}.document-progress>div:first-child{color:#71717a;justify-content:space-between;align-items:center;font-size:13px;display:flex}.document-progress>div:first-child b{color:#27272a;font-size:13px}.document-progress>div:last-child{background:#eceef0;border-radius:4px;height:5px;overflow:hidden}.document-progress>div:last-child i{background:#27272a;border-radius:4px;height:100%;transition:width .2s;display:block}.document-batch-bar{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;align-items:center;gap:18px;min-height:58px;margin-top:24px;padding:10px 14px;display:flex}.document-batch-bar label{color:#27272a;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.document-batch-bar input,.document-select input{accent-color:#e60023;cursor:pointer;width:15px;height:15px;margin:0}.document-batch-bar>span{color:#92929a;font-size:12px}.document-batch-bar>button{color:#fff;cursor:pointer;background:#27272a;border:1px solid #27272a;border-radius:5px;margin-left:auto;padding:9px 15px;font-size:13px;font-weight:600}.document-batch-bar>button:disabled{color:#a1a1aa;cursor:not-allowed;background:#eeeeef;border-color:#d4d4d8}.document-groups{margin-top:24px}.document-file-row{background:#fff;border-bottom:1px solid #f0f0f2;grid-template-columns:28px minmax(0,1fr) 76px;align-items:stretch;min-height:76px;padding:0 14px;display:grid}.document-file-row:last-child{border-bottom:0}.document-file-row:hover{background:#fafafb}.document-select{cursor:pointer;place-items:center;display:grid}.document-view-button{color:#27272a;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px 8px;display:grid}.document-view-button:hover .document-file-copy b{color:#e60023}.document-view-button:disabled,.document-download-button:disabled{cursor:wait;opacity:.58}.document-download-button{color:#62626b;cursor:pointer;background:#fff;border:1px solid #dedee2;border-radius:4px;align-self:center;padding:7px 10px;font-size:12px}.document-download-button:hover{color:#27272a;background:#f7f7f8;border-color:#bdbdc4}.document-empty{color:#8b8b94;text-align:center;background:#fff;border:1px dashed #d4d4d8;border-radius:10px;margin:32px 0;padding:52px}@media (max-width:820px){.document-learning{width:min(100% - 28px,1240px);padding:36px 0 70px}.document-groups{grid-template-columns:1fr;gap:18px}.document-learning>header h1{font-size:30px}.document-files>button{padding:13px 15px}.document-batch-bar{flex-wrap:wrap}.document-batch-bar>button{margin-left:auto}.document-file-row{grid-template-columns:26px minmax(0,1fr) 72px;padding:0 9px}.document-view-button{gap:10px;padding:12px 5px}}.pdf-preview-shell{color:#fff;background:#262626;height:100vh;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}.pdf-preview-header{background:#373737;border-bottom:1px solid #4b4b4b;align-items:center;gap:18px;height:48px;padding:0 20px;display:flex}.pdf-preview-header a{color:#fff;white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.pdf-preview-header a:hover{color:#f5a3af}.pdf-preview-header strong{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.pdf-preview-frame{background:#262626;border:0;width:100%;height:calc(100vh - 48px);display:block}.pdf-preview-state{color:#d4d4d8;text-align:center;place-content:center;justify-items:center;gap:12px;height:calc(100vh - 48px);display:grid}.pdf-preview-state b{font-size:18px}.pdf-preview-state p{color:#a1a1aa;margin:0;font-size:13px}.pdf-preview-state a{color:#fff;border:1px solid #71717a;border-radius:5px;padding:9px 15px;font-size:13px}body:has(.pdf-preview-shell)>.feedback-float{display:none}@media (max-width:640px){.pdf-preview-header{gap:10px;padding:0 12px}.pdf-preview-header strong{font-size:12px}}button{font:inherit}.site-header{border-bottom:1px solid #d9ded7;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 clamp(20px,5vw,76px);display:flex}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-weight:800;display:flex}.brand span{color:#fff;background:var(--forest);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}nav{gap:clamp(18px,3vw,42px);font-size:14px;display:flex}nav a:hover{color:var(--forest)}.ghost{color:var(--muted);background:0 0;border:1px solid #bdc9c4;border-radius:999px;padding:9px 18px}.hero{background:radial-gradient(circle at 80% 30%,#d7e8dc 0 14%,#0000 34%),linear-gradient(135deg,#f7f5ef 45%,#e9efe6);min-height:620px;padding:clamp(72px,11vw,150px) clamp(20px,9vw,140px);position:relative;overflow:hidden}.hero:after{content:"途";color:#176b5b0a;font:900 clamp(240px,42vw,650px)/1 serif;position:absolute;bottom:-16vw;right:4vw}.eyebrow{color:var(--forest);letter-spacing:.22em;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;max-width:850px;margin:28px 0 22px;font:700 clamp(52px,8.5vw,112px)/.98 Georgia,Songti SC,serif}h1 em{color:var(--forest);font-style:normal}.hero>p{max-width:610px;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.8}.actions{color:var(--muted);align-items:center;gap:24px;margin-top:40px;font-size:13px;display:flex}.primary{color:#fff;background:var(--forest);border-radius:999px;padding:14px 22px;box-shadow:0 12px 28px #176b5b2b}.english-zone{color:#fff;background:linear-gradient(120deg,#102a2b,#174c47);grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;padding:92px clamp(20px,9vw,140px);display:grid}.english-zone h2{margin-top:24px}.english-zone h2 em{color:#91cdbb;font-style:normal}.english-zone p{color:#c3d1ce;max-width:520px;line-height:1.8}.english-zone a{color:#fff;border-bottom:1px solid #91cdbb;align-items:center;gap:14px;margin-top:20px;padding-bottom:7px;display:inline-flex}.catalog{padding:92px clamp(20px,5vw,76px)}.catalog-heading{align-items:flex-start;gap:30px;margin-bottom:38px;display:flex}.catalog-heading h2{margin:0}.catalog-heading p{color:var(--muted)}.catalog-state{text-align:center;color:var(--muted);background:#ffffff72;border:1px solid #ced8d2;padding:64px 30px}.catalog-state b{color:var(--ink);font-size:20px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.course-card{background:#fff;border:1px solid #ced8d2;flex-direction:column;min-height:290px;padding:30px;transition:transform .2s,border-color .2s;display:flex}.course-card:hover{border-color:var(--jade);transform:translateY(-3px)}.course-card>small{color:var(--jade)}.catalog-grid h3{margin:50px 0 14px;font-size:24px}.course-card>p{color:var(--muted);line-height:1.7}.catalog-grid footer{border-top:1px solid #e4e8e3;margin-top:auto;padding:18px 0 0}.catalog-grid footer strong{color:var(--forest);font-size:18px}.principles{border-top:1px solid #d9ded7;grid-template-columns:1fr 1fr;gap:50px;padding:90px clamp(20px,9vw,140px);display:grid}.section-no{color:var(--jade);font:700 12px/1 monospace}h2{margin:18px 0 0;font:650 clamp(34px,5vw,64px)/1.15 Georgia,Songti SC,serif}.principles>p{max-width:560px;color:var(--muted);align-self:end;line-height:1.9}.feature-grid{border:1px solid #ced8d2;grid-template-columns:repeat(3,1fr);margin:0 clamp(20px,5vw,76px) 100px;display:grid}.feature-grid article{background:#ffffff80;border-right:1px solid #ced8d2;min-height:290px;padding:36px}.feature-grid article:last-child{border-right:0}.feature-grid article>span{color:var(--jade);font:700 12px monospace}.feature-grid h3{margin:86px 0 14px;font-size:23px}.feature-grid p{color:var(--muted);line-height:1.75}.learning-band{color:#fff;background:var(--ink);grid-template-columns:1.25fr .75fr;gap:60px;padding:100px clamp(20px,9vw,140px);display:grid}.learning-band small{color:#87c7b5;letter-spacing:.2em}.learning-band ul{align-content:end;gap:0;margin:0;padding:0;list-style:none;display:grid}.learning-band li{border-bottom:1px solid #ffffff25;padding:18px 0}.redeem{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:76px clamp(20px,9vw,140px);display:grid}.redeem h2{margin:0;font-size:38px}.redeem p{color:var(--muted)}.redeem button{color:#6c7772;background:#e1e5df;border:0;border-radius:999px;padding:13px 22px}footer{color:var(--muted);border-top:1px solid #d9ded7;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,76px);font-size:12px;display:flex}.back-home{color:var(--muted);font-size:13px;position:absolute;top:30px;left:clamp(20px,5vw,70px)}.member-shell{background:radial-gradient(circle at 20% 20%,#dcebe2,transparent 34%),var(--paper);place-items:center;min-height:100vh;padding:90px 20px;display:grid;position:relative}.member-card{background:#fffffff0;border:1px solid #d5ddd7;width:min(460px,100%);padding:clamp(30px,5vw,56px);box-shadow:0 24px 70px #254c3a12}.member-card h1{margin:16px 0 30px;font-size:44px}.member-tabs{border-bottom:1px solid #dbe1dc;grid-template-columns:1fr 1fr;margin-bottom:26px;display:grid}.member-tabs button{color:var(--muted);background:0 0;border:0;padding:12px}.member-tabs button.active{color:var(--forest);border-bottom:2px solid var(--forest)}.member-card label{color:#465b58;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:grid}.member-card input,.redeem-page input{background:#fff;border:1px solid #c9d4ce;border-radius:9px;outline:none;width:100%;padding:13px}.member-card input:focus,.redeem-page input:focus{border-color:var(--jade);box-shadow:0 0 0 3px #2a8c7218}.member-submit,.redeem-page form button,.course-hero aside button{color:#fff;background:var(--forest);border:0;border-radius:9px;width:100%;padding:13px 20px}.member-submit:disabled{opacity:.6}.member-error{color:#9d3535;font-size:13px}.member-note{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.7}.page-state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:18px;padding:30px;display:grid}.page-state h1{font-size:48px}.account-shell>header,.course-page>header{border-bottom:1px solid #d9ded7;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(20px,5vw,76px);display:flex}.account-shell>header button{color:var(--muted);background:0 0;border:0}.account-hero{color:#fff;background:linear-gradient(120deg,var(--ink),#174c47);padding:80px clamp(20px,9vw,140px)}.account-hero h1{margin:18px 0;font-size:clamp(44px,6vw,82px)}.account-links{border-bottom:1px solid #d9ded7;grid-template-columns:repeat(3,1fr);padding:0 clamp(20px,5vw,76px);display:grid}.account-links a{border-right:1px solid #d9ded7;justify-content:space-between;padding:22px;display:flex}.account-links b{color:var(--jade)}.account-section{border-bottom:1px solid #d9ded7;grid-template-columns:.35fr .65fr;gap:50px;padding:90px clamp(20px,9vw,140px);display:grid}.account-section h2{font-size:42px}.account-records{border-top:1px solid #ccd6d0}.account-records>a,.account-records>div{border-bottom:1px solid #ccd6d0;justify-content:space-between;gap:30px;padding:22px 4px;display:flex}.account-records span{gap:7px;display:grid}.account-records small,.account-records em{color:var(--muted);font-size:12px;font-style:normal}.account-empty{color:var(--muted);background:#ffffff72;border:1px solid #d4dcd6;padding:42px}.account-empty b{color:var(--ink);font-size:19px}.account-empty a{color:var(--forest);margin:12px 18px 0 0;display:inline-block}.redeem-page{background:linear-gradient(135deg,#f7f5ef 40%,#dce9df);place-items:center;min-height:100vh;padding:90px 20px;display:grid;position:relative}.redeem-page>section{background:#fff;width:min(680px,100%);padding:clamp(34px,6vw,70px)}.redeem-page h1{margin:18px 0;font-size:clamp(48px,7vw,82px)}.redeem-page>section>p{color:var(--muted);line-height:1.8}.redeem-page form{grid-template-columns:1fr auto;gap:10px;margin:36px 0 20px;display:grid}.redeem-page form label{grid-column:1/-1;font-size:13px;font-weight:700}.redeem-page form button{width:auto}.redeem-page>section>small{color:var(--muted);margin-top:26px;line-height:1.7;display:block}.redeem-message{justify-content:space-between;gap:18px;padding:14px;font-size:13px;display:flex}.redeem-message.error{color:#943d3d;background:#fff0f0}.redeem-message a{font-weight:700}.course-hero{background:radial-gradient(circle at 25% 20%,#d8eade,#0000 30%),#edf1ea;grid-template-columns:1fr 340px;gap:8vw;padding:90px clamp(20px,9vw,140px);display:grid}.course-hero h1{margin:22px 0;font-size:clamp(52px,7vw,92px)}.course-hero>div>p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.course-teacher{gap:14px;margin-top:32px;display:flex}.course-teacher span{color:var(--muted)}.course-hero aside{color:#fff;background:var(--ink);align-self:end;gap:13px;padding:30px;display:grid}.course-hero aside strong{font:650 42px Georgia,serif}.course-hero aside button{background:var(--jade);margin-top:15px}.course-body{grid-template-columns:.75fr 1.25fr;gap:8vw;padding:90px clamp(20px,9vw,140px);display:grid}.course-body h2{font-size:40px}.course-body article>p{color:var(--muted);line-height:1.9}.course-body details{border-top:1px solid #cbd5cf}.course-body summary{cursor:pointer;grid-template-columns:auto 1fr auto;gap:18px;padding:22px 0;list-style:none;display:grid}.course-body summary>b{color:var(--jade);font:700 12px monospace}.course-body summary>span,.lesson-row em{color:var(--muted);font-size:12px;font-style:normal}.lesson-row{border-top:1px dashed #dbe1dc;justify-content:space-between;gap:20px;padding:14px 0 14px 38px;display:flex}@media (max-width:760px){nav{display:none}.hero{min-height:560px}.actions{flex-direction:column;align-items:flex-start}.english-zone,.principles,.learning-band,.account-section,.course-hero,.course-body{grid-template-columns:1fr}.english-zone{gap:32px}.catalog-heading{gap:18px}.catalog-grid,.feature-grid{grid-template-columns:1fr}.feature-grid article{border-bottom:1px solid #ced8d2;border-right:0;min-height:230px}.feature-grid h3{margin-top:50px}.redeem{grid-template-columns:auto 1fr}.redeem button{grid-column:2;justify-self:start}.account-links{grid-template-columns:1fr}.account-links a{border-bottom:1px solid #d9ded7;border-right:0}.account-records>a,.account-records>div{flex-direction:column;align-items:flex-start}.redeem-page form{grid-template-columns:1fr}.redeem-page form button{width:100%}.course-hero aside{align-self:stretch}.course-body{gap:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.subpage-header{z-index:20;position:sticky;top:0}.back-button{color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:5px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;display:inline-flex}.back-button:hover{color:var(--forest);border-color:#f4a3af}.account-shell,.course-page,.policy-page{background:#fff;min-height:100vh}.account-hero{background:linear-gradient(125deg,#e60023,#b9001c)}.account-hero>span{color:#ffe4e8}.redeem-page{background:linear-gradient(145deg,#fff 20%,#fff1f3);padding:0;display:block}.redeem-page>section{margin:72px auto;box-shadow:0 24px 70px #8f001316}.redeem-message.success{color:#9b0018;background:#fff0f2}.course-hero{background:radial-gradient(circle at 25% 20%,#ffe1e6,#0000 32%),#fff7f8}.course-hero aside{background:linear-gradient(145deg,#e60023,#bd001d)}.course-hero aside small,.course-hero aside span,.course-hero aside p{color:#ffe2e7}.course-hero aside button{color:#e60023;background:#fff}.page-state .red-button,.page-state .primary{background:var(--forest);box-shadow:none;border-radius:5px}.message-login-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.modal-open{overflow:hidden}.auth-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18181b66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{background:#fff;border-radius:8px;width:min(460px,100%);max-height:calc(100vh - 40px);padding:54px 52px 42px;position:relative;overflow:auto;box-shadow:0 28px 90px #09090b40}.auth-close{color:#3f3f46;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:30px;font-weight:300;position:absolute;top:14px;right:18px}.auth-tabs{border-bottom:1px solid #eee;gap:30px;margin-bottom:28px;display:flex}.auth-tabs button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;padding:0 0 14px;font-size:14px;font-weight:650;position:relative}.auth-tabs button.active{color:#27272a}.auth-tabs button.active:after{content:"";background:#e60023;height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-kicker{color:#e60023;letter-spacing:.13em;margin:0 0 8px;font-size:12px;font-weight:750}.auth-dialog h2{margin:0 0 12px;font:750 28px/1.25 Inter,PingFang SC,sans-serif}.auth-description{color:#71717a;margin:0 0 24px;font-size:13px;line-height:1.75}.auth-form{gap:14px;display:grid}.auth-form>label{background:#f5f5f6;border:1px solid #ececef;border-radius:6px;align-items:center;min-height:46px;margin:0;display:flex;overflow:hidden}.auth-form>label>span{color:#27272a;flex:0 0 72px;padding-left:18px;font-size:13px}.auth-form input{color:#27272a;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:13px 16px}.auth-form input::placeholder{color:#b9b9bf}.password-field button,.code-field button{color:#52525b;cursor:pointer;background:0 0;border:0;flex:none;padding:0 15px}.code-field button{color:#e60023;font-size:12px}.code-field button:disabled{color:#a1a1aa;cursor:not-allowed}.auth-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.auth-primary,.auth-secondary{cursor:pointer;border-radius:5px;min-height:44px;font-size:14px;font-weight:700}.auth-primary{color:#fff;background:#e60023;border:1px solid #e60023}.auth-secondary{color:#27272a;background:#fff;border:1px solid #e4e4e7}.auth-primary.full{width:100%;margin-top:4px}.auth-primary:disabled{opacity:.6;cursor:not-allowed}.auth-error,.dev-code{border-radius:5px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55}.auth-error{color:#a00018;background:#fff0f2}.dev-code{color:#7c3d00;background:#fff7e8}.agreement-check{color:#8a8a92;align-items:flex-start;gap:7px;margin-top:26px;font-size:11px;line-height:1.7;display:flex}.agreement-check input{accent-color:#e60023;flex:none;margin-top:3px}.agreement-check a{color:#27272a;margin:0 3px;font-weight:650}.policy-content{width:min(860px,100% - 40px);margin:56px auto 100px}.policy-content header{border-bottom:1px solid #e4e4e7;padding-bottom:28px}.policy-content h1{margin:12px 0;font-size:clamp(36px,6vw,62px)}.policy-content h2{margin:38px 0 12px;font:700 22px/1.4 Inter,PingFang SC,sans-serif}.policy-content p,.policy-content li{color:#52525b;line-height:1.9}.policy-content li+li{margin-top:7px}.policy-meta{font-size:13px;color:#a1a1aa!important}@media (max-width:640px){.subpage-header .back-button{order:3}.subpage-header{gap:10px}.auth-overlay{align-items:end;padding:0}.auth-dialog{border-radius:14px 14px 0 0;width:100%;max-height:92vh;padding:48px 24px 30px}.redeem-page>section{margin:30px 14px}}.learning-page{padding:60px clamp(20px,7vw,110px) 100px}.learning-page>header{border-bottom:1px solid #e4e4e7;padding-bottom:28px}.learning-page>header h1{margin:10px 0;font-size:clamp(38px,6vw,70px)}.learning-player{background:#18181b;width:100%;max-height:70vh;margin:30px 0}.learning-layout{grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:60px;margin-top:38px;display:grid}.learning-layout h2{font:700 25px/1.4 Inter,PingFang SC,sans-serif}.learning-layout aside section{border-top:1px solid #e4e4e7;margin-top:20px}.learning-layout aside h3{margin:18px 0 10px}.learning-layout aside button{color:#27272a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f0f1;justify-content:space-between;width:100%;padding:13px 4px;display:flex}.learning-layout aside button span{color:#e60023;font-size:12px}.learning-layout aside button:disabled{color:#a1a1aa;cursor:not-allowed}.learning-layout aside button:disabled span{color:#a1a1aa}.learning-layout article p{color:#71717a;line-height:1.9}@media (max-width:760px){.learning-layout{grid-template-columns:1fr;gap:30px}}.account-center-shell{color:#27272a;background:#fff;min-height:100vh}.account-center-shell>.store-header{border-bottom:0;min-height:64px;padding:0 max(32px,50vw - 740px)}.account-center{width:min(920px,100% - 48px);margin:42px auto 100px}.account-center h1{margin:0 0 28px;font:700 20px/1.4 Inter,PingFang SC,sans-serif}.account-setting-row{border-bottom:1px solid #ececee;justify-content:space-between;align-items:center;gap:30px;min-height:102px;display:flex}.account-setting-row>div{gap:9px;min-width:0;display:grid}.account-setting-row b{font-size:14px}.account-setting-row span,.account-setting-row small{color:#7b7b83;font-size:12px}.account-setting-row>button{color:#27272a;cursor:pointer;background:#fff;border:1px solid #e3e3e6;border-radius:6px;flex:0 0 112px;width:112px;min-height:40px;font-size:13px}.account-setting-row>button:hover:not(:disabled){background:#fafafa;border-color:#babac0}.account-setting-row>button:disabled{color:#a1a1aa;cursor:not-allowed;background:#fafafa}.avatar-row>div{grid-template-columns:auto auto;align-items:center;column-gap:12px}.avatar-row>div>b{grid-column:1/-1}.account-avatar{background:linear-gradient(145deg,#555,#aaa);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;color:#fff!important;font-size:16px!important}.logout-row b,.delete-row b{color:#e60023}.delete-row{margin-top:70px}.account-editor-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18181b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-editor{background:#fff;border-radius:10px;width:min(430px,100%);padding:34px;position:relative;box-shadow:0 24px 80px #0004}.account-editor-close{color:#71717a;cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:26px;position:absolute;top:12px;right:14px}.account-editor h2{margin:0 0 26px;font-size:21px}.account-editor form{gap:16px;display:grid}.account-editor label{color:#52525b;gap:8px;font-size:13px;font-weight:600;display:grid}.account-editor input{border:1px solid #d8d8dc;border-radius:5px;outline:0;width:100%;height:42px;padding:0 12px}.account-editor input:focus{border-color:#a1a1aa;box-shadow:0 0 0 3px #18181b0a}.account-editor form>button{color:#fff;cursor:pointer;background:#27272a;border:0;border-radius:5px;height:43px;margin-top:4px;font-weight:700}.account-editor form>button:disabled{opacity:.5;cursor:not-allowed}.account-code-field{border:1px solid #d8d8dc;border-radius:5px;grid-template-columns:1fr 112px;display:grid}.account-code-field:focus-within{border-color:#a1a1aa;box-shadow:0 0 0 3px #18181b0a}.account-code-field input{border:0;box-shadow:none!important}.account-code-field button{color:#e60023;cursor:pointer;background:#fff;border:0;border-left:1px solid #ececee;font-size:12px}.account-code-field button:disabled{color:#a1a1aa;cursor:not-allowed}.account-editor-message{color:#166534;background:#f0fdf4;margin:14px 0 0;padding:10px 12px;font-size:12px}@media (max-width:640px){.account-center-shell>.store-header{padding:0 15px}.account-center{width:calc(100% - 32px);margin-top:25px}.account-setting-row{min-height:94px}.account-setting-row>button{flex-basis:92px;width:92px}.delete-row{margin-top:35px}.account-editor-overlay{align-items:end;padding:0}.account-editor{border-radius:14px 14px 0 0;width:100%;padding:32px 22px}}.account-cancel-warning{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;gap:10px;padding:14px;font-size:13px;line-height:1.65;display:grid}.account-cancel-warning span{color:#be123c;font-size:12px}.account-editor .account-cancel-check{color:#52525b;align-items:flex-start;gap:9px;font-size:12px;font-weight:500;line-height:1.6;display:flex}.account-editor .account-cancel-check input{accent-color:#e60023;flex:0 0 15px;width:15px;height:15px;margin-top:2px}.account-editor form>.account-cancel-button{background:#e60023}.account-avatar{overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.account-inline-error{color:#a00018;background:#fff0f2;margin:-1px 0 0;padding:10px 12px;font-size:12px}.feedback-float{z-index:70;color:#27272a;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;width:58px;padding:0;display:grid;position:fixed;bottom:24px;right:28px}.feedback-float span{color:#fff;background:#e60023;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-weight:600;transition:transform .2s,background .2s;display:grid;box-shadow:0 8px 22px #e6002345}.feedback-float b{font-size:12px;font-weight:600}.feedback-float:hover span{background:#c9001f;transform:translateY(-2px)}.feedback-overlay{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18181b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedback-dialog{background:#fff;border-radius:10px;width:min(460px,100%);padding:34px;position:relative;box-shadow:0 24px 80px #0004}.feedback-close{color:#71717a;cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:26px;position:absolute;top:12px;right:14px}.feedback-dialog h2{margin:0 0 8px;font-size:22px}.feedback-dialog>p{color:#71717a;margin:0 0 24px;font-size:13px}.feedback-dialog form{gap:16px;display:grid}.feedback-dialog label{color:#52525b;gap:8px;font-size:13px;font-weight:600;display:grid}.feedback-dialog textarea,.feedback-dialog input{width:100%;font:inherit;resize:vertical;border:1px solid #d8d8dc;border-radius:5px;outline:0;padding:11px 12px;font-size:13px}.feedback-dialog textarea:focus,.feedback-dialog input:focus{border-color:#e60023;box-shadow:0 0 0 3px #e6002312}.feedback-dialog form>button{color:#fff;cursor:pointer;background:#e60023;border:0;border-radius:5px;height:43px;font-weight:700}.feedback-dialog form>button:disabled{opacity:.55;cursor:not-allowed}.feedback-message{padding:10px 12px;margin:14px 0 0!important;font-size:12px!important}.feedback-message.success{color:#166534;background:#f0fdf4}.feedback-message.error{color:#a00018;background:#fff0f2}@media (max-width:640px){.feedback-float{bottom:16px;right:14px}.feedback-overlay{align-items:end;padding:0}.feedback-dialog{width:100%;padding:32px 22px calc(26px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}}.video-classroom{color:#fff;background:#000;height:100vh;min-height:620px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}.classroom-header{background:#050505;border-bottom:1px solid #27272a;grid-template-columns:52px 1fr 52px;align-items:center;height:62px;display:grid}.classroom-header>a{color:#fff;place-items:center;height:100%;text-decoration:none;display:grid}.classroom-header>a:first-child{font-size:34px;font-weight:200}.classroom-header>strong{letter-spacing:.04em;justify-self:center;font-size:15px}.classroom-account{background:#27272a;border:1px solid #52525b;border-radius:50%;justify-self:center;width:34px!important;height:34px!important}.classroom-account svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;width:19px;height:19px}.classroom-body{grid-template-columns:minmax(0,1fr) clamp(330px,24vw,400px);height:calc(100vh - 62px);min-height:558px;display:grid}.classroom-stage{background:#050505;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.classroom-player{object-fit:contain;background:#000;width:100%;height:100%;display:block}.classroom-player-empty{color:#71717a;justify-items:center;gap:16px;display:grid}.classroom-player-empty span{color:#fff;border:1px solid #3f3f46;border-radius:50%;place-items:center;width:70px;height:70px;padding-left:4px;font-size:25px;display:grid}.classroom-player-empty b{font-size:13px;font-weight:500}.classroom-now-playing{z-index:2;pointer-events:none;background:#0009;border-radius:5px;gap:5px;padding:9px 12px;display:grid;position:absolute;top:18px;left:20px}.classroom-now-playing span{color:#a1a1aa;font-size:10px}.classroom-now-playing b{text-overflow:ellipsis;white-space:nowrap;max-width:min(620px,60vw);font-size:13px;overflow:hidden}.classroom-error{z-index:3;color:#fecaca;background:#7f1d1de8;border-radius:5px;max-width:380px;margin:0;padding:10px 13px;font-size:12px;position:absolute;top:18px;right:18px}.classroom-sidebar{background:#090909;border-left:1px solid #28282b;flex-direction:column;min-width:0;display:flex;overflow:hidden}.classroom-sidebar>header{border-bottom:1px solid #27272a;padding:24px 20px 20px}.classroom-sidebar h1{color:#fff;overflow-wrap:anywhere;margin:0;font:700 17px/1.5 Inter,PingFang SC,sans-serif}.classroom-sidebar>header>p{color:#71717a;margin:8px 0 18px;font-size:11px}.classroom-progress-label{color:#a1a1aa;justify-content:space-between;align-items:center;font-size:12px;display:flex}.classroom-progress-label b{color:#fff}.classroom-progress{background:#29292c;height:3px;margin-top:9px;overflow:hidden}.classroom-progress i{background:#e60023;height:100%;display:block}.classroom-sidebar>nav{scrollbar-color:#52525b transparent;scrollbar-width:thin;flex:1;min-height:0;padding:18px 14px 30px;overflow-y:auto}.classroom-chapter{margin-bottom:12px}.classroom-chapter-toggle{color:#fff;text-align:left;cursor:pointer;background:#242426;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:66px;padding:14px;display:flex}.classroom-chapter-toggle>span{gap:6px;display:grid}.classroom-chapter-toggle b{font-size:13px;line-height:1.45}.classroom-chapter-toggle small{color:#a1a1aa;font-size:10px}.classroom-chapter-toggle em{color:#d4d4d8;font-size:14px;font-style:normal}.classroom-lessons{background:#0b0b0c}.classroom-lessons>button{color:#e4e4e7;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #202023;grid-template-columns:42px 1fr 20px;align-items:center;gap:9px;width:100%;min-height:66px;padding:10px 12px;display:grid}.classroom-lessons>button:hover,.classroom-lessons>button.active{background:#151517}.classroom-lessons>button:disabled{color:#71717a;cursor:not-allowed}.lesson-signal{color:#71717a;text-align:center;font-size:10px}.classroom-lessons>button.active .lesson-signal{color:#e60023;letter-spacing:-2px}.classroom-lessons>button>span:nth-child(2){gap:6px;min-width:0;display:grid}.classroom-lessons b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.classroom-lessons small{color:#71717a;font-size:10px}.classroom-lessons em{color:#22c55e;text-align:center;font-size:15px;font-style:normal}body:has(.video-classroom)>.feedback-float{display:none}@media (max-width:900px){.video-classroom{height:auto;min-height:100vh;overflow:visible}.classroom-header{z-index:10;position:sticky;top:0}.classroom-body{grid-template-columns:1fr;height:auto;min-height:0}.classroom-stage{aspect-ratio:16/9;height:auto}.classroom-sidebar{border-top:1px solid #28282b;border-left:0;overflow:visible}.classroom-sidebar>nav{overflow:visible}.classroom-now-playing{padding:7px 9px;top:10px;left:10px}.classroom-now-playing b{max-width:65vw}.classroom-error{max-width:55vw;top:10px;right:10px}.classroom-lessons b{white-space:normal}}
.storefront{--store-red:#e60023;--store-black:#27272a;--store-muted:#71717a;--content:1480px;min-height:100vh;color:var(--store-black);background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.store-header{z-index:30;height:64px;padding:0 max(32px,calc((100vw - var(--content))/2));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #eee;align-items:center;gap:38px;display:flex;position:sticky;top:0}.brand-logo{background:url(/brand/shangtu-yunxue-logo.png) -21px -65px/171px 171px no-repeat;flex:0 0 132px;width:132px;height:34px;display:block;position:relative;overflow:hidden}.brand-logo span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.store-header nav{align-self:stretch;gap:34px;font-size:14px;display:flex}.store-header nav a{align-items:center;display:flex;position:relative}.store-header nav a:hover,.store-header nav a.active{color:var(--store-red)}.store-header nav a.active:after{content:"";background:var(--store-red);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:24px;margin-left:auto;font-size:13px;display:flex}.header-actions a:hover{color:var(--store-red)}.login-button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:5px;padding:8px 18px}.header-session-loading{background:#f4f4f5;border-radius:50%;width:34px;height:34px}.header-profile{position:relative}.profile-trigger{color:#27272a;cursor:pointer;background:#f4f4f5;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.profile-trigger:hover{background:#e9eaec}.profile-trigger svg,.profile-menu svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.profile-menu{z-index:50;background:#fff;border:1px solid #ececee;border-radius:9px;width:300px;padding:10px;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 10px 28px #18181b14}.profile-identity{border-bottom:1px solid #ececee;align-items:center;gap:14px;padding:14px 12px 18px;display:flex}.profile-identity>span{color:#27272a;background:#e9eaec;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.profile-identity b{color:#27272a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.profile-menu>a,.profile-menu>button{color:#27272a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:14px 10px;font-size:14px;display:flex}.profile-menu>a{margin-top:7px}.profile-menu>a:hover,.profile-menu>button:hover{color:#27272a;background:#f5f5f6}.profile-menu>a svg,.profile-menu>button svg{flex:0 0 18px;width:18px;height:18px}.store-hero{width:min(var(--content),calc(100% - 64px));background:#f6f6f6;border-bottom:1px solid #e8e8e8;grid-template-columns:minmax(0,1fr) 390px;min-height:350px;margin:36px auto 0;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:56px 70px;display:flex}.red-label{color:var(--store-red);font-size:13px;font-weight:700}.hero-copy h1{letter-spacing:-.04em;margin:16px 0 14px;font:750 clamp(40px,4vw,60px)/1.13 Inter,PingFang SC,sans-serif}.hero-copy p{max-width:600px;color:var(--store-muted);margin:0;font-size:15px;line-height:1.8}.hero-actions{gap:10px;margin-top:26px;display:flex}.red-button,.plain-button{cursor:pointer;border:0;border-radius:5px;padding:11px 20px;font-size:13px;font-weight:650}.red-button{color:#fff;background:var(--store-red)}.plain-button{background:#fff;border:1px solid #d4d4d8}.english-feature{color:#fff;background:linear-gradient(145deg,#e60023,#bd001d);flex-direction:column;justify-content:center;padding:46px;display:flex}.feature-kicker{color:#ffd6dc;font-size:12px}.english-feature strong{margin-top:14px;font-size:34px}.english-feature p{color:#ffe7eb;margin:12px 0 30px;font-size:13px;line-height:1.7}.english-feature em{font-size:13px;font-style:normal;font-weight:650}.service-strip{width:min(var(--content),calc(100% - 64px));background:#fff;border-bottom:1px solid #eee;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.service-strip span{color:#a1a1aa;border-right:1px solid #eee;gap:9px;padding:18px 28px;font-size:12px;display:flex}.service-strip span:last-child{border-right:0}.service-strip b{color:#3f3f46;font-size:13px}.home-my-courses{width:min(var(--content),calc(100% - 64px));margin:38px auto 0}.home-my-courses>h2{margin:0 0 36px;font:700 20px/1.4 Inter,PingFang SC,sans-serif}.home-my-courses-state{color:#71717a;text-align:center;background:#f5f6f7;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:34px;display:flex}.home-my-courses-state b{color:#27272a;font-size:15px}.home-my-courses-state p{margin:10px 0 0;font-size:13px}.home-my-courses-state.compact-empty{min-height:150px}.home-login-button{color:#27272a;cursor:pointer;background:#fff;border:1px solid #d9dce0;border-radius:4px;width:170px;margin-top:44px;padding:12px 20px;font-size:14px;font-weight:600}.home-login-button:hover{background:#fafafa;border-color:#b8bbc1}.home-course-action{color:#27272a;background:#fff;border:1px solid #d9dce0;border-radius:4px;margin-top:22px;padding:10px 18px;font-size:13px}.home-owned-grid{gap:38px;display:grid}.home-owned-card{background:#fff;grid-template-columns:260px minmax(260px,360px);justify-content:start;align-items:center;gap:40px;min-height:146px;display:grid}.home-owned-cover{aspect-ratio:16/9;color:#fff;background:linear-gradient(145deg,#25252a,#505057);border-radius:11px;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative;overflow:hidden}.home-owned-cover:after{content:"";border:28px solid var(--store-red);border-radius:50%;width:130px;height:130px;position:absolute;top:-60px;right:-60px}.home-owned-cover span,.home-owned-cover b{z-index:1;position:relative}.home-owned-cover span{color:#fca5a5;margin-bottom:7px;font-size:11px}.home-owned-cover b{max-width:82%;font-size:19px;line-height:1.3}.home-owned-cover.has-image{background:#f4f4f5;padding:0}.home-owned-cover.has-image:after{display:none}.home-owned-cover img{object-fit:cover;width:100%;height:100%;display:block}.home-owned-content{min-width:0}.home-owned-content h3{overflow-wrap:anywhere;white-space:normal;margin:0 0 15px;font-size:18px;line-height:1.45}.home-owned-content p{color:#a1a1aa;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.home-owned-content p b{color:#27272a;font-size:14px}.home-progress{background:#eceef0;border-radius:3px;width:200px;height:4px;margin-top:13px;overflow:hidden}.home-progress i{background:#27272a;border-radius:3px;height:100%;display:block}.home-learn-button{color:#fff;background:#25242a;border-radius:2px;place-items:center;width:200px;height:43px;margin-top:22px;font-size:14px;font-weight:600;display:grid}.home-learn-button:hover{color:#fff;background:#111114}.home-redeem-entry{color:#27272a;width:100%;min-height:60px;font:inherit;cursor:pointer;background:#f5f6f7;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:38px;font-size:14px;font-weight:600;display:flex}.home-redeem-entry:hover{color:#27272a;background:#eceef0}.home-redeem-entry span{font-size:19px;font-weight:400;line-height:1}.course-market{width:min(var(--content),calc(100% - 64px));min-height:520px;margin:64px auto 100px}.market-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.market-title h2{margin:0;font:700 27px/1.2 Inter,PingFang SC,sans-serif}.market-title p{color:#a1a1aa;margin:8px 0 0;font-size:13px}.course-search{background:#fff;border:1px solid #ddd;border-radius:5px;align-items:center;gap:8px;width:280px;height:40px;padding:0 13px;display:flex}.course-search span{color:#777;font-size:20px}.course-search input{width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.filter-panel{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-bottom:28px}.filter-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:6px;min-height:52px;display:flex}.filter-row:last-child{border-bottom:0}.filter-row b{color:#27272a;width:64px;font-size:13px}.filter-row button{color:#71717a;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 13px;font-size:13px}.filter-row button:hover{color:var(--store-red)}.filter-row button.selected{color:#fff;background:var(--store-red)}.market-grid{gap:22px;display:grid}.market-card{background:#fff;border-bottom:1px solid #e8e8e8;grid-template-columns:minmax(280px,380px) 1fr;min-height:210px;padding-bottom:22px;display:grid}.course-cover{aspect-ratio:16/9;color:#fff;background:linear-gradient(145deg,#242428,#49494f);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:relative;overflow:hidden}.course-cover:after{content:"";border:34px solid var(--store-red);border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;right:-70px}.course-cover span,.course-cover strong{z-index:2;position:relative}.course-cover span{color:#fca5a5;margin-bottom:7px;font-size:11px}.course-cover strong{max-width:80%;font-size:22px;line-height:1.3}.card-body{flex-direction:column;padding:12px 18px 8px 36px;display:flex;position:relative}.card-tags{gap:8px;display:flex}.card-tags span{color:#a1a1aa;font-size:12px}.card-tags span+span:before{content:"/";color:#d4d4d8;margin-right:8px}.card-body h3{margin:18px 0 9px;font-size:19px}.card-body>p{color:#888;max-width:700px;margin:0;font-size:13px;line-height:1.7}.card-body footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.card-body footer small{color:#a1a1aa}.card-body footer strong{color:#27272a;font-size:21px}.market-state{color:#a1a1aa;text-align:center;background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex}.market-state b{color:#3f3f46;font-size:16px}.market-state p{max-width:520px;margin:10px 0 0;font-size:13px;line-height:1.7}.state-spinner{border:3px solid #ddd;border-top-color:var(--store-red);border-radius:50%;width:26px;height:26px;margin-bottom:15px;animation:.8s linear infinite store-spin}@keyframes store-spin{to{transform:rotate(360deg)}}.store-footer{min-height:58px;padding:16px max(24px,calc((100vw - var(--content))/2));color:#71717a;background:#fafafa;border-top:1px solid #e9e9e9;justify-content:center;align-items:center;font-size:12px;display:flex}.footer-line{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;display:flex}.footer-line a{white-space:nowrap}.footer-line a:hover{color:#e60023}.inline-form select{background:#fff;border:1px solid #d4d4d8;border-radius:5px;width:100%;padding:12px 13px}@media (max-width:980px){.store-header{gap:20px}.store-header nav{display:none}.store-hero{grid-template-columns:1fr}.english-feature{min-height:230px}.service-strip{grid-template-columns:1fr 1fr}.service-strip span:nth-child(2){border-right:0}.home-owned-card{grid-template-columns:240px minmax(240px,1fr);gap:28px}.market-card{grid-template-columns:300px 1fr}.card-body{padding-left:24px}}@media (max-width:640px){.store-header{height:58px;padding:0 15px}.brand-logo{background-position:-18px -56px;background-size:145px;flex-basis:112px;width:112px;height:30px}.header-actions>a:not(.login-button){display:none}.login-button{padding:7px 13px}.profile-menu{width:min(300px,100vw - 28px);position:fixed;top:66px;right:14px}.store-hero,.service-strip,.home-my-courses,.course-market{width:calc(100% - 28px)}.store-hero{margin-top:14px}.hero-copy{padding:42px 24px}.hero-copy h1{font-size:39px}.hero-actions{text-align:center;flex-direction:column;align-items:stretch}.english-feature{min-height:220px;padding:30px 24px}.service-strip{grid-template-columns:1fr 1fr}.service-strip span{padding:14px}.home-my-courses{margin-top:26px}.home-my-courses>h2{margin-bottom:22px}.home-my-courses-state{min-height:190px}.home-login-button{margin-top:32px}.home-owned-grid{gap:30px}.home-owned-card{grid-template-columns:1fr;gap:17px}.home-owned-cover{width:100%}.home-owned-content h3{white-space:normal}.home-progress,.home-learn-button{width:100%}.home-redeem-entry{margin-top:30px}.course-market{margin-top:46px}.market-title{flex-direction:column;align-items:stretch}.course-search{width:100%}.filter-row{flex-wrap:wrap;align-items:flex-start;padding:11px 0}.filter-row b{width:100%;padding:0 6px}.market-card{grid-template-columns:1fr}.card-body{min-height:180px;padding:20px 2px}.store-footer{padding:22px 18px}.footer-line{flex-direction:column;align-items:center;gap:9px}.footer-line span{line-height:1.7}}.market-card[type=button]{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.course-cover{overflow:hidden}.course-cover img{object-fit:cover;width:100%;height:100%;display:block}.purchase-overlay{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18181b9c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.purchase-dialog{background:#fff;border-radius:9px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #0005}.purchase-dialog h2{margin:4px 34px 22px 0;font:700 22px/1.45 Inter,PingFang SC,sans-serif}.purchase-dialog>img{border-radius:8px;width:100%;height:auto;display:block}.purchase-close{color:#3f3f46;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:28px;position:absolute;top:14px;right:16px}.purchase-placeholder{color:#71717a;text-align:center;background:#f4f4f5;border-radius:8px;place-items:center;min-height:300px;padding:30px;display:grid}.purchase-placeholder b{color:#27272a}.purchase-placeholder p{font-size:13px}@media (max-width:640px){.purchase-overlay{align-items:end;padding:0}.purchase-dialog{border-radius:14px 14px 0 0;width:100%;max-height:92vh;padding:24px 18px}}.course-cover.has-image{background:0 0;padding:0}.course-cover.has-image:after{display:none}.card-body h3{margin:6px 0 10px}.course-summary-wrap{max-width:700px;position:relative}.course-summary{color:#71717a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.4em;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.course-summary-tooltip{z-index:20;color:#3f3f46;white-space:normal;background:#fff;border:1px solid #e4e4e7;border-radius:6px;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.75;display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 32px #18181b24}.course-summary-wrap:hover .course-summary-tooltip,.course-summary-wrap:focus-within .course-summary-tooltip{display:block}.course-meta{color:#52525b;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:15px;font-weight:600;display:flex}.course-meta span+span:before{content:"·";color:#a1a1aa;margin-right:6px}.card-body footer{margin-top:16px}.card-body footer small{font-size:13px}.purchase-overlay{cursor:pointer;align-items:center;padding:24px;overflow:hidden}.purchase-image{object-fit:contain;cursor:default;border-radius:9px;width:auto;max-width:min(560px,100vw - 48px);height:auto;max-height:calc(100vh - 48px);display:block;box-shadow:0 24px 80px #0006}.purchase-overlay>.purchase-placeholder{cursor:default;width:min(520px,100vw - 48px);max-height:calc(100vh - 48px)}@media (max-width:640px){.purchase-overlay{align-items:center;padding:14px}.purchase-image{border-radius:7px;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px)}}.market-card{border-bottom:0}.course-meta-row{justify-content:space-between;align-items:center;gap:24px;margin-top:auto;padding-top:14px;display:flex}.course-meta-row .course-meta{min-width:0;margin-top:0}.course-price{color:#27272a;flex:none;font-size:21px}.card-body footer{display:none}@media (max-width:640px){.course-meta-row{align-items:flex-end}.course-price{font-size:19px}}.profile-trigger,.profile-identity>span{overflow:hidden}.profile-trigger img,.profile-identity img{object-fit:cover;width:100%;height:100%;display:block}.profile-initial{color:#fff;background:linear-gradient(145deg,#555,#aaa);place-items:center;width:100%;height:100%;font-size:14px;font-weight:500;display:grid}.profile-identity .profile-initial{font-size:16px}.filter-row.child-filter{padding-left:64px}@media (max-width:640px){.filter-row.child-filter{padding-left:0}}.redeem-dialog-overlay{z-index:120;background:#18181b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.redeem-dialog{background:#fff;border-radius:8px;width:min(450px,100%);padding:28px 24px 24px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:relative;box-shadow:0 24px 80px #0004}.redeem-dialog h2{margin:0 40px 20px 0;font:700 18px/1.4 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.redeem-dialog-close{color:#52525b;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:27px;line-height:1;position:absolute;top:17px;right:18px}.redeem-dialog form{grid-template-columns:1fr auto;gap:18px 14px;display:grid}.redeem-dialog input{color:#27272a;width:100%;height:42px;font:inherit;background:#f4f5f6;border:1px solid #0000;border-radius:5px;outline:0;grid-column:1/-1;padding:0 12px;font-size:14px}.redeem-dialog input:focus{background:#fff;border-color:#a1a1aa;box-shadow:0 0 0 3px #18181b0a}.redeem-dialog form>button{color:#fff;cursor:pointer;background:#27272a;border:0;border-radius:5px;grid-column:2;min-width:56px;height:34px;padding:0 14px;font:700 13px/1 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.redeem-dialog form>button:disabled,.redeem-dialog-close:disabled{opacity:.5;cursor:not-allowed}.redeem-dialog-message{border-radius:5px;grid-column:1;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.redeem-dialog-message.error{color:#a00018;background:#fff0f2}.redeem-dialog-message.success{color:#166534;background:#f0fdf4}@media (max-width:640px){.redeem-dialog-overlay{align-items:end;padding:0}.redeem-dialog{width:100%;padding:28px 20px calc(22px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}}
.feedback-float{bottom:88px}@media (max-width:640px){.feedback-float{bottom:104px}}