.course-page[data-wefat-page-scope=p-9f536b4d34a51719]{padding-bottom:calc(var(--jj-tabbar-height) + calc(24 * var(--wefat-rpx)) + constant(safe-area-inset-bottom));padding-bottom:calc(var(--jj-tabbar-height) + calc(24 * var(--wefat-rpx)) + env(safe-area-inset-bottom))}.course-header[data-wefat-page-scope=p-9f536b4d34a51719]{width:100%;height:100%;padding:0 calc(30 * var(--wefat-rpx));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.course-type-tabs[data-wefat-page-scope=p-9f536b4d34a51719]{min-width:0;display:flex;align-items:stretch;gap:calc(34 * var(--wefat-rpx));align-self:stretch}.course-type[data-wefat-page-scope=p-9f536b4d34a51719]{position:relative;display:flex;align-items:center;gap:calc(8 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(30 * var(--wefat-rpx));white-space:nowrap}.course-type.active[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-text);font-size:calc(38 * var(--wefat-rpx));font-weight:700}.course-type.active[data-wefat-page-scope=p-9f536b4d34a51719]:after{content:"";position:absolute;left:50%;bottom:0;width:calc(32 * var(--wefat-rpx));height:calc(6 * var(--wefat-rpx));border-radius:calc(3 * var(--wefat-rpx));background:var(--jj-blue);transform:translate(-50%)}.vip-free[data-wefat-page-scope=p-9f536b4d34a51719]{padding:calc(3 * var(--wefat-rpx)) calc(8 * var(--wefat-rpx));border-radius:calc(5 * var(--wefat-rpx));color:#72531f;background:#f7e5bf;font-size:calc(18 * var(--wefat-rpx));font-weight:500}.course-actions[data-wefat-page-scope=p-9f536b4d34a51719]{display:flex;align-items:center;gap:calc(14 * var(--wefat-rpx))}.course-action[data-wefat-page-scope=p-9f536b4d34a51719]{width:calc(52 * var(--wefat-rpx));height:calc(52 * var(--wefat-rpx))}.category-scroll[data-wefat-page-scope=p-9f536b4d34a51719]{width:100%;border-bottom:calc(1 * var(--wefat-rpx)) solid var(--jj-line)}.category-row[data-wefat-page-scope=p-9f536b4d34a51719]{width:auto;height:calc(90 * var(--wefat-rpx));padding:0 calc(30 * var(--wefat-rpx));display:inline-flex;align-items:center;gap:calc(42 * var(--wefat-rpx));box-sizing:border-box}.category[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-text-3);font-size:calc(30 * var(--wefat-rpx));white-space:nowrap}.category.active[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-blue);font-weight:600}.category-scroll.byte[data-wefat-page-scope=p-9f536b4d34a51719]{border-bottom:0;box-shadow:0 calc(16 * var(--wefat-rpx)) 0 var(--jj-bg);margin-bottom:calc(16 * var(--wefat-rpx))}.course-filters[data-wefat-page-scope=p-9f536b4d34a51719]{min-height:calc(82 * var(--wefat-rpx));padding:0 calc(30 * var(--wefat-rpx));display:flex;align-items:center;justify-content:space-between;border-bottom:calc(1 * var(--wefat-rpx)) solid var(--jj-line);box-sizing:border-box}.sort-row[data-wefat-page-scope=p-9f536b4d34a51719]{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-start;gap:calc(34 * var(--wefat-rpx))}.vip-filter[data-wefat-page-scope=p-9f536b4d34a51719]{margin-left:calc(24 * var(--wefat-rpx));display:flex;align-items:center;gap:calc(10 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(21 * var(--wefat-rpx));white-space:nowrap}.vip-check[data-wefat-page-scope=p-9f536b4d34a51719]{width:calc(30 * var(--wefat-rpx));height:calc(30 * var(--wefat-rpx));border:calc(2 * var(--wefat-rpx)) solid var(--jj-text-4);border-radius:calc(4 * var(--wefat-rpx));color:#fff;line-height:calc(27 * var(--wefat-rpx));text-align:center;box-sizing:border-box}.vip-filter.active[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-blue)}.vip-filter.active .vip-check[data-wefat-page-scope=p-9f536b4d34a51719]{border-color:var(--jj-blue);background:var(--jj-blue)}.sort-item[data-wefat-page-scope=p-9f536b4d34a51719]{display:flex;align-items:center;gap:calc(5 * var(--wefat-rpx));color:var(--jj-text-3);font-size:calc(26 * var(--wefat-rpx))}.sort-item.active[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-blue);font-weight:600}.sort-arrows[data-wefat-page-scope=p-9f536b4d34a51719]{display:flex;flex-direction:column;color:var(--jj-text-4);font-size:calc(11 * var(--wefat-rpx));line-height:.9}.sort-arrows.asc [data-wefat-component=text]:first-child[data-wefat-page-scope=p-9f536b4d34a51719],.sort-arrows.desc [data-wefat-component=text]:last-child[data-wefat-page-scope=p-9f536b4d34a51719]{color:var(--jj-blue)}.course-list[data-wefat-page-scope=p-9f536b4d34a51719],.byte-course-list[data-wefat-page-scope=p-9f536b4d34a51719]{min-height:calc(400 * var(--wefat-rpx))}