.exercise-catalog{min-height:70vh;background:#f8f4e9;color:#183431}.exercise-catalog-hero{position:relative;padding:82px 0 70px;overflow:hidden;background:#123f3f;color:#fff;isolation:isolate}.exercise-catalog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,58,56,.94),rgba(12,58,56,.62)),url('../hong-uc-hsk/assets/images/shanshui-course.png') center/cover;z-index:-1}.exercise-catalog-hero .eyebrow{color:#e4c77f}.exercise-catalog-hero h1{max-width:760px;margin:12px 0 18px;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.03;letter-spacing:-.055em}.exercise-catalog-hero p{max-width:680px;margin:0;color:#d5e3de;font-size:1.05rem;line-height:1.75}.exercise-levels{display:flex;gap:8px;margin-top:30px;flex-wrap:wrap}.exercise-levels a{display:grid;place-items:center;min-width:56px;min-height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:800}.exercise-levels a[aria-current="page"]{background:#f6edda;color:#123f3f;border-color:#f6edda}.exercise-list-section{padding:72px 0 100px}.exercise-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.exercise-heading h2{margin:6px 0 0;font-size:clamp(2rem,4vw,3.2rem)}.exercise-heading p{max-width:420px;margin:0;color:#66756f;line-height:1.65}.lesson-exercise-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-exercise-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;min-height:116px;padding:20px;background:#fffdf6;border:1px solid rgba(24,52,49,.16);box-shadow:5px 6px 0 rgba(24,52,49,.05);color:#183431}.lesson-exercise-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e3eee8;color:#087b72;font:1.1rem Georgia,serif}.lesson-exercise-card h3{margin:0 0 5px;font-size:1.04rem;line-height:1.35}.lesson-exercise-card p{margin:0;color:#708079;font-size:.83rem;line-height:1.45}.lesson-exercise-card>i{font-style:normal;color:#a94635;font-size:1.2rem}.lesson-exercise-card.is-pending{cursor:default;background:rgba(255,253,246,.7)}.lesson-exercise-card.is-pending>span{background:#eee8db;color:#7a7468}.catalog-note{margin:28px 0 0;padding:16px 18px;border-left:4px solid #b87945;background:#fff8e8;color:#66513f}@media(max-width:720px){.exercise-catalog-hero{padding:58px 0 52px}.exercise-list-section{padding:52px 0 72px}.exercise-heading{display:block}.exercise-heading p{margin-top:12px}.lesson-exercise-list{grid-template-columns:1fr}.lesson-exercise-card{grid-template-columns:48px 1fr auto;gap:13px;min-height:104px;padding:15px}.lesson-exercise-card>span{width:46px;height:46px}.exercise-levels{display:grid;grid-template-columns:repeat(3,1fr)}.exercise-levels a{min-width:0}}
.exercise-catalog-hero:before{background-image:linear-gradient(90deg,rgba(12,58,56,.94),rgba(12,58,56,.62)),url('../hong-uc-hsk-theme-root-v2/assets/images/shanshui-course.png')}
.course-lesson-nav{overflow:auto;min-height:0;margin-bottom:18px}.course-lesson-nav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:8px 10px;color:#bec9c5;border-radius:9px;font-size:.76rem}.course-lesson-nav a span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #63736e;border-radius:50%}.course-lesson-nav a b{font-weight:650}.course-lesson-nav a.active{background:#344641;color:#fff}.lesson-header{height:auto;min-height:104px}.lesson-header p{margin:4px 0 0;color:#66756f;font-size:.86rem}.course-source-content{width:min(980px,calc(100% - 50px))}.source-notice{padding:16px 18px;background:#fff7df;border-left:4px solid #d1a84f;line-height:1.65}.book-pages{display:grid;gap:22px;margin-top:24px}.book-page-card{background:#fffdf6;border:1px solid #d8d0c1;box-shadow:5px 6px #1834310d}.book-page-card>header{display:flex;justify-content:space-between;padding:14px 20px;background:#e9f2ed;border-bottom:1px solid #d8d0c1;color:#31564e}.book-page-text{padding:24px 28px}.book-page-text p{margin:0 0 8px;line-height:1.58}.book-page-text .is-chinese{font-size:1.05rem;color:#183431}.book-page-text .is-translation{font-size:.88rem;color:#65736e}.book-page-text .is-page-number{display:none}.course-audio-list{display:grid;gap:14px;margin-top:24px}.course-audio-list article{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,2fr);align-items:center;gap:20px;padding:16px;border:1px solid #d8d0c1;border-radius:14px}.course-audio-list article div{display:flex;flex-direction:column}.course-audio-list audio{width:100%}.lesson-source-meta>div{display:grid;grid-template-columns:150px 1fr;padding:14px 0;border-bottom:1px solid #ddd6c9}.lesson-source-meta dt{font-weight:800}.lesson-source-meta dd{margin:0}.lesson-footer a{font-weight:750;color:var(--jade)}@media(max-width:600px){.lesson-header p,.header-tools{display:none}.course-source-content{width:calc(100% - 20px)}.book-page-text{padding:18px 16px}.course-audio-list article{grid-template-columns:1fr}.lesson-source-meta>div{grid-template-columns:1fr;gap:4px}}
.lesson-course-page{overflow-x:hidden}@media(max-width:600px){.lesson-course-page .lesson-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-inline:12px}.lesson-course-page .lesson-tabs button{min-width:0;padding-inline:3px}}
.book-pages,.book-page-card,.book-page-text{min-width:0;max-width:100%}.book-page-card{overflow:hidden}.book-page-text p{overflow-wrap:anywhere;word-break:break-word}