@charset "UTF-8";.course-detail-container[data-v-166c0ec2]{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:#f4f5f7;overflow:hidden}.no-id-tip[data-v-166c0ec2]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f4f5f7;z-index:1000}.no-id-tip .no-id-box[data-v-166c0ec2]{text-align:center;color:#9ca3af;font-size:4vw;padding:0 8vw}.no-id-tip .no-id-box .no-id-sub[data-v-166c0ec2]{margin-top:3.2vw;font-size:3.2vw;color:#c0c4cc;line-height:1.8}.video-container[data-v-166c0ec2]{position:relative;flex-shrink:0;width:100%;aspect-ratio:16/9;max-height:60vh;background:#000}.video-container .course-video[data-v-166c0ec2]{width:100%;height:100%;display:block;object-fit:contain;background:#000}.video-container .play-overlay[data-v-166c0ec2]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0000008c,#00000059 70%);z-index:5;cursor:pointer}.video-container .play-overlay .play-circle[data-v-166c0ec2]{width:calc(132 * 100vw / 750);height:calc(132 * 100vw / 750);border-radius:50%;background:linear-gradient(135deg,#fff,#f0fdf4);display:flex;align-items:center;justify-content:center;margin-bottom:calc(28 * 100vw / 750);box-shadow:0 calc(8 * 100vw / 750) calc(32 * 100vw / 750) #10b98173;animation:play-pulse-166c0ec2 2s ease-in-out infinite}.video-container .play-overlay .play-triangle[data-v-166c0ec2]{width:0;height:0;margin-left:calc(10 * 100vw / 750);border-top:4vw solid transparent;border-bottom:4vw solid transparent;border-left:6.4vw solid #10b981;filter:drop-shadow(0 calc(2 * 100vw / 750) calc(4 * 100vw / 750) rgba(16,185,129,.4))}.video-container .play-overlay .play-text[data-v-166c0ec2]{font-size:calc(28 * 100vw / 750);color:#fff;font-weight:500;letter-spacing:calc(2 * 100vw / 750);text-shadow:0 calc(2 * 100vw / 750) calc(8 * 100vw / 750) rgba(0,0,0,.5)}.video-container .play-overlay .play-sub[data-v-166c0ec2]{margin-top:calc(10 * 100vw / 750);font-size:calc(22 * 100vw / 750);color:#ffffffb3;letter-spacing:calc(1 * 100vw / 750)}@keyframes play-pulse-166c0ec2{0%,to{transform:scale(1);box-shadow:0 calc(8 * 100vw / 750) calc(32 * 100vw / 750) #10b98173}50%{transform:scale(1.08);box-shadow:0 1.6vw calc(44 * 100vw / 750) #10b981a6}}.video-container .video-lock[data-v-166c0ec2]{position:relative;width:100%;height:100%}.video-container .video-lock .lock-poster[data-v-166c0ec2]{width:100%;height:100%;object-fit:cover;display:block}.video-container .video-lock .lock-mask[data-v-166c0ec2]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-container .video-lock .lock-icon[data-v-166c0ec2]{width:12.8vw;height:12.8vw;border-radius:50%;background:#ffffff26;border:calc(2 * 100vw / 750) solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;margin-bottom:calc(20 * 100vw / 750)}.video-container .video-lock .lock-title[data-v-166c0ec2]{font-size:calc(28 * 100vw / 750);color:#fff;font-weight:700;margin-bottom:calc(16 * 100vw / 750)}.video-container .video-lock .lock-countdown[data-v-166c0ec2]{display:flex;flex-direction:column;align-items:center}.video-container .video-lock .lock-countdown .lock-countdown-label[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#ffffffb3;margin-bottom:.8vw}.video-container .video-lock .lock-countdown .lock-countdown-time[data-v-166c0ec2]{font-size:calc(40 * 100vw / 750);color:#10b981;font-weight:700;font-variant-numeric:tabular-nums}.video-container .video-lock .lock-tip[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#ffffffb3}.course-info[data-v-166c0ec2]{flex-shrink:0;background:#fff;padding:calc(28 * 100vw / 750) calc(32 * 100vw / 750);position:relative;z-index:2;box-shadow:0 .8vw calc(20 * 100vw / 750) #0000000d}.course-info .course-title-row[data-v-166c0ec2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.4vw}.course-info .course-title-row .course-title-wrap[data-v-166c0ec2]{flex:1;display:flex;align-items:center}.course-info .course-title-row .course-episode[data-v-166c0ec2]{font-size:calc(20 * 100vw / 750);color:#10b981;background:#10b9811a;padding:.8vw calc(14 * 100vw / 750);border-radius:calc(10 * 100vw / 750);margin-right:1.6vw;flex-shrink:0;font-weight:500}.course-info .course-title-row .course-title[data-v-166c0ec2]{font-size:calc(32 * 100vw / 750);font-weight:600;color:#1a1a1a;line-height:1.4}.course-info .course-meta[data-v-166c0ec2]{display:flex;align-items:center;flex-wrap:wrap;gap:1.6vw;justify-content:space-between}.course-info .course-meta .meta-status[data-v-166c0ec2]{font-size:calc(20 * 100vw / 750);color:#fff;padding:.8vw calc(16 * 100vw / 750);border-radius:calc(10 * 100vw / 750);font-weight:500}.course-info .course-meta .meta-status.running[data-v-166c0ec2]{background:#10b981e6}.course-info .course-meta .meta-status.pending[data-v-166c0ec2]{background:#f59e0be6}.course-info .course-meta .meta-status.ended[data-v-166c0ec2],.course-info .course-meta .meta-status.closed[data-v-166c0ec2]{background:#94a3b8e6}.course-info .course-meta .course-tag[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#10b981;background:#10b98114;padding:.8vw calc(16 * 100vw / 750);border-radius:calc(10 * 100vw / 750)}.course-info .course-meta .course-stats[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#9ca3af}.tab-container[data-v-166c0ec2]{flex-shrink:0;background:#fff;padding:calc(20 * 100vw / 750) calc(32 * 100vw / 750) 3.2vw;position:relative;z-index:2;box-shadow:0 calc(4 * 100vw / 750) 1.6vw #0000000a}.tab-container .tab-inner[data-v-166c0ec2]{display:flex;background:#f0f1f3;border-radius:calc(16 * 100vw / 750);padding:.8vw}.tab-container .tab-item[data-v-166c0ec2]{flex:1;text-align:center;padding:2.4vw 0;font-size:calc(27 * 100vw / 750);font-weight:500;color:#9ca3af;border-radius:1.6vw;transition:all .25s ease}.tab-container .tab-item.active[data-v-166c0ec2]{color:#10b981;font-weight:600;background:#fff;box-shadow:0 calc(2 * 100vw / 750) calc(10 * 100vw / 750) #10b9812e}.scroll-content[data-v-166c0ec2]{flex:1;min-height:0;background:#f4f5f7;padding:3.2vw 3.2vw 0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(6.4vw + env(safe-area-inset-bottom))}.tab-panel[data-v-166c0ec2]{padding-bottom:calc(40 * 100vw / 750)}.section[data-v-166c0ec2]{background:#fff;border-radius:3.2vw;padding:calc(32 * 100vw / 750);margin-bottom:3.2vw;box-shadow:0 calc(4 * 100vw / 750) calc(20 * 100vw / 750) #0000000a}.section .section-title[data-v-166c0ec2]{font-size:calc(28 * 100vw / 750);font-weight:600;color:#1a1a1a;margin-bottom:2.4vw;display:block}.section .section-content[data-v-166c0ec2]{display:block;font-size:calc(26 * 100vw / 750);color:#6b7280;line-height:1.8}.section .info-list .info-item[data-v-166c0ec2]{display:flex;justify-content:space-between;align-items:center;padding:calc(22 * 100vw / 750) 0;border-bottom:calc(1 * 100vw / 750) solid #f5f5f5}.section .info-list .info-item[data-v-166c0ec2]:last-child{border-bottom:none}.section .info-list .info-item .info-label[data-v-166c0ec2]{font-size:calc(25 * 100vw / 750);color:#9ca3af}.section .info-list .info-item .info-value[data-v-166c0ec2]{font-size:calc(25 * 100vw / 750);color:#1a1a1a;font-weight:500}.test-container[data-v-166c0ec2]{background:#fff;border-radius:3.2vw;padding:calc(32 * 100vw / 750);margin-bottom:3.2vw;box-shadow:0 calc(4 * 100vw / 750) calc(20 * 100vw / 750) #0000000a}.test-container .test-header[data-v-166c0ec2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(28 * 100vw / 750)}.test-container .test-header .test-type[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#10b981;background:#10b9811a;padding:calc(8 * 100vw / 750) 2.4vw;border-radius:calc(10 * 100vw / 750);font-weight:500}.test-container .test-header .test-progress[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#9ca3af}.test-container .question[data-v-166c0ec2]{margin-bottom:calc(32 * 100vw / 750)}.test-container .question .question-text[data-v-166c0ec2]{display:block;font-size:calc(28 * 100vw / 750);color:#1a1a1a;line-height:1.6;font-weight:500}.test-container .options .option-item[data-v-166c0ec2]{display:flex;align-items:center;justify-content:space-between;padding:4vw calc(32 * 100vw / 750);margin-bottom:2.4vw;background:#f7f8fa;border-radius:calc(20 * 100vw / 750);border:calc(2 * 100vw / 750) solid transparent;transition:all .2s ease}.test-container .options .option-item[data-v-166c0ec2]:active{transform:scale(.98)}.test-container .options .option-item.selected[data-v-166c0ec2]{background:#10b98114;border-color:#10b981}.test-container .options .option-item.wrong[data-v-166c0ec2]{background:#fef2f2;border-color:#ef4444}.test-container .options .option-item.wrong .option-text[data-v-166c0ec2]{color:#ef4444}.test-container .options .option-item .option-text[data-v-166c0ec2]{font-size:calc(26 * 100vw / 750);color:#1a1a1a;flex:1;line-height:1.5}.test-container .options .option-item .option-radio[data-v-166c0ec2]{width:4.8vw;height:4.8vw;border-radius:50%;border:calc(2 * 100vw / 750) solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.test-container .options .option-item .option-radio .radio-inner[data-v-166c0ec2]{width:2.4vw;height:2.4vw;border-radius:50%;background:#10b981}.test-container .options .option-item.selected .option-radio[data-v-166c0ec2]{border-color:#10b981}.test-container .submit-button[data-v-166c0ec2]{margin-top:6.4vw;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:4vw;font-weight:600;text-align:center;padding:4vw 3.2vw;border-radius:calc(20 * 100vw / 750);box-shadow:0 calc(8 * 100vw / 750) 3.2vw #10b9814d;transition:all .2s ease}.test-container .submit-button[data-v-166c0ec2]:active{transform:scale(.98)}.test-container .submit-button.disabled[data-v-166c0ec2]{background:#d1d5db;box-shadow:none}.empty-test[data-v-166c0ec2]{display:flex;justify-content:center;align-items:center;padding:16vw 0}.empty-test .empty-text[data-v-166c0ec2]{font-size:calc(26 * 100vw / 750);color:#9ca3af}.text-detail[data-v-166c0ec2]{flex:1;min-height:0;display:flex;flex-direction:column;background:#f4f5f7}.text-detail .text-scroll[data-v-166c0ec2]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:3.2vw 3.2vw calc(6.4vw + env(safe-area-inset-bottom));box-sizing:border-box}.text-header-card[data-v-166c0ec2],.text-section[data-v-166c0ec2]{background:#fff;border-radius:3.2vw;padding:calc(32 * 100vw / 750);margin-bottom:3.2vw;box-shadow:0 calc(4 * 100vw / 750) calc(20 * 100vw / 750) #0000000a}.text-header-card .text-title-row[data-v-166c0ec2]{display:flex;align-items:center;margin-bottom:calc(16 * 100vw / 750)}.text-header-card .text-episode[data-v-166c0ec2]{font-size:calc(20 * 100vw / 750);color:#10b981;background:#10b9811a;padding:calc(4 * 100vw / 750) 1.6vw;border-radius:calc(8 * 100vw / 750);margin-left:1.6vw;flex-shrink:0}.text-header-card .text-title[data-v-166c0ec2]{font-size:calc(32 * 100vw / 750);font-weight:700;color:#333;line-height:1.4;flex:1}.text-header-card .text-meta[data-v-166c0ec2]{display:flex;align-items:center;flex-wrap:wrap;gap:1.6vw}.text-header-card .text-meta .meta-status[data-v-166c0ec2]{font-size:calc(20 * 100vw / 750);color:#fff;padding:calc(4 * 100vw / 750) calc(14 * 100vw / 750);border-radius:calc(8 * 100vw / 750)}.text-header-card .text-meta .meta-status.running[data-v-166c0ec2]{background:#10b981e6}.text-header-card .text-meta .meta-status.pending[data-v-166c0ec2]{background:#f59e0be6}.text-header-card .text-meta .meta-status.ended[data-v-166c0ec2],.text-header-card .text-meta .meta-status.closed[data-v-166c0ec2]{background:#94a3b8e6}.text-header-card .text-meta .course-tag[data-v-166c0ec2]{font-size:calc(22 * 100vw / 750);color:#10b981;background:#10b98114;padding:calc(4 * 100vw / 750) calc(14 * 100vw / 750);border-radius:calc(8 * 100vw / 750)}.text-section .text-section-title[data-v-166c0ec2]{font-size:calc(28 * 100vw / 750);font-weight:700;color:#333;margin-bottom:calc(16 * 100vw / 750);display:block}.text-section .text-section-text[data-v-166c0ec2]{display:block;font-size:calc(26 * 100vw / 750);color:#666;line-height:1.8}.text-section .text-rich[data-v-166c0ec2]{font-size:calc(26 * 100vw / 750);color:#444;line-height:1.8;text-align:justify;word-wrap:break-word}.text-section .text-rich[data-v-166c0ec2] img{max-width:100%}.text-section .info-list .info-item[data-v-166c0ec2]{display:flex;justify-content:space-between;align-items:center;padding:calc(20 * 100vw / 750) 0;border-bottom:calc(1 * 100vw / 750) solid #f5f5f5}.text-section .info-list .info-item[data-v-166c0ec2]:last-child{border-bottom:none}.text-section .info-list .info-item .info-label[data-v-166c0ec2]{font-size:3.2vw;color:#999}.text-section .info-list .info-item .info-value[data-v-166c0ec2]{font-size:3.2vw;color:#333;font-weight:500}.text-bottom-space[data-v-166c0ec2]{height:calc(40 * 100vw / 750)}.text-detail.rtl .text-header-card .text-title-row[data-v-166c0ec2]{flex-direction:row-reverse}.text-detail.rtl .text-header-card .text-title-row .text-episode[data-v-166c0ec2]{margin-right:0;margin-left:1.6vw}.text-detail.rtl .text-header-card .text-meta[data-v-166c0ec2]{flex-direction:row-reverse}.text-detail.rtl .text-section .text-section-text[data-v-166c0ec2],.text-detail.rtl .text-section .text-rich[data-v-166c0ec2]{text-align:right;direction:rtl}.text-detail.rtl .text-section .info-list .info-item[data-v-166c0ec2],.course-info.rtl .course-title-row .course-title-wrap[data-v-166c0ec2]{flex-direction:row-reverse}.course-info.rtl .course-title-row .course-episode[data-v-166c0ec2]{margin-right:0;margin-left:1.6vw}.course-info.rtl .course-meta[data-v-166c0ec2],.tab-container.rtl .tab-inner[data-v-166c0ec2]{flex-direction:row-reverse}.scroll-content.rtl .section-content[data-v-166c0ec2]{text-align:right}.scroll-content.rtl .info-list .info-item[data-v-166c0ec2]{flex-direction:row-reverse}.scroll-content.rtl .question-text[data-v-166c0ec2]{text-align:right}.scroll-content.rtl .test-header[data-v-166c0ec2],.scroll-content.rtl .options .option-item[data-v-166c0ec2]{flex-direction:row-reverse}.scroll-content.rtl .options .option-item .option-text[data-v-166c0ec2]{text-align:right;direction:rtl}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--status-bar-height: 0px}html,body,#app{width:100%;height:100vh;height:100dvh;background:#f4f5f7}body{overflow:hidden}
