.course-page[data-v-5656f65a]{padding-top:var(--th-gap)}.course-page .course-container[data-v-5656f65a]{margin-inline:auto;min-width:var(--th-min-width);padding-inline:max(60px,(100% - var(--th-max-width))/2)}.course-page .recommend-tools-section[data-v-5656f65a]{margin-bottom:40px}.course-page .recommend-tools-section .section-header[data-v-5656f65a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.course-page .recommend-tools-section .section-header .section-title[data-v-5656f65a]{color:#fff;font-size:18px;font-weight:600;line-height:28px}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-5656f65a]{align-items:center;color:#56575c;cursor:pointer;display:flex;line-height:20px;transition:color .2s ease}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-5656f65a] .iconfont{color:#56575c;font-size:17px;margin-right:10px;transition:color .2s ease}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-5656f65a]:hover,.course-page .recommend-tools-section .section-header .refresh-btn[data-v-5656f65a]:hover .iconfont{color:#2862de}.course-page .sticky-box[data-v-5656f65a]{position:sticky;top:var(--th-header-height);z-index:1}.course-page .sticky-box.stickyed[data-v-5656f65a]{background:#0b0b0f}.course-page .category-filter-wrapper[data-v-5656f65a]{align-items:center;display:flex;gap:16px;margin-bottom:10px;padding-block:10px}.course-page .category-filter-wrapper .category-list[data-v-5656f65a]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:16px;height:-moz-max-content;height:max-content;overflow:hidden}.course-page .category-filter-wrapper .category-list.expanded[data-v-5656f65a]{max-height:none}.course-page .category-filter-wrapper .category-list .category-item[data-v-5656f65a]{align-items:center;background:#0b0b0f;border:1px solid #2d2e33;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:34px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.course-page .category-filter-wrapper .category-list .category-item[data-v-5656f65a]:hover{background:#1b1c21;font-weight:500}.course-page .category-filter-wrapper .category-list .category-item.active[data-v-5656f65a]{background:#fff;color:#2d2e33;font-weight:500}.course-page .category-filter-wrapper .filter-actions[data-v-5656f65a]{display:flex;flex-shrink:0;justify-content:flex-end;padding-top:6px;width:300px}@media(max-width:1440px){.course-page .category-filter-wrapper .filter-actions[data-v-5656f65a]{width:240px}}.course-page .category-filter-wrapper .filter-actions .expand-btn[data-v-5656f65a]{color:#848587;cursor:pointer;font-size:14px;line-height:20px;margin-right:auto}.course-page .category-filter-wrapper .filter-actions .filter-btn[data-v-5656f65a]{align-items:center;border:1px solid transparent;border-radius:100px;color:#fff;display:flex;font-size:14px;justify-content:center;padding:6px 16px;transition:all .2s ease}.course-page .category-filter-wrapper .filter-actions .filter-btn[data-v-5656f65a]:hover{background:#1b1c21;border-color:#2d2e33;cursor:pointer}.course-page .category-filter-wrapper .filter-actions .filter-dropdown[data-v-5656f65a]{position:relative}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel[data-v-5656f65a]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b1c2180;border:1px solid rgba(45,46,51,.5);border-radius:8px;min-width:240px;padding:16px;position:absolute;right:0;top:48px;z-index:100}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section[data-v-5656f65a]{margin-bottom:20px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section[data-v-5656f65a]:last-child{margin-bottom:0}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-label[data-v-5656f65a]{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;line-height:22px;margin-bottom:8px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options[data-v-5656f65a]{display:flex;gap:12px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options .filter-option[data-v-5656f65a]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fffc;cursor:pointer;font-size:14px;line-height:22px;padding:4px 20px;transition:all .2s ease;white-space:nowrap}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options .filter-option[data-v-5656f65a]:hover{background:#fff;color:#2d2e33}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options .filter-option.active[data-v-5656f65a]{background:#fff;color:#2d2e33;font-weight:500}.course-page .filter .item[data-v-5656f65a]{cursor:pointer;display:flex}.course-page .filter .item .label[data-v-5656f65a]{color:#16171a;flex-shrink:0;font-size:16px;font-weight:700;line-height:32px;margin-right:8px}.course-page .filter .item .value[data-v-5656f65a]{display:flex;flex:1;flex-wrap:wrap;gap:8px;overflow:hidden}.course-page .filter .item .i-item[data-v-5656f65a]{align-items:center;border-radius:4px;color:#545559;display:flex;font-size:14px;height:32px;line-height:1;padding:0 12px}.course-page .filter .item .i-item.active[data-v-5656f65a]{background:#ebf1ff;color:var(--th-primary-color)}.course-page .sub-filter-container[data-v-5656f65a]{display:flex;flex-direction:row-reverse}.course-page .sub-filter[data-v-5656f65a]{align-items:center;background:#f7f8fa;border-radius:14px;display:flex;height:28px;padding:2px}.course-page .sub-filter .item[data-v-5656f65a]{color:#848587;cursor:pointer;font-size:14px;line-height:24px;padding:0 10px}.course-page .sub-filter .item.active[data-v-5656f65a]{background:#fff;border-radius:14px;color:#000;font-weight:700}.course-list[data-v-c6cd645c]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(294px,1fr))}