.course-page[data-v-ff36b0e8]{padding-top:var(--th-gap)}.course-page .course-container[data-v-ff36b0e8]{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-ff36b0e8]{margin-bottom:40px}.course-page .recommend-tools-section .section-header[data-v-ff36b0e8]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.course-page .recommend-tools-section .section-header .section-title[data-v-ff36b0e8]{color:#17181a;font-size:18px;font-weight:600;line-height:28px}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-ff36b0e8]{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-ff36b0e8] .iconfont{color:#56575c;font-size:17px;margin-right:10px;transition:color .2s ease}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-ff36b0e8]:hover,.course-page .recommend-tools-section .section-header .refresh-btn[data-v-ff36b0e8]:hover .iconfont{color:#2862de}.course-page .recommend-tools-section .teacher-list[data-v-ff36b0e8]{overflow:hidden}.course-page .recommend-tools-section .teacher-list .teacher-list-container[data-v-ff36b0e8]{--card-gap:20px;display:flex;gap:var(--card-gap);touch-action:pan-y}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card[data-v-ff36b0e8]{--card-num:5;flex:0 0 calc((100% - var(--card-gap)*(var(--card-num) - 1))/(var(--card-num) + 1))}@media screen and (max-width:1440px){.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card[data-v-ff36b0e8]{--card-num:4}}@media screen and (max-width:1300px){.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card[data-v-ff36b0e8]{--card-num:3}}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card[data-v-ff36b0e8]{cursor:pointer;min-width:0;transition:all .2s ease}@keyframes left-to-right-ff36b0e8{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card[data-v-ff36b0e8]{--card-num:5;flex:0 0 calc(33.33333% - 26.66667px)}@media screen and (max-width:1440px){.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card[data-v-ff36b0e8]{--card-num:4;flex:0 0 calc(40% - 24px)}}@media screen and (max-width:1300px){.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card[data-v-ff36b0e8]{--card-num:3;flex:0 0 calc(50% - 20px)}}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card .card-inner .teacher-header-wrap[data-v-ff36b0e8]{background:linear-gradient(128deg,#fff3e2,#fff 45%);border-radius:16px 0 0 16px;position:relative}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card .card-inner .teacher-header-wrap .header-shadow[data-v-ff36b0e8]{display:block}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card .card-inner .teacher-header-wrap .teacher-header[data-v-ff36b0e8]{background:unset}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card.active-card .card-inner .teacher-content[data-v-ff36b0e8]{animation:left-to-right-ff36b0e8 .5s ease-in-out forwards}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner[data-v-ff36b0e8]{display:flex;height:303px;overflow:hidden;width:100%}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap[data-v-ff36b0e8]{background:linear-gradient(180deg,#fff6ea,#fff 30%);border:1px solid #fff;border-radius:12px;height:100%;padding:4px;position:relative;transition:none;width:var(--card-width,100%)}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header[data-v-ff36b0e8]{background:linear-gradient(180deg,#fff6eacc,#fff 30%) padding-box,linear-gradient(180deg,#fff0 25%,#f1ddc3) border-box;border:1px solid transparent;border-radius:12px;height:100%;padding:0 16px;position:relative;width:100%}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-name[data-v-ff36b0e8]{color:#3a2605;font-size:16px;font-weight:500;line-height:24px;margin-bottom:16px;text-align:center}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-desc[data-v-ff36b0e8]{color:var(--th-text-secondary-color);font-size:12px;font-weight:400;height:40px;line-height:20px;text-align:center}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-stats-inline[data-v-ff36b0e8]{align-items:center;display:flex;justify-content:space-between;margin:16px auto;text-align:center;width:148px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-stats-inline .num[data-v-ff36b0e8]{color:#101828;font-family:DingTalk;font-size:14px;font-weight:400;line-height:17px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-stats-inline .num span[data-v-ff36b0e8]{font-size:10px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-info .teacher-stats-inline .unit[data-v-ff36b0e8]{color:var(--th-text-secondary-color);font-size:10px;font-weight:400;line-height:18px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-avatar[data-v-ff36b0e8]{border-radius:50%;flex-shrink:0;height:70px;margin:16px auto 12px;overflow:visible;position:relative;width:70px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .teacher-header .teacher-avatar img[data-v-ff36b0e8]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-header-wrap .header-shadow[data-v-ff36b0e8]{background:linear-gradient(180deg,transparent 5%,hsla(0,0%,85%,.5) 50%,transparent 95%);box-shadow:3px 0 12px #d8d8d8;display:none;height:178px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content[data-v-ff36b0e8]{background:#fff;border-radius:0 16px 16px 0;flex:1;height:100%;overflow:hidden;width:0}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update[data-v-ff36b0e8]{padding:20px 12px 12px 20px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-label[data-v-ff36b0e8]{color:var(--th-text-secondary-color);font-size:14px;font-weight:400;line-height:26px;margin-bottom:30px;padding:0 8px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item[data-v-ff36b0e8]{background:var(--th-body-bg);border-radius:8px;margin-bottom:12px;padding:12px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item[data-v-ff36b0e8]:last-child{margin-bottom:0}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-top[data-v-ff36b0e8]{align-items:center;display:flex;gap:8px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-top .update-image[data-v-ff36b0e8]{border-radius:4px;height:45px;-o-object-fit:cover;object-fit:cover;width:60px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-top .update-title[data-v-ff36b0e8]{flex:1}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-top .update-title span[data-v-ff36b0e8]:first-child{border:1px solid var(--th-primary-color);border-radius:4px;color:var(--th-primary-color);display:inline-block;font-size:10px;font-weight:400;height:18px;line-height:18px;margin-right:8px;text-align:center;width:28px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-top .update-title span[data-v-ff36b0e8]:last-child{color:var(--th-text-color-2);font-size:13px;font-weight:500;line-height:22px}.course-page .recommend-tools-section .teacher-list .teacher-list-container .teacher-card .card-inner .teacher-content .recent-update .update-item .update-item-bottom[data-v-ff36b0e8]{color:var(--th-text-secondary-color);font-size:12px;font-weight:400;line-height:20px;margin-top:13px;text-align:right}.course-page .recommend-tools-section .teacher-list .no-first-anim[data-v-ff36b0e8]{animation:none!important}.course-page .sticky-box[data-v-ff36b0e8]{background:#f7f8fa;position:sticky;top:var(--th-header-height);z-index:1}.course-page .sticky-box.stickyed[data-v-ff36b0e8]{background:#fff}.course-page .sticky-box.stickyed .category-filter-wrapper .category-list .category-item[data-v-ff36b0e8]:hover{background:var(--th-body-bg);color:var(--th-text-color);font-weight:500}.course-page .sticky-box.stickyed .category-filter-wrapper .category-list .category-item.active[data-v-ff36b0e8]{background:var(--th-primary-color-2);color:var(--th-primary-color);font-weight:500}.course-page .category-filter-wrapper[data-v-ff36b0e8]{display:flex;gap:16px;margin-bottom:20px;padding-block:10px}.course-page .category-filter-wrapper .category-list[data-v-ff36b0e8]{display:flex;flex:1;flex-wrap:wrap;gap:16px;max-height:40px;overflow:hidden}.course-page .category-filter-wrapper .category-list.expanded[data-v-ff36b0e8]{max-height:none}.course-page .category-filter-wrapper .category-list .category-item[data-v-ff36b0e8]{align-items:center;border-radius:8px;color:#545559;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-ff36b0e8]:hover{background:#fff;color:var(--th-text-color);font-weight:500}.course-page .category-filter-wrapper .category-list .category-item.active[data-v-ff36b0e8]{background:#fff;color:var(--th-primary-color);font-weight:500}.course-page .category-filter-wrapper .filter-actions[data-v-ff36b0e8]{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-ff36b0e8]{width:240px}}.course-page .category-filter-wrapper .filter-actions .expand-btn[data-v-ff36b0e8]{color:#848587;cursor:pointer;font-size:14px;line-height:20px;margin-right:auto}.course-page .category-filter-wrapper .filter-actions .filter-btn[data-v-ff36b0e8]{align-items:center;border-radius:6px;color:var(--th-text-color-2);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:5px 8px;transition:all .2s ease}.course-page .category-filter-wrapper .filter-actions .filter-dropdown[data-v-ff36b0e8]{position:relative}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel[data-v-ff36b0e8]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:240px;padding:0;position:absolute;right:0;top:40px;z-index:100}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section[data-v-ff36b0e8]{padding:12px 16px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .clear-btn[data-v-ff36b0e8]{align-items:center;color:#56575c;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:4px;line-height:20px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .clear-btn[data-v-ff36b0e8]:hover{opacity:.8}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-label[data-v-ff36b0e8]{align-items:center;color:#000;display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:24px;margin-bottom:12px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options[data-v-ff36b0e8]{display:flex;gap:12px}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options .filter-option[data-v-ff36b0e8]{background:#f7f8fa;border-radius:4px;color:#4e5969;cursor:pointer;font-size:13px;padding:8px 26px;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-ff36b0e8]:hover{background:#e8e9eb}.course-page .category-filter-wrapper .filter-actions .filter-dropdown .filter-panel .filter-section .filter-options .filter-option.active[data-v-ff36b0e8]{background:#e0eaff;color:var(--th-primary-color);font-weight:500}.course-page .filter .item[data-v-ff36b0e8]{cursor:pointer;display:flex}.course-page .filter .item .label[data-v-ff36b0e8]{color:#16171a;flex-shrink:0;font-size:16px;font-weight:700;line-height:32px;margin-right:8px}.course-page .filter .item .value[data-v-ff36b0e8]{display:flex;flex:1;flex-wrap:wrap;gap:8px;overflow:hidden}.course-page .filter .item .i-item[data-v-ff36b0e8]{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-ff36b0e8]{background:#ebf1ff;color:var(--th-primary-color)}.course-page .sub-filter-container[data-v-ff36b0e8]{display:flex;flex-direction:row-reverse}.course-page .sub-filter[data-v-ff36b0e8]{align-items:center;background:#f7f8fa;border-radius:14px;display:flex;height:28px;padding:2px}.course-page .sub-filter .item[data-v-ff36b0e8]{color:#848587;cursor:pointer;font-size:14px;line-height:24px;padding:0 10px}.course-page .sub-filter .item.active[data-v-ff36b0e8]{background:#fff;border-radius:14px;color:#000;font-weight:700}.course-list[data-v-73863a91]{display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-top:20px}@media screen and (max-width:1440px){.course-list[data-v-73863a91]{grid-template-columns:repeat(4,1fr)}}