.common-mobile-header[data-v-3f3fba28]{height:50px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.05)}.common-mobile-header.fixed[data-v-3f3fba28]{position:fixed;top:0;left:0;width:100%}.common-mobile-header .header-left[data-v-3f3fba28],.common-mobile-header .header-right[data-v-3f3fba28]{width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;cursor:pointer}.common-mobile-header .back-icon[data-v-3f3fba28]{font-size:18px;color:#333}.common-mobile-header .header-title[data-v-3f3fba28]{-ms-flex:1;flex:1;text-align:center;font-size:17px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-view[data-v-6361810a]{min-height:100vh;background-color:#f5f5f5;padding-top:50px}.page-header[data-v-6361810a]{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.05)}.page-header .header-left[data-v-6361810a],.page-header .header-right[data-v-6361810a]{width:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.page-header .back-icon[data-v-6361810a]{font-size:18px;padding:8px;margin-left:-8px;color:#333}.page-header .header-title[data-v-6361810a]{font-size:17px;font-weight:600;color:#333;-ms-flex:1;flex:1;text-align:center}.filter-section[data-v-6361810a]{position:sticky;top:50px;z-index:9;padding:10px 0;background:#fff;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.filter-section .capsule-row[data-v-6361810a]{display:-ms-flexbox;display:flex;overflow-x:auto;padding:0 16px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.filter-section .capsule-row[data-v-6361810a]::-webkit-scrollbar{display:none}.filter-section .capsule-row[data-v-6361810a]:last-child{margin-bottom:0}.filter-section .capsule-row .capsule-item[data-v-6361810a]{-ms-flex:0 0 auto;flex:0 0 auto;padding:4px 12px;margin-right:8px;background:#f5f5f5;color:#666;border-radius:100px;font-size:13px;transition:all .2s}.filter-section .capsule-row .capsule-item.active[data-v-6361810a]{background:#e6f7ff;color:#1890ff;font-weight:500}.filter-section .capsule-row .capsule-item[data-v-6361810a]:last-child{margin-right:16px}.course-list[data-v-6361810a]{padding:0 16px 20px}.empty-state[data-v-6361810a]{padding:40px 0;text-align:center}.course-card-item[data-v-6361810a]{border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.course-card-item .cover-wrapper[data-v-6361810a]{height:140px;background:#eef2f5;position:relative;overflow:hidden}.course-card-item .cover-wrapper .cover-img[data-v-6361810a]{width:100%;height:100%;object-fit:cover}.course-card-item .cover-wrapper .img-placeholder[data-v-6361810a]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:12px;background:#f0f2f5}.course-card-item .cover-wrapper .badge[data-v-6361810a]{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px}.course-card-item .card-info .course-title[data-v-6361810a]{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-item .card-info .progress-section[data-v-6361810a]{margin-bottom:12px}.course-card-item .card-info .action[data-v-6361810a]{text-align:right}