.sticky-box[data-v-2a5968eb]{padding-inline:max(60px,(100% - var(--th-max-width))/2);position:sticky;top:var(--th-header-height);z-index:1}.sticky-box.stickyed[data-v-2a5968eb]{backdrop-filter:blur(10px);background:var(--th-header-bg-optice)}.category-filter-wrapper[data-v-2a5968eb]{align-items:center;display:flex;gap:16px;margin-bottom:10px;padding-block:10px}.category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item{align-items:center;border:1px solid var(--th-tab-border-color);border-radius:6px;color:var(--th-text-color);cursor:pointer;display:flex;font-size:14px;font-weight:400;padding:8px 10px;transition:all .2s ease;white-space:nowrap}.category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item:hover{background:var(--th-section-bg);font-weight:500}.category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item.active{background:var(--th-tab-bg-color-active);color:var(--th-text-color-active);font-weight:500}.category-filter-wrapper .filter-actions[data-v-2a5968eb]{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:50px}:root[data-theme=light] .category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item{background:transparent;border-color:transparent;color:#344054}:root[data-theme=light] .category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item:hover{background:#e6f1ff;border-color:transparent;color:#0867f5}:root[data-theme=light] .category-filter-wrapper[data-v-2a5968eb] .embla-slide .category-item.active{background:#e6f1ff;border-color:transparent;color:#0867f5}.hot-container[data-v-de870372]{margin-inline:auto;min-width:var(--th-min-width);padding-inline:max(60px,(100% - var(--th-max-width))/2)}.embla-wrap[data-v-de870372]{align-items:center;display:flex;position:relative}.embla[data-v-de870372]{flex:1;overflow:hidden}.embla-container[data-v-de870372]{align-items:center;backface-visibility:hidden;display:flex;gap:20px;touch-action:pan-y pinch-zoom;will-change:transform}.embla-slide[data-v-de870372]{--bg1:27,28,33;flex:0 0 calc(20% - 16px);height:440px;max-width:380px;min-width:294px;overflow:hidden;position:relative}@media screen and (max-width:1750px){.embla-slide[data-v-de870372]{flex:0 0 calc(25% - 16px)}}@media screen and (max-width:1360px){.embla-slide[data-v-de870372]{flex:0 0 calc(33% - 16px)}}.embla-slide[data-v-de870372]:after{background:#00000080;content:"";height:200px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}[data-theme=light] .banner-container[data-v-eda9abbe]{background:linear-gradient(180deg,#fff,#fff0)}.course-page .course-container[data-v-eda9abbe]{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-eda9abbe]{margin-bottom:40px}.course-page .recommend-tools-section .section-header[data-v-eda9abbe]{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.course-page .recommend-tools-section .section-header .section-title[data-v-eda9abbe]{color:#fff;font-size:18px;font-weight:600;line-height:28px}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-eda9abbe]{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-eda9abbe] .iconfont{color:#56575c;font-size:17px;margin-right:10px;transition:color .2s ease}.course-page .recommend-tools-section .section-header .refresh-btn[data-v-eda9abbe]:hover,.course-page .recommend-tools-section .section-header .refresh-btn[data-v-eda9abbe]:hover .iconfont{color:#2862de}:root[data-theme=light] .course-page .recommend-tools-section .section-header .section-title[data-v-eda9abbe]{color:#344054}.course-list[data-v-c57e592d]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(294px,1fr))}.course-list[data-v-af0f9c6d]{grid-template-columns:repeat(auto-fill,minmax(328px,1fr))}.banner[data-v-af0f9c6d]:after{background:linear-gradient(180deg,#0b0b0f00,#0b0b0f);content:"";height:150px;left:0;pointer-events:none;position:absolute;top:150px;width:100%;z-index:0}.collection-container[data-v-af0f9c6d]{margin-inline:auto;min-width:var(--th-min-width);padding-inline:max(30px,(100% - var(--th-max-width))/2)}.data-card[data-v-af0f9c6d]{background:#ffffff0d;border:1px solid;-o-border-image:linear-gradient(134deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0),hsla(0,0%,100%,.1));border-image:linear-gradient(134deg,#ffffff1a,#fff0,#ffffff1a);border-radius:16px;height:90px;min-width:150px;padding:12px 14px;position:relative;z-index:1}