.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-66ff498f]{min-height:100vh;background:#f5f5f5;padding-top:50px}.loading-center[data-v-66ff498f]{display:block;margin:40px auto;text-align:center}.course-header-container[data-v-66ff498f]{background:#fff;margin-bottom:12px}.course-header-container .hero-cover[data-v-66ff498f]{width:100%;height:140px;background:#eee;overflow:hidden;position:relative}.course-header-container .hero-cover .course-cover[data-v-66ff498f]{width:100%;height:100%;object-fit:cover}.course-header-container .hero-cover .img-placeholder[data-v-66ff498f]{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:14px;background:#f0f2f5}.course-header-container .info-section[data-v-66ff498f]{padding:16px}.course-header-container .info-section .course-title[data-v-66ff498f]{font-size:18px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.3}.course-header-container .info-section .tags[data-v-66ff498f]{margin-bottom:10px}.course-header-container .info-section .desc[data-v-66ff498f]{font-size:13px;color:#666;line-height:1.6;background:#f9f9f9;padding:10px;border-radius:8px}.unit-list[data-v-66ff498f]{background:#fff;padding:0 16px 20px}.unit-list .section-title[data-v-66ff498f]{font-size:15px;font-weight:600;color:#333;padding:16px 0;border-bottom:1px solid #f5f5f5}.unit-list .unit-item[data-v-66ff498f]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:16px 0;border-bottom:1px solid #f9f9f9}.unit-list .unit-item .unit-index[data-v-66ff498f]{font-size:14px;color:#ccc;font-weight:600;margin-right:16px;width:24px}.unit-list .unit-item .unit-info[data-v-66ff498f]{-ms-flex:1;flex:1;margin-right:12px}.unit-list .unit-item .unit-info .unit-name[data-v-66ff498f]{font-size:14px;color:#333;margin-bottom:4px;line-height:1.4}.unit-list .unit-item .unit-info .unit-meta[data-v-66ff498f]{font-size:11px;color:#999}.unit-list .unit-item .unit-info .unit-meta .type-tag[data-v-66ff498f]{background:#f5f5f5;padding:1px 4px;border-radius:2px}.unit-list .unit-item .unit-action .play-icon[data-v-66ff498f]{font-size:24px;color:#1890ff;opacity:.8}.unit-list .unit-item[data-v-66ff498f]:active{background-color:#fcfcfc}