.video-player-wrap[data-v-496857d9]{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.video-element[data-v-496857d9]{width:100%;display:block;outline:none}.video-element[data-v-496857d9]::-webkit-media-controls-timeline{pointer-events:none}.video-watermark[data-v-496857d9]{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;pointer-events:none;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-watermark .wm-item[data-v-496857d9]{font-size:14px;color:hsla(0,0%,100%,.06);text-shadow:0 0 2px rgba(0,0,0,.3);transform:rotate(-24deg);white-space:nowrap;letter-spacing:2px}@media(max-width:768px){.video-player-wrap[data-v-496857d9]{border-radius:6px}.video-watermark[data-v-496857d9]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-watermark .wm-item[data-v-496857d9]{font-size:11px}}.chapter-tree[data-v-0486a920]{background:#fff}.chapter-item[data-v-0486a920]{border-bottom:1px solid #f0f0f0}.chapter-header[data-v-0486a920]{display:flex;align-items:center;padding:14px 16px;cursor:pointer;background:#fafafa}.chapter-header[data-v-0486a920]:hover{background:#f5f5f5}.chapter-header i[data-v-0486a920]:first-child{margin-right:8px;color:#999;font-size:14px}.chapter-header .chapter-title[data-v-0486a920]{flex:1;font-size:15px;font-weight:600;color:#333}.chapter-header .chapter-count[data-v-0486a920]{font-size:12px;color:#999}.lesson-list[data-v-0486a920]{padding:4px 0}.lesson-item[data-v-0486a920]{display:flex;align-items:center;padding:10px 16px 10px 40px;cursor:pointer;transition:background .2s}.lesson-item[data-v-0486a920]:hover{background:#f8f9fa}.lesson-item.active[data-v-0486a920]{background:#e8f4ff}.lesson-item.active .lesson-title[data-v-0486a920]{color:#1787fb;font-weight:600}.lesson-item.locked[data-v-0486a920]{cursor:not-allowed;opacity:.6}.lesson-item>i[data-v-0486a920]:first-child{margin-right:8px;color:#1787fb;font-size:16px}.lesson-item .lesson-title[data-v-0486a920]{flex:1;font-size:14px;color:#555}.lesson-item .lesson-duration[data-v-0486a920]{font-size:12px;color:#bbb;margin-right:8px}.lesson-item .completed-icon[data-v-0486a920]{color:#4caf50;font-size:14px}.lesson-item .lock-icon[data-v-0486a920]{color:#ccc;font-size:14px}.empty-tip[data-v-0486a920]{padding:40px;text-align:center;color:#ccc;font-size:14px}@media(max-width:768px){.chapter-header[data-v-0486a920]{padding:12px 14px}.chapter-header .chapter-title[data-v-0486a920]{font-size:14px}.lesson-item[data-v-0486a920]{padding:10px 14px 10px 32px}.lesson-item .lesson-title[data-v-0486a920]{font-size:13px}}.lesson-view-page[data-v-51f1d3d6]{width:1200px;margin:0 auto;padding:0 0 50px}.sub-nav[data-v-51f1d3d6]{background:#fff;border-radius:8px;margin-bottom:20px;margin-top:20px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.sub-nav .nav-inner[data-v-51f1d3d6]{display:flex;align-items:center;padding:14px 24px;font-size:14px}.sub-nav .nav-link[data-v-51f1d3d6]{color:#1787fb;text-decoration:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-nav .nav-link[data-v-51f1d3d6]:hover{text-decoration:underline}.sub-nav .nav-link i[data-v-51f1d3d6]{margin-right:4px}.sub-nav .breadcrumb-sep[data-v-51f1d3d6]{margin:0 10px;color:#ddd}.sub-nav .nav-text[data-v-51f1d3d6]{color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-nav .nav-right[data-v-51f1d3d6]{margin-left:auto;display:flex;gap:20px}.lesson-layout[data-v-51f1d3d6]{display:flex;gap:20px}.sidebar[data-v-51f1d3d6]{width:280px;flex-shrink:0;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.06);max-height:calc(100vh - 160px);overflow-y:auto}.sidebar h4[data-v-51f1d3d6]{font-size:15px;color:#333;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #eee}.main-content[data-v-51f1d3d6]{flex:1;min-width:0}.lesson-header[data-v-51f1d3d6]{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.lesson-header h2[data-v-51f1d3d6]{font-size:20px;color:#333;margin:0 0 10px}.lesson-header .lesson-meta[data-v-51f1d3d6]{display:flex;align-items:center;gap:12px}.lesson-header .lesson-meta .duration[data-v-51f1d3d6]{font-size:13px;color:#999}.lesson-header .lesson-meta .duration i[data-v-51f1d3d6]{margin-right:3px}.video-area[data-v-51f1d3d6]{background:#000;border-radius:8px;overflow:hidden;margin-bottom:16px}.text-content[data-v-51f1d3d6]{background:#fff;border-radius:8px;padding:30px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.text-content .rich-text[data-v-51f1d3d6]{font-size:15px;line-height:1.8;color:#444}.text-content .complete-action[data-v-51f1d3d6]{margin-top:24px;text-align:center}.text-content .completed-tip[data-v-51f1d3d6]{margin-top:24px;text-align:center;color:#52c41a;font-size:15px}.text-content .completed-tip i[data-v-51f1d3d6]{margin-right:4px}.note-section[data-v-51f1d3d6]{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.note-section h4[data-v-51f1d3d6]{font-size:16px;color:#333;margin:0 0 14px}.note-section .note-input[data-v-51f1d3d6]{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px}.note-section .note-input .el-textarea[data-v-51f1d3d6]{flex:1}.note-item[data-v-51f1d3d6]{padding:12px 0;border-bottom:1px solid #f5f5f5}.note-item[data-v-51f1d3d6]:last-child{border-bottom:none}.note-item .note-text[data-v-51f1d3d6]{font-size:14px;color:#444;line-height:1.6;white-space:pre-wrap}.note-item .note-footer[data-v-51f1d3d6]{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.note-item .note-footer .note-time[data-v-51f1d3d6]{font-size:12px;color:#bbb}.no-notes[data-v-51f1d3d6]{text-align:center;color:#ccc;padding:20px 0;font-size:14px}.lesson-nav[data-v-51f1d3d6]{display:flex;justify-content:space-between;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.chapter-btn[data-v-51f1d3d6]{display:none}@media(max-width:992px){.lesson-view-page[data-v-51f1d3d6]{width:100%}}@media(max-width:768px){.lesson-view-page[data-v-51f1d3d6]{padding:0 12px 40px;box-sizing:border-box}.sub-nav[data-v-51f1d3d6]{margin-top:12px}.sub-nav .nav-inner[data-v-51f1d3d6]{padding:12px 16px;flex-wrap:wrap}.sub-nav .nav-right[data-v-51f1d3d6]{display:none}.sub-nav .nav-text[data-v-51f1d3d6]{max-width:140px;font-size:13px}.lesson-layout[data-v-51f1d3d6]{display:block}.sidebar[data-v-51f1d3d6]{display:none}.lesson-header[data-v-51f1d3d6]{padding:16px}.lesson-header .lesson-head-row[data-v-51f1d3d6]{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lesson-header .lesson-head-row h2[data-v-51f1d3d6]{font-size:17px;margin:0;flex:1}.lesson-header .lesson-head-row .chapter-btn[data-v-51f1d3d6]{display:inline-block;flex-shrink:0;padding:0;font-size:13px}.text-content[data-v-51f1d3d6]{padding:18px 16px}.note-input[data-v-51f1d3d6]{flex-direction:column;align-items:stretch}.note-input .el-textarea[data-v-51f1d3d6]{flex:none}.note-input .el-button[data-v-51f1d3d6]{width:100%}.lesson-nav[data-v-51f1d3d6]{flex-direction:column;gap:10px}.lesson-nav .el-button[data-v-51f1d3d6]{width:100%;margin-left:0!important}.video-area[data-v-51f1d3d6]{margin-bottom:12px}}.quiz-question[data-v-51f1d3d6]{font-size:15px;font-weight:600;color:#333;margin:0 0 14px;line-height:1.6}.quiz-options[data-v-51f1d3d6]{display:flex;flex-direction:column;gap:10px}.quiz-options .quiz-option[data-v-51f1d3d6]{margin:0;padding:8px 12px;border:1px solid #ebeef5;border-radius:6px;height:auto;line-height:1.5;white-space:normal;transition:all .2s}.quiz-options .quiz-option[data-v-51f1d3d6]:hover{border-color:#1787fb}.quiz-options .quiz-option.is-checked[data-v-51f1d3d6]{border-color:#1787fb;background:#ecf5ff}.quiz-options .quiz-option[data-v-51f1d3d6] .el-radio__label{white-space:normal;line-height:1.5}.quiz-result[data-v-51f1d3d6]{margin-top:14px;padding:10px 14px;border-radius:6px;font-size:14px}.quiz-result.ok[data-v-51f1d3d6]{background:#f0f9eb;color:#67c23a}.quiz-result.no[data-v-51f1d3d6]{background:#fef0f0;color:#f56c6c}.quiz-result .result-line[data-v-51f1d3d6]{margin:0 0 4px}.quiz-result .result-line i[data-v-51f1d3d6]{margin-right:4px}.quiz-result .analysis[data-v-51f1d3d6]{margin:0;color:#666;font-size:13px;line-height:1.6}.quiz-last-tip[data-v-51f1d3d6]{margin:12px 0 0;font-size:13px;color:#909399}@media(max-width:768px){.quiz-options .quiz-option[data-v-51f1d3d6]{padding:10px 12px}}.lesson-drawer .el-drawer__header{margin-bottom:0;padding:16px 20px;font-size:16px;font-weight:600;color:#303133;border-bottom:1px solid #f0f0f0}.lesson-drawer .el-drawer__header span{outline:none}.lesson-drawer .el-drawer__body{padding:0}.lesson-drawer .drawer-chapters{padding:12px 0}.lesson-drawer .drawer-chapters h4{font-size:14px;color:#333;margin:0;padding:4px 16px 12px;border-bottom:1px solid #f0f0f0}