.course-library{--cl-ink:#21384b;--cl-muted:#7d8c98;--cl-line:#e2e9ed;--cl-accent:#286c8d;max-width:1360px;color:var(--cl-ink);min-width:0}.course-library *{box-sizing:border-box}.course-library a{touch-action:manipulation}.cl-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0 28px}.cl-eyebrow{display:block;color:#638697;font-size:9px;letter-spacing:2.3px;font-weight:700;margin-bottom:12px}.cl-heading h1{font-size:35px;letter-spacing:-1px;margin:0;line-height:1.3}.cl-heading h1>span{font-size:13px;letter-spacing:.5px;color:#7c8d99;font-weight:400;margin-left:21px}.cl-live-count{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#81929e;font-size:10px}.cl-live-count>span{width:5px;height:5px;border-radius:50%;background:#6b9c8c;box-shadow:0 0 0 4px #6b9c8c0d}.cl-live-count>strong{font-size:18px;letter-spacing:-.5px;color:#456576;margin-left:5px;font-weight:600;font-variant-numeric:tabular-nums}.cl-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--cl-line);padding:18px 0 22px;font-size:11px;color:#7f929f}.cl-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px;list-style:none;padding:0;margin:0;min-width:0;row-gap:7px}.cl-breadcrumb li{display:flex;align-items:center;gap:9px;line-height:1.6}.cl-breadcrumb li+li::before{content:'/';color:#bdc9d0;font-size:10px}.cl-breadcrumb a:hover{color:#246988}.cl-breadcrumb [aria-current=page]{color:#2f4f64;font-weight:650}.cl-back{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.cl-back .ui-icon{transform:rotate(180deg)}.cl-navigator{padding:0 0 12px}.cl-step-heading{display:flex;align-items:center;gap:11px;margin:0 0 16px}.cl-step-number{font-size:9px;color:#90a5b2;font-variant-numeric:tabular-nums;border:1px solid #e0e9ee;border-radius:6px;display:grid;place-items:center;width:25px;height:25px;background:#fff}.cl-step-heading h2{font-size:14px;font-weight:650;letter-spacing:.2px;margin:0}.cl-step-hint{font-size:10px;color:#8a9ca8;margin-left:auto}.cl-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cl-stage{--cl-tint:#f1f7f6;--cl-stage-color:#5d9489;min-width:0;position:relative;display:block;padding:24px 22px 21px;background:linear-gradient(145deg,#fff 20%,var(--cl-tint));border:1px solid #e2eaed;border-radius:17px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.cl-stage:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cl-stage-color) 50%,white);box-shadow:0 12px 24px #284b6010}.cl-theme-blue{--cl-tint:#f0f5f8;--cl-stage-color:#507f9d}.cl-theme-violet{--cl-tint:#f6f3f8;--cl-stage-color:#9180a2}.cl-theme-amber{--cl-tint:#faf6ed;--cl-stage-color:#b89b62}.cl-stage.is-selected{border-color:var(--cl-stage-color);box-shadow:inset 0 0 0 .5px var(--cl-stage-color)}.cl-stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:10px}.cl-stage-icon{display:grid;place-items:center;color:var(--cl-stage-color);width:48px;height:48px;border:1px solid color-mix(in srgb,var(--cl-stage-color) 17%,white);border-radius:15px;background:#ffffffa6;transform:rotate(-4deg)}.cl-stage-icon>.ui-icon{transform:rotate(4deg)}.cl-stage-range{color:var(--cl-stage-color);opacity:.5;font-size:10px;letter-spacing:1px;align-self:flex-start;margin-top:5px}.cl-stage-label{display:block;font-size:8px;color:var(--cl-stage-color);letter-spacing:1.7px;margin-bottom:10px;opacity:.9}.cl-stage-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.cl-stage-title h3{font-size:23px;letter-spacing:1px;font-weight:650;margin:0}.cl-stage-title>.ui-icon{color:var(--cl-stage-color);opacity:.6}.cl-stage-count{display:block;font-size:10px;color:#83949f;margin-top:13px}.cl-stages.is-compact{gap:10px}.cl-stages.is-compact .cl-stage{padding:15px 17px;border-radius:12px;display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:12px;align-items:center;background:#fff}.cl-stages.is-compact .cl-stage.is-selected{background:var(--cl-tint)}.cl-stages.is-compact .cl-stage-top{grid-row:1/3;margin:0}.cl-stages.is-compact .cl-stage-icon{width:34px;height:34px;border-radius:10px}.cl-stages.is-compact .cl-stage-icon .ui-icon{width:21px;height:21px}.cl-stages.is-compact .cl-stage-range,.cl-stages.is-compact .cl-stage-label{display:none}.cl-stages.is-compact .cl-stage-title h3{font-size:15px}.cl-stages.is-compact .cl-stage-title>.ui-icon{width:13px}.cl-stages.is-compact .cl-stage-count{font-size:8px;margin-top:5px}.cl-branch{border-top:1px solid var(--cl-line);padding:24px 0 0;margin-top:23px}.cl-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cl-grade{display:flex;align-items:center;gap:13px;padding:18px 18px;border:1px solid var(--cl-line);border-radius:12px;background:#fff;min-width:0;transition:border-color .18s,background .18s}.cl-grade-number{color:#b0c0ca;font-size:10px;letter-spacing:.5px}.cl-grade strong{font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.cl-grade>.cl-count{margin-left:auto}.cl-grade>.ui-icon{color:#a2b5c0;flex-shrink:0}.cl-count{font-size:9px;color:#94a5af;font-variant-numeric:tabular-nums;min-width:19px;text-align:center}.cl-grade:hover,.cl-subject:hover,.cl-unit:hover{border-color:#9bb9c8;background:#f9fcfd}.cl-grade.is-selected,.cl-subject.is-selected,.cl-unit.is-selected{border-color:#80a7b9;background:#f0f7fa;color:#285e76}.cl-grade.is-selected .cl-count,.cl-subject.is-selected .cl-count,.cl-unit.is-selected .cl-count{color:#5a8ca3}.cl-grades.is-compact{display:flex;flex-wrap:wrap;gap:8px}.cl-grades.is-compact .cl-grade{padding:10px 14px;gap:10px;border-radius:9px}.cl-grades.is-compact .cl-grade-number,.cl-grades.is-compact .cl-grade>.ui-icon{display:none}.cl-grades.is-compact .cl-grade strong{font-size:11px}.cl-subjects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.cl-subject{display:flex;align-items:center;gap:12px;padding:19px 16px;background:#fff;border:1px solid var(--cl-line);border-radius:12px;transition:border-color .18s,background .18s;min-width:0}.cl-subject-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#7893a3;background:#f3f7f9;flex-shrink:0}.cl-subject strong{font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.cl-subject>.cl-count{margin-left:auto}.cl-subject>.ui-icon{color:#9eb0bb;flex-shrink:0}.cl-subject.is-selected .cl-subject-icon{color:#4c829b;background:#e2eef3}.cl-subjects.is-compact{display:flex;flex-wrap:wrap;gap:8px}.cl-subjects.is-compact .cl-subject{padding:9px 13px;gap:9px;border-radius:9px}.cl-subjects.is-compact .cl-subject-icon{width:20px;height:20px;border-radius:0;background:none}.cl-subjects.is-compact .cl-subject-icon .ui-icon{width:17px;height:17px}.cl-subjects.is-compact .cl-subject strong{font-size:11px}.cl-subjects.is-compact .cl-subject>.ui-icon{display:none}.cl-units{display:flex;flex-wrap:wrap;gap:8px}.cl-unit{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--cl-line);border-radius:9px;background:#fff;font-size:10px;transition:border-color .18s,background .18s;max-width:100%;min-width:0}.cl-unit strong{font-weight:500;line-height:1.4;overflow-wrap:anywhere}.cl-unit-number{font-size:8px;color:#a0b1bc}.cl-unit .cl-count{font-size:8px;min-width:13px}.cl-results{margin-top:26px}.cl-results-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.cl-results-heading h2{display:flex;align-items:center;gap:11px;line-height:1.6;font-size:17px;margin:0;min-width:0;flex-wrap:wrap}.cl-results-heading h2>span{font-size:10px;color:#8d9eaa;background:#edf2f5;padding:2px 8px;border-radius:5px;line-height:1.5;font-weight:500}.cl-search-term{font-size:11px;color:#8195a3;overflow-wrap:anywhere;min-width:0}.cl-search{margin:0 0 21px;min-width:0}.cl-search-main{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;min-width:0}.cl-search-input{display:flex;align-items:center;gap:10px;flex:1;min-width:150px;border:1px solid #dce5ea;border-radius:10px;background:#fff;padding:0 13px;color:#91a6b4;height:43px}.cl-search-input>.ui-icon{flex-shrink:0}.cl-search-input input{min-width:0;flex:1;width:100%;padding:0;border:0!important;border-radius:0;background:none!important;height:100%;font-size:11px;color:#324c5e;outline:none!important;box-shadow:none!important}.cl-search-input:focus-within{border-color:#9aabba;box-shadow:none}.cl-search-input input::placeholder{color:#a1b1bc}.cl-search-submit{height:43px;display:flex;align-items:center;justify-content:center;gap:17px;padding:0 20px;background:#285f78;border:1px solid #285f78;color:white;border-radius:10px;font-size:11px;font-weight:550}.cl-search-submit:hover{background:#22546b;color:white;border-color:#22546b}.cl-filters{position:relative;min-width:0}.cl-filters>summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;height:43px;padding:0 15px;border:1px solid #dce5ea;border-radius:10px;font-size:10px;color:#607c8e;background:#fff;user-select:none}.cl-filters>summary::-webkit-details-marker{display:none}.cl-filters>summary>span{font-size:8px;display:grid;place-items:center;width:14px;height:14px;border-radius:4px;background:#edf4f7;color:#4b7d94}.cl-filter-fields{position:absolute;z-index:4;top:51px;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;width:min(520px,calc(100vw - 62px));padding:20px;background:#fff;border:1px solid #dee8ee;border-radius:12px;box-shadow:0 14px 45px #23465c14}.cl-filter-fields label{display:flex;flex-direction:column;gap:9px;font-size:9px;color:#8395a1;min-width:0}.cl-filter-fields select{width:100%;min-width:0;height:38px;padding:0 9px;background:#fbfcfd;font-size:10px;border-color:#e0e7ec;border-radius:7px}.cl-filter-fields select:focus{outline:none;box-shadow:none;border-color:#9aabba}.cl-filter-apply{grid-column:1/-1;justify-self:end;font-size:10px;padding:9px 17px;border-radius:7px;background:#f1f6f8;border-color:#d8e6ed;color:#4a7187;margin-top:3px}.cl-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cl-course{min-width:0;border:1px solid #e2e9ed;border-radius:15px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.cl-course:hover{transform:translateY(-3px);border-color:#ccdce5;box-shadow:0 13px 29px #294b5e0b}.cl-course-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #f0f3f5;min-width:0}.cl-course-image img{width:100%;height:100%;max-height:100%;object-fit:contain;padding:15px 16px;transition:transform .35s}.cl-course:hover .cl-course-image img{transform:scale(1.025)}.cl-course-no-cover{display:grid;place-items:center;gap:12px;color:#adc1ce}.cl-course-no-cover small{font-size:9px;color:#a5b6c2;font-weight:400}.cl-course-enter{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #dbe7ed;border-radius:50%;background:#fffffff0;color:#6990a6;opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}.cl-course:hover .cl-course-enter,.cl-course:focus-within .cl-course-enter{opacity:1;transform:none}.cl-course-content{padding:18px 19px}.cl-course-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:5px;font-size:8px;color:#8c9eaa;margin-bottom:11px;min-height:12px}.cl-course-meta span+span::before{content:'·';margin-right:8px;color:#c2cdd4}.cl-course h3{font-size:14px;line-height:1.65;margin:0;font-weight:650;min-height:47px;overflow-wrap:anywhere}.cl-course-footer{border-top:1px solid #edf2f5;display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:13px}.cl-course-footer>strong{font-size:13px;font-weight:600;color:#365e75;white-space:nowrap}.cl-course-footer>span{font-size:8px;color:#9aabb6}.cl-course-footer>a{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:9px;color:#688da3;white-space:nowrap}.cl-empty{text-align:center;border:1px solid #e0e8ed;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:15px;padding:56px 23px}.cl-empty>span{display:grid;place-items:center;margin:0 auto 20px;width:65px;height:65px;border-radius:20px;background:#f0f5f7;color:#86a3b3}.cl-empty h3{font-size:16px;margin:0 0 10px;font-weight:550}.cl-empty p{font-size:11px;color:#91a2ae;margin:0 0 22px;line-height:1.7}.cl-empty-action{display:inline-flex;align-items:center;gap:12px;border:1px solid #d9e5eb;border-radius:8px;padding:10px 15px;background:#fff;color:#51788e;font-size:10px}.cl-pager{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:30px;padding:5px 0;font-size:10px;color:#91a3ae}.cl-pager a{display:flex;align-items:center;gap:5px;border:1px solid #dde7ed;padding:9px 12px;border-radius:8px;background:#fff;color:#55788d}.cl-pager a:first-child .ui-icon{transform:rotate(180deg)}.cl-pager b{font-weight:600;color:#44677c}.cl-page-disabled{color:#b4c1c9}.cl-placement-note{font-size:9px!important;line-height:1.7!important;color:#9cabb5!important;border-top:1px solid #e7edf1;padding-top:18px;margin:25px 0 0!important;max-width:900px}.course-library a:focus-visible,.course-library summary:focus-visible,.course-library button:focus-visible{outline:2px solid #668eaa;outline-offset:3px}
@media(max-width:1120px){.cl-stage{padding:20px 17px}.cl-stage-title h3{font-size:20px}.cl-stage-icon{width:42px;height:42px}.cl-stage-range{font-size:8px}.cl-stages.is-compact .cl-stage{padding:13px;column-gap:9px}.cl-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-heading h1>span{display:block;margin:12px 0 0;font-size:11px}.cl-stage-top{margin-bottom:19px}}
@media(max-width:700px){.cl-heading{padding:0 0 22px;align-items:flex-end;gap:10px}.cl-heading h1{font-size:28px}.cl-eyebrow{font-size:7px;margin-bottom:10px;letter-spacing:1.8px}.cl-heading h1>span{font-size:10px;margin-top:9px;letter-spacing:.3px}.cl-live-count{font-size:8px;gap:5px;white-space:nowrap;padding-bottom:2px}.cl-live-count>strong{font-size:16px;margin-left:2px}.cl-live-count>span{width:4px;height:4px;box-shadow:none}.cl-breadcrumb{padding:15px 0 19px;gap:9px;font-size:9px;align-items:flex-start}.cl-breadcrumb ol{gap:6px}.cl-breadcrumb li{gap:6px}.cl-back{font-size:8px;gap:2px;padding-top:2px}.cl-back .ui-icon{width:11px}.cl-step-heading{gap:8px;margin-bottom:13px}.cl-step-heading h2{font-size:12px}.cl-step-number{width:22px;height:22px;font-size:8px}.cl-step-hint{font-size:8px;max-width:45%;text-align:right}.cl-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cl-stage{padding:19px 18px 18px;border-radius:13px}.cl-stage-top{margin-bottom:15px}.cl-stage-icon{width:39px;height:39px;border-radius:12px}.cl-stage-icon .ui-icon{width:24px;height:24px}.cl-stage-label{font-size:7px;letter-spacing:1.3px;margin-bottom:8px}.cl-stage-title h3{font-size:21px;letter-spacing:.7px}.cl-stage-count{font-size:9px;margin-top:10px}.cl-stage-range{font-size:9px}.cl-stages.is-compact{gap:7px}.cl-stages.is-compact .cl-stage{padding:12px;column-gap:9px;grid-template-columns:29px minmax(0,1fr);border-radius:10px}.cl-stages.is-compact .cl-stage-icon{width:29px;height:29px;border-radius:9px}.cl-stages.is-compact .cl-stage-icon .ui-icon{width:18px;height:18px}.cl-stages.is-compact .cl-stage-title h3{font-size:13px}.cl-stages.is-compact .cl-stage-title>.ui-icon{width:11px}.cl-stages.is-compact .cl-stage-count{font-size:7px;margin-top:5px}.cl-branch{margin-top:19px;padding-top:19px}.cl-grades{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.cl-grade{padding:14px 10px;flex-wrap:wrap;gap:6px;position:relative}.cl-grade-number{display:none}.cl-grade strong{font-size:10px;width:100%;padding-right:6px}.cl-grade>.cl-count{margin-left:0;font-size:8px;text-align:left;min-width:0}.cl-grade>.cl-count::after{content:' 门课堂';font-size:7px;margin-left:3px}.cl-grade>.ui-icon{margin-left:auto;width:11px}.cl-grades.is-compact{gap:6px}.cl-grades.is-compact .cl-grade{padding:9px 11px;gap:8px;flex-wrap:nowrap}.cl-grades.is-compact .cl-grade strong{font-size:10px;width:auto;padding:0}.cl-grades.is-compact .cl-count::after{display:none}.cl-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cl-subject{padding:13px 12px;gap:8px;border-radius:10px}.cl-subject-icon{width:28px;height:28px;border-radius:8px}.cl-subject-icon .ui-icon{width:19px;height:19px}.cl-subject strong{font-size:11px}.cl-subject>.cl-count{font-size:8px}.cl-subject>.ui-icon{width:11px}.cl-subjects.is-compact .cl-subject{padding:8px 11px;gap:7px}.cl-subjects.is-compact .cl-subject strong{font-size:10px}.cl-units{gap:6px}.cl-unit{padding:9px 10px;gap:7px;font-size:9px;border-radius:8px}.cl-unit-number{font-size:7px}.cl-unit .cl-count{font-size:7px}.cl-results{margin-top:23px}.cl-results-heading{margin-bottom:13px}.cl-results-heading h2{font-size:15px;gap:8px}.cl-results-heading h2>span{font-size:9px}.cl-search-main{gap:7px}.cl-search-input{height:39px;padding:0 10px;gap:7px;min-width:120px}.cl-search-input input{font-size:10px}.cl-search-input>.ui-icon{width:16px;height:16px}.cl-search-submit{height:39px;padding:0 13px;font-size:10px;gap:8px}.cl-search-submit .ui-icon{width:13px}.cl-filters>summary{height:39px;padding:0 11px;font-size:9px;gap:5px}.cl-filters>summary>.ui-icon{width:13px}.cl-filter-fields{width:min(440px,calc(100vw - 42px));padding:16px;grid-template-columns:1fr 1fr;gap:12px;top:46px}.cl-filter-fields label{font-size:8px}.cl-filter-fields select{font-size:9px;height:36px;padding:0 7px}.cl-filter-fields label:nth-child(3){grid-column:1/-1}.cl-filter-apply{font-size:9px;justify-self:stretch;text-align:center}.cl-course-grid{gap:12px}.cl-course-image{aspect-ratio:1.4}.cl-course-image img{padding:10px}.cl-course-content{padding:14px 13px}.cl-course-meta{font-size:7px;gap:5px;margin-bottom:8px;row-gap:4px}.cl-course-meta span+span::before{margin-right:5px}.cl-course h3{font-size:12px;line-height:1.7;min-height:42px}.cl-course-footer{gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:11px}.cl-course-footer>strong{font-size:12px}.cl-course-footer>span{font-size:7px}.cl-course-footer>a{font-size:8px;gap:0}.cl-course-footer>a .ui-icon{width:11px}.cl-course-enter{opacity:1;transform:none;width:24px;height:24px;right:10px;bottom:10px}.cl-course-enter .ui-icon{width:15px}.cl-pager{gap:14px;font-size:9px;margin-top:23px}.cl-pager a{padding:8px 10px;font-size:9px}.cl-pager .ui-icon{width:12px}.cl-empty{padding:44px 20px}.cl-empty h3{font-size:14px}.cl-empty p{font-size:10px}.cl-empty-action{font-size:9px}.cl-placement-note{font-size:8px!important;padding-top:15px}}
@media(max-width:420px){.cl-course-grid{grid-template-columns:minmax(0,1fr);gap:15px}.cl-course-image{aspect-ratio:1.7}.cl-course-image img{padding:14px 20px}.cl-course-content{padding:18px 19px}.cl-course h3{font-size:14px;min-height:0}.cl-course-meta{font-size:8px;margin-bottom:10px}.cl-course-footer{margin-top:15px;padding-top:12px}.cl-course-footer>strong{font-size:13px}.cl-course-footer>a{font-size:9px}.cl-course-footer>span{font-size:8px}.cl-search-input{flex-basis:calc(100% - 74px)}.cl-search-submit{min-width:64px}.cl-filters{margin-left:auto}.cl-filters>summary{height:32px;font-size:8px}.cl-filter-fields{top:39px}.cl-live-count{font-size:7px}.cl-live-count>strong{font-size:15px}.cl-grade{padding:13px 8px}.cl-grade strong{font-size:9px}.cl-stage{padding:17px 15px}.cl-stage-range{font-size:8px}.cl-stage-count{font-size:8px}.cl-breadcrumb ol{max-width:calc(100% - 72px)}.cl-step-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.course-library *{transition:none!important;animation:none!important}.cl-stage:hover,.cl-course:hover,.cl-course:hover .cl-course-image img{transform:none}}

/* Keep selected ancestors in compact rows; choice labels remain readable. */
.course-library .cl-breadcrumb{padding-top:10px;padding-bottom:14px;font-size:12px}
.course-library .cl-back{min-height:30px;font-size:12px}
.course-library .cl-live-count,.course-library .cl-stage-count,.course-library .cl-stages.is-compact .cl-stage-count{font-size:12px}
.course-library .cl-stage-count{line-height:1.4}
.course-library .cl-count,.course-library .cl-unit .cl-count{font-size:12px;color:#768e9c}
.course-library .cl-step-heading h2{font-size:14px}
.course-library .cl-step-hint{font-size:12px}
.course-library .cl-grade,.course-library .cl-subject,.course-library .cl-unit{min-height:44px}
.course-library .cl-grade strong,.course-library .cl-grades.is-compact .cl-grade strong,
.course-library .cl-subject strong,.course-library .cl-subjects.is-compact .cl-subject strong{font-size:14px}
.course-library .cl-grade strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px}
.course-library .cl-grade-alias{font-size:12px;color:#8196a3;font-weight:400;white-space:nowrap}
.course-library .cl-grade-main{white-space:nowrap}
.course-library .cl-grades.is-compact .cl-grade,.course-library .cl-subjects.is-compact .cl-subject{padding-top:10px;padding-bottom:10px}
.course-library .cl-unit{font-size:12px;padding-top:10px;padding-bottom:10px}
.course-library .cl-navigator{padding-bottom:0}
.course-library .cl-results{margin-top:20px}
.course-library .cl-results-heading h2{font-size:18px}
.course-library .cl-results-heading h2>span,.course-library .cl-search-term{font-size:12px}
.course-library .cl-search-input input,.course-library .cl-search-submit,
.course-library .cl-filters>summary,.course-library .cl-filter-fields label,
.course-library .cl-filter-fields select,.course-library .cl-filter-apply{font-size:12px}
.course-library .cl-search-input,.course-library .cl-search-submit,.course-library .cl-filters>summary,
.course-library .cl-filter-fields select,.course-library .cl-filter-apply{min-height:44px;height:auto}
.course-library .cl-search-input input{height:42px}
.course-library .cl-search-submit{align-self:stretch}
.course-library .cl-course h3{font-size:15px;line-height:1.65;min-height:50px}
.course-library .cl-course-meta,.course-library .cl-course-footer>span,
.course-library .cl-course-footer>a{font-size:12px}
.course-library .cl-course-footer>strong{font-size:15px}
.course-library .cl-course-footer>a{min-height:30px}
.course-library .cl-pager,.course-library .cl-pager a{font-size:12px}
.course-library .cl-pager a{min-height:44px}
.course-library .cl-empty p,.course-library .cl-empty-action{font-size:12px}
.course-library .cl-empty-action{min-height:44px}
@media(min-width:701px){
  .course-library .cl-heading{padding-bottom:20px}
  .course-library .cl-stages.is-compact .cl-stage{padding-top:12px;padding-bottom:12px}
  .course-library .cl-branch{margin-top:16px;padding-top:16px}
  .course-library .cl-grades-section:has(.cl-grades.is-compact),
  .course-library .cl-subjects-section:has(.cl-subjects.is-compact),
  .course-library .cl-units-section{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px;padding-top:12px}
  .course-library .cl-grades-section:has(.cl-grades.is-compact)>.cl-step-heading,
  .course-library .cl-subjects-section:has(.cl-subjects.is-compact)>.cl-step-heading,
  .course-library .cl-units-section>.cl-step-heading{margin-bottom:0;min-height:44px;gap:8px}
  .course-library .cl-grades-section:has(.cl-grades.is-compact) .cl-step-hint,
  .course-library .cl-subjects-section:has(.cl-subjects.is-compact) .cl-step-hint,
  .course-library .cl-units-section .cl-step-hint{display:none}
  .course-library .cl-grades-section:has(.cl-grades.is-compact) .cl-step-number,
  .course-library .cl-subjects-section:has(.cl-subjects.is-compact) .cl-step-number,
  .course-library .cl-units-section .cl-step-number{width:21px;height:21px;flex-shrink:0}
  .course-library .cl-grades-section:has(.cl-grades.is-compact) .cl-step-heading h2,
  .course-library .cl-subjects-section:has(.cl-subjects.is-compact) .cl-step-heading h2,
  .course-library .cl-units-section .cl-step-heading h2{font-size:12px;white-space:nowrap}
}
@media(max-width:700px){
  .course-library .cl-heading{align-items:flex-start;padding-bottom:19px}
  .course-library .cl-heading h1>span{font-size:12px;line-height:1.5}
  .course-library .cl-live-count{font-size:10px;margin-top:24px}
  .course-library .cl-breadcrumb{font-size:12px;gap:9px;padding-top:10px;padding-bottom:14px}
  .course-library .cl-breadcrumb ol{max-width:calc(100% - 90px)}
  .course-library .cl-back{font-size:12px;min-height:32px}
  .course-library .cl-step-heading{margin-bottom:10px}
  .course-library .cl-step-heading h2{font-size:14px}
  .course-library .cl-step-hint{font-size:12px}
  .course-library .cl-branch{margin-top:14px;padding-top:14px}
  .course-library .cl-stages.is-compact .cl-stage{grid-template-columns:minmax(0,1fr);padding:12px 13px;min-height:67px}
  .course-library .cl-stages.is-compact .cl-stage-top{display:none}
  .course-library .cl-stages.is-compact .cl-stage-title h3{font-size:14px}
  .course-library .cl-stages.is-compact .cl-stage-count{font-size:12px;margin-top:5px}
  .course-library .cl-grades{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .course-library .cl-grade{padding:12px 10px;gap:7px}
  .course-library .cl-grade strong{flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:0;font-size:14px;line-height:1.5}
  .course-library .cl-grade-alias{font-size:12px;line-height:1.4}
  .course-library .cl-grade>.cl-count{font-size:12px;line-height:1.4}
  .course-library .cl-grade>.cl-count::after{content:' 门';font-size:11px;margin-left:2px}
  .course-library .cl-grades.is-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .course-library .cl-grades.is-compact .cl-grade{padding:10px;gap:6px;display:flex;flex-wrap:wrap;align-content:center;min-height:67px}
  .course-library .cl-grades.is-compact .cl-grade strong{font-size:14px;width:100%;gap:2px}
  .course-library .cl-grades.is-compact .cl-grade .cl-count{font-size:12px}
  .course-library .cl-grades.is-compact .cl-grade .cl-count::after{display:inline;content:' 门';font-size:11px}
  .course-library .cl-subject{padding:12px 13px;min-height:50px}
  .course-library .cl-subject strong,.course-library .cl-subjects.is-compact .cl-subject strong{font-size:14px}
  .course-library .cl-subject>.cl-count{font-size:12px}
  .course-library .cl-subjects.is-compact .cl-subject{padding:10px 12px;min-height:44px;gap:8px}
  .course-library .cl-unit{font-size:12px;padding:10px 12px;min-height:44px;gap:8px}
  .course-library .cl-unit .cl-count{font-size:12px}
  .course-library .cl-results{margin-top:19px}
  .course-library .cl-results-heading h2{font-size:18px}
  .course-library .cl-search-main{gap:7px}
  .course-library .cl-search-submit{padding:0 14px;min-width:74px}
  .course-library .cl-search-input input{font-size:14px}
  .course-library .cl-search-input{flex-basis:calc(100% - 82px)}
  .course-library .cl-filters>summary{min-height:44px;padding:0 13px}
  .course-library .cl-filter-fields{top:50px}
  .course-library .cl-filter-fields label{font-size:12px}
  .course-library .cl-filter-fields select{font-size:14px}
  .course-library .cl-course h3{font-size:16px;line-height:1.65;min-height:0}
  .course-library .cl-course-meta{font-size:12px;line-height:1.5;row-gap:3px;margin-bottom:10px}
  .course-library .cl-course-footer>strong{font-size:15px}
  .course-library .cl-course-footer>span,.course-library .cl-course-footer>a{font-size:12px}
  .course-library .cl-course-footer>a{min-height:32px}
  .course-library .cl-pager{font-size:12px;gap:12px}
  .course-library .cl-pager a{font-size:12px;padding:9px 10px;min-height:44px}
  .course-library .cl-empty h3{font-size:16px}
}