.course-library-page.hsk-curriculum-page{background:#fffdfb;min-height:100vh}.hsk-curriculum{--hsk-red:#ff4c3b;--hsk-red-deep:#dc3328;--hsk-orange:#ff8e2d;--hsk-peach:#fff0eb;--hsk-peach-strong:#ffe4dc;--hsk-ink:#202327;--hsk-muted:#68707a;--hsk-line:#e9ecef;width:min(1230px,100% - 48px);color:var(--hsk-ink);padding:0 0 76px}.hsk-curriculum-heading{border-bottom:1px solid #f1e4de;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 224px;align-items:end;gap:18px 28px;min-height:246px;padding:32px 4px 24px;display:grid}.hsk-curriculum-heading-copy{align-self:center;min-width:0}.hsk-curriculum-heading-copy>span{color:var(--hsk-red);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.hsk-curriculum-heading h1{color:#17191c;letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.2vw,48px);font-weight:900;line-height:1.04}.hsk-curriculum-heading-copy>p{color:#4e5762;max-width:800px;margin:10px 0 0;font-size:15px;line-height:1.55}.hsk-curriculum-coach{place-self:start end;width:224px;height:150px;position:relative}.hsk-curriculum-coach>p{z-index:1;color:#30353a;text-align:center;background:#fffdfb;border:1px solid #f1e4de;border-radius:48% 52%;width:92px;margin:0;padding:11px 8px;font-size:12px;font-style:italic;font-weight:700;line-height:1.28;position:absolute;top:2px;left:0;transform:rotate(-5deg)}.hsk-curriculum-coach-image{object-fit:contain;width:154px;height:154px;position:absolute;bottom:-2px;right:0}.hsk-curriculum-controls{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 192px auto;align-items:center;gap:18px;min-width:0;display:grid}.hsk-level-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;gap:10px;min-width:0;padding:2px 2px 6px;display:flex;overflow-x:auto}.hsk-level-tabs::-webkit-scrollbar{display:none}.hsk-level-tabs button{cursor:pointer;color:#5a626c;background:#fff;border:1px solid #e6e9ec;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;min-width:104px;min-height:48px;padding:0 16px;transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px #edf0f2}.hsk-level-tabs button:hover{border-color:#ffc3ba;transform:translateY(-1px)}.hsk-level-tabs button:focus-visible,.hsk-topic-heading:focus-visible,.hsk-lesson-select:focus-visible,.hsk-lesson-start:focus-visible,.hsk-industry-link:focus-visible{outline-offset:3px;outline:3px solid #ff4c3b40}.hsk-level-tabs button>span{color:#78808a;background:#f1f3f4;border-radius:50%;place-items:center;width:25px;height:25px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;font-weight:800;display:grid}.hsk-level-tabs button strong{white-space:nowrap;font-size:14px;font-weight:800}.hsk-level-tabs button.is-active{color:#fff;border-color:var(--hsk-red);background:var(--hsk-red);box-shadow:0 5px 0 var(--hsk-red-deep)}.hsk-level-tabs button.is-active>span{color:#fff;background:#ffffff38}.hsk-level-tabs button.is-vip-locked:not(.is-active){color:#87501c;background:#fff8eb;border-color:#f0c589;box-shadow:0 4px #f6e4c9}.hsk-level-tabs button.is-vip-locked:not(.is-active)>span{color:#87501c;background:#ffecca}.hsk-level-progress{gap:8px;min-width:0;display:grid}.hsk-level-progress>div{color:#59616c;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.hsk-level-progress>div>span>strong{color:#24282d;font-size:13px}.hsk-level-progress>div>strong{color:var(--hsk-red);font-size:15px}.hsk-level-progress-track{background:#edf0f2;border-radius:999px;width:100%;height:7px;overflow:hidden}.hsk-level-progress-track>i{border-radius:inherit;background:var(--hsk-red);height:100%;transition:width .25s;display:block}.hsk-industry-link{color:#276f66;white-space:nowrap;background:#fff;border:1px solid #bfe3dd;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:800;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.hsk-industry-link:hover{color:#155a51;background:#f8fffd;border-color:#7bc9bd}.hsk-vip-trigger,button.hsk-lesson-start{cursor:pointer;font:inherit}.hsk-curriculum-layout{min-width:0;padding:0 4px}.hsk-syllabus,.hsk-topic-section{min-width:0}.hsk-topic-section+.hsk-topic-section{border-top:1px solid var(--hsk-line)}.hsk-topic-heading{cursor:pointer;width:100%;min-height:88px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:56px minmax(0,1fr) auto 28px;align-items:center;gap:14px;padding:15px 9px 15px 0;display:grid}.hsk-topic-icon{width:48px;height:48px;color:var(--hsk-red);background:#fff5f1;border:1px solid #ffd0c7;border-radius:50%;place-items:center;display:grid}.hsk-topic-section.is-active .hsk-topic-icon{color:#fff;border-color:var(--hsk-orange);background:var(--hsk-orange);box-shadow:0 4px #e97017}.hsk-topic-copy{gap:5px;min-width:0;display:grid}.hsk-topic-copy>strong{color:#202328;font-size:21px;font-weight:700;line-height:1.2}.hsk-topic-copy>strong>b{font-weight:900}.hsk-topic-copy>small{color:#6a727c;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex;overflow:hidden}.hsk-topic-copy>small>i{background:#b7bdc3;border-radius:50%;flex:none;width:4px;height:4px}.hsk-topic-progress{color:#22262b;white-space:nowrap;font-size:17px;font-weight:800}.hsk-topic-chevron{color:#111418;transition:transform .2s}.hsk-topic-section.is-active .hsk-topic-chevron{color:var(--hsk-red);transform:rotate(180deg)}.hsk-lesson-list{border-left:2px solid #e8ebee;margin:0 0 2px 23px;padding:0}.hsk-lesson-row{content-visibility:auto;contain-intrinsic-size:auto 112px;border-bottom:1px solid var(--hsk-line);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;min-width:0;min-height:76px;margin-left:38px;padding:0 18px;display:grid;position:relative}.hsk-lesson-row.is-active{background:var(--hsk-peach);border-bottom-color:#0000;border-radius:15px;min-height:128px;margin-bottom:3px;padding-block:14px 12px}.hsk-lesson-row.is-vip-locked{background:#fff8ec}.hsk-lesson-select{cursor:pointer;min-width:0;min-height:74px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:10px 0;display:flex;position:relative}.hsk-lesson-index{color:#2f353b;background:#edf0f2;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:850;display:grid;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}.hsk-lesson-row.is-active .hsk-lesson-index{color:#fff;background:var(--hsk-red);box-shadow:0 4px 0 var(--hsk-red-deep)}.hsk-lesson-row.is-vip-locked .hsk-lesson-index{color:#85531f;box-shadow:none;background:#ffe8be}.hsk-lesson-copy{gap:8px;min-width:0;display:grid}.hsk-lesson-copy>strong{color:#1d2126;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:850;line-height:1.28;overflow:hidden}.hsk-lesson-meta{flex-wrap:wrap;gap:7px 18px;display:flex}.hsk-lesson-meta>span{color:#6b7580;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:550;display:inline-flex}.hsk-lesson-meta svg{color:#65778b}.hsk-curriculum .hsk-lesson-start{color:#fff;border:1px solid var(--hsk-red);background:var(--hsk-red);text-align:left;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:2px 12px;min-width:176px;min-height:58px;padding:0 20px;display:grid;box-shadow:0 5px 12px #ff4c3b2e}.hsk-curriculum .hsk-lesson-start>span{opacity:.82;font-size:10px;font-weight:600}.hsk-curriculum .hsk-lesson-start>strong{font-size:14px;font-weight:850}.hsk-curriculum .hsk-lesson-start>svg{grid-area:1/2/span 2}.hsk-curriculum .hsk-lesson-start.hsk-vip-trigger{color:#80511e;box-shadow:none;background:#fff3d9;border-color:#edc17e}.hsk-lesson-duration{color:#87919c;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.hsk-lesson-coach-note{background:#ffffffd1;border:1px solid #ff4c3b24;border-radius:13px;grid-column:1/-1;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;min-height:58px;padding:7px 9px;display:grid;box-shadow:0 5px 16px #7137280d}.hsk-lesson-coach-avatar{background:#fff1ec;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.hsk-lesson-coach-avatar img{object-fit:contain;width:38px;height:38px}.hsk-lesson-coach-copy{gap:2px;min-width:0;display:grid}.hsk-lesson-coach-copy>strong{color:var(--hsk-red);font-size:11px;font-weight:850;line-height:1.25}.hsk-lesson-coach-copy>small{color:#59616b;font-size:11px;font-weight:550;line-height:1.4}.hsk-lesson-coach-boost{min-height:30px;color:var(--hsk-red);background:var(--hsk-peach-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:850;display:inline-flex}.industry-course-heading{border-top:1px solid #e2e6e5;margin-top:14px;padding-top:54px}.course-catalog-heading{border-top:0;margin-top:0;padding-top:42px}.industry-course-heading>span{color:var(--forest);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:820}.industry-course-heading h2{color:#153c35;letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(28px,3vw,42px)}.course-catalog-heading h1{color:#153d37;letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(30px,3.2vw,44px);line-height:1.08}.industry-course-heading p{max-width:650px;color:var(--ink-soft);margin:10px 0 28px;font-size:14px;line-height:1.65}.hsk-curriculum-page #course-catalog{scroll-margin-top:92px}.course-catalog-heading-skeleton{gap:10px;display:grid}.course-catalog-heading-skeleton .skeleton-block:first-child{width:160px;height:10px}.course-catalog-heading-skeleton .skeleton-block:nth-child(2){width:min(430px,80%);height:42px}.course-catalog-heading-skeleton .skeleton-block:nth-child(3){width:min(620px,90%);height:13px}.hsk-entry-cover{background:#dfead4}.hsk-entry-cover-image{object-fit:cover;object-position:center}.hsk-entry-card .course-cover-shade{background:#25180a0d}.hsk-entry-hanzi{color:#ffffffeb;align-self:flex-end}.hsk-curriculum-skeleton .hsk-level-tabs .skeleton-block{border-radius:999px;flex:none;width:104px;height:48px}.hsk-curriculum-skeleton .hsk-curriculum-heading>div{gap:8px;display:grid}.hsk-curriculum-skeleton .hsk-curriculum-heading>div .skeleton-block:first-child{width:130px;height:9px}.hsk-curriculum-skeleton .hsk-curriculum-heading>div .skeleton-block:nth-child(2){width:310px;height:30px}.hsk-curriculum-skeleton .hsk-curriculum-heading>div .skeleton-block:nth-child(3){width:270px;height:11px}.hsk-skeleton-icon{border-radius:50%;width:52px;height:52px}.hsk-skeleton-topics{border-radius:24px;height:370px}.hsk-skeleton-lessons{border-radius:24px;height:470px}@media (width<=1140px){.hsk-curriculum-heading{grid-template-columns:minmax(0,1fr) 180px;column-gap:18px}.hsk-curriculum-coach{width:180px}.hsk-curriculum-coach-image{width:132px;height:132px}.hsk-curriculum-coach>p{width:78px;padding:9px 6px;font-size:10px}.hsk-curriculum-controls{grid-template-columns:minmax(0,1fr) 174px}.hsk-curriculum-controls .hsk-industry-link{grid-column:2}.hsk-level-tabs{grid-row:1/span 2}.hsk-level-progress{grid-column:2}}@media (width<=860px){.hsk-curriculum{width:min(100% - 32px,760px)}.hsk-curriculum-heading{grid-template-columns:minmax(0,1fr) 150px;row-gap:20px;min-height:0;padding:28px 0 22px}.hsk-curriculum-heading h1{font-size:clamp(30px,5vw,40px)}.hsk-curriculum-heading-copy>p{max-width:580px}.hsk-curriculum-coach{width:150px;height:126px}.hsk-curriculum-coach-image{width:116px;height:116px}.hsk-curriculum-coach>p{width:64px;font-size:9px}.hsk-curriculum-controls{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 180px}.hsk-curriculum-layout{padding-inline:0}.hsk-topic-heading{grid-template-columns:52px minmax(0,1fr) auto 24px;gap:11px}.hsk-topic-copy>strong{font-size:18px}.hsk-lesson-row{padding-right:12px}.hsk-lesson-copy>strong{font-size:15px}.hsk-lesson-meta{gap:6px 11px}.hsk-lesson-start{min-width:156px;padding-inline:16px}}@media (width<=620px){.hsk-curriculum{width:calc(100% - 24px);padding-bottom:108px}.hsk-curriculum-heading{padding:23px 0 20px;display:block;position:relative}.hsk-curriculum-heading-copy{min-height:128px;padding-right:104px}.hsk-curriculum-heading-copy>span{letter-spacing:.14em;margin-bottom:6px;font-size:9px}.hsk-curriculum-heading h1{font-size:clamp(27px,8vw,34px);line-height:1.08}.hsk-curriculum-heading-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.hsk-curriculum-coach{width:102px;height:116px;position:absolute;top:15px;right:-5px}.hsk-curriculum-coach-image{width:98px;height:98px}.hsk-curriculum-coach>p{display:none}.hsk-curriculum-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px 9px;margin-top:13px;display:grid}.hsk-level-tabs{grid-area:auto/1/auto/-1;gap:8px;margin-inline:-12px;padding-inline:12px}.hsk-level-tabs button{gap:7px;min-width:88px;min-height:44px;padding-inline:12px}.hsk-level-tabs button>span{width:22px;height:22px;font-size:10px}.hsk-level-tabs button strong{font-size:12px}.hsk-level-progress{grid-column:1;min-width:0}.hsk-level-progress>div{font-size:10px}.hsk-curriculum-controls .hsk-industry-link{grid-column:2;min-height:38px;padding-inline:11px;font-size:10px}.hsk-topic-heading{grid-template-columns:42px minmax(0,1fr) auto 19px;gap:8px;min-height:76px;padding:12px 0}.hsk-topic-icon{width:38px;height:38px}.hsk-topic-icon svg{width:19px;height:19px}.hsk-topic-copy{gap:3px}.hsk-topic-copy>strong{font-size:14px}.hsk-topic-copy>small{white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.hsk-topic-copy>small>i{display:none}.hsk-topic-progress{font-size:12px}.hsk-topic-chevron{width:18px;height:18px}.hsk-lesson-list{margin-left:17px}.hsk-lesson-row{grid-template-columns:minmax(0,1fr) auto;column-gap:7px;min-height:84px;margin-left:27px;padding:4px 6px 4px 11px}.hsk-lesson-row.is-active{border-radius:13px;grid-template-columns:minmax(0,1fr);row-gap:8px;min-height:0;padding:10px 10px 9px 12px}.hsk-lesson-select{min-height:66px;padding-block:8px}.hsk-lesson-index{width:34px;height:34px;font-size:12px;left:-56px}.hsk-lesson-index svg{width:15px;height:15px}.hsk-lesson-copy{gap:6px}.hsk-lesson-copy>strong{white-space:normal;font-size:13px;line-height:1.32}.hsk-lesson-meta{gap:5px 9px}.hsk-lesson-meta>span{font-size:9px}.hsk-lesson-meta svg{width:11px;height:11px}.hsk-lesson-start{border-radius:10px;grid-column:1;width:100%;min-width:0;min-height:45px;padding-inline:14px}.hsk-lesson-start>strong{font-size:12px}.hsk-lesson-duration{padding-right:1px;font-size:9px}.hsk-lesson-duration svg{width:15px;height:15px}.hsk-lesson-coach-note{grid-template-columns:34px minmax(0,1fr);gap:5px 8px;min-height:0;padding:7px}.hsk-lesson-coach-avatar{border-radius:10px;width:34px;height:34px}.hsk-lesson-coach-avatar img{width:31px;height:31px}.hsk-lesson-coach-copy>strong{font-size:9.5px}.hsk-lesson-coach-copy>small{font-size:9px;line-height:1.38}.hsk-lesson-coach-boost{grid-column:2;justify-self:start;gap:4px;min-height:23px;padding-inline:8px;font-size:8.5px}.hsk-lesson-coach-boost svg{width:11px;height:11px}.industry-course-heading{width:calc(100% - 24px);padding-top:38px}.industry-course-heading h2{font-size:28px}.course-catalog-heading{padding-top:28px}.course-catalog-heading h1{font-size:31px}.industry-course-heading p{font-size:12px}}@media (width<=370px){.hsk-curriculum-heading-copy{padding-right:84px}.hsk-curriculum-coach{width:86px}.hsk-curriculum-coach-image{width:84px;height:84px}.hsk-curriculum-controls{grid-template-columns:1fr}.hsk-level-progress,.hsk-curriculum-controls .hsk-industry-link{grid-column:1}.hsk-curriculum-controls .hsk-industry-link{width:100%}.hsk-lesson-row:not(.is-active){grid-template-columns:minmax(0,1fr)}.hsk-lesson-row:not(.is-active) .hsk-lesson-duration{padding:0 0 8px}}@container learner-content (width<=860px){.hsk-curriculum{width:calc(100% - 32px)}.hsk-curriculum-heading{grid-template-columns:minmax(0,1fr) 150px;row-gap:20px;min-height:0;padding:28px 0 22px}.hsk-curriculum-heading h1{font-size:clamp(30px,5vw,40px)}.hsk-curriculum-coach{width:150px;height:126px}.hsk-curriculum-coach-image{width:116px;height:116px}.hsk-curriculum-coach>p{width:64px;font-size:9px}.hsk-curriculum-controls{grid-template-columns:minmax(0,1fr) 180px}.hsk-level-tabs{grid-row:1/span 2}.hsk-level-progress,.hsk-curriculum-controls .hsk-industry-link{grid-column:2}.hsk-topic-copy>strong{font-size:18px}.hsk-lesson-copy>strong{font-size:15px}.hsk-lesson-meta{gap:6px 11px}.hsk-curriculum .hsk-lesson-start{min-width:156px;padding-inline:16px}}@container learner-content (width<=620px){.hsk-curriculum{width:calc(100% - 24px)}.hsk-curriculum-heading{padding:23px 0 20px;display:block;position:relative}.hsk-curriculum-heading-copy{min-height:128px;padding-right:104px}.hsk-curriculum-heading-copy>span{letter-spacing:.14em;font-size:9px}.hsk-curriculum-heading h1{font-size:clamp(27px,8vw,34px)}.hsk-curriculum-heading-copy>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.hsk-curriculum-coach{width:102px;height:116px;position:absolute;top:15px;right:-5px}.hsk-curriculum-coach-image{width:98px;height:98px}.hsk-curriculum-coach>p{display:none}.hsk-curriculum-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px 9px;margin-top:13px}.hsk-level-tabs{grid-area:auto/1/auto/-1;margin-inline:-12px;padding-inline:12px}.hsk-level-progress{grid-column:1}.hsk-curriculum-controls .hsk-industry-link{grid-column:2}.hsk-topic-heading{grid-template-columns:42px minmax(0,1fr) auto 19px;gap:8px;min-height:76px}.hsk-topic-icon{width:38px;height:38px}.hsk-topic-copy>strong{font-size:14px}.hsk-topic-copy>small{font-size:10px}.hsk-topic-progress{font-size:12px}.hsk-lesson-list{margin-left:17px}.hsk-lesson-row{column-gap:7px;min-height:84px;margin-left:27px;padding:4px 6px 4px 11px}.hsk-lesson-row.is-active{grid-template-columns:minmax(0,1fr);row-gap:8px;min-height:0;padding:10px 10px 9px 12px}.hsk-lesson-index{width:34px;height:34px;left:-56px}.hsk-lesson-copy>strong{white-space:normal;font-size:13px}.hsk-curriculum .hsk-lesson-start{grid-column:1;width:100%;min-width:0;min-height:45px}.hsk-lesson-coach-note{grid-template-columns:34px minmax(0,1fr)}.hsk-lesson-coach-boost{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.hsk-level-tabs button,.hsk-level-progress-track>i,.hsk-topic-chevron{transition:none}}
