.tab[data-v-61d8878d]{width:100%;background:#fff;margin-bottom:20px}.article-tabs[data-v-61d8878d]{display:flex;align-items:center;padding:22px 0 22px;box-sizing:border-box;flex-wrap:wrap;gap:95px;margin-left:15px}.article-tabs li[data-v-61d8878d]{display:flex;align-items:center;cursor:pointer;position:relative;justify-content:center}.article-tabs li .tab-text[data-v-61d8878d]{font-family:PingFang SC;font-weight:400;font-size:16px;color:#000;line-height:22px;letter-spacing:1px;white-space:nowrap;transition:color .2s ease}.article-tabs li:hover .tab-text[data-v-61d8878d]{color:#a21521}.article-tabs li .tab-bar[data-v-61d8878d]{display:block;position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);width:110px;height:3px;background:#a21521;opacity:0;transition:opacity .2s ease}.article-tabs li.active .tab-text[data-v-61d8878d]{color:#a21521;font-weight:500}.article-tabs li.active .tab-bar[data-v-61d8878d]{opacity:1}.study-page[data-v-61d8878d]{min-height:100vh;background:#f5f5f5}.content[data-v-61d8878d]{width:100%;max-width:75rem;margin:0 auto}.study-header[data-v-61d8878d]{width:100%;background:#fff;border-bottom:1px solid #efeded}.study-header .content[data-v-61d8878d]{display:flex;align-items:center;height:72px}.study-header .header-left[data-v-61d8878d]{display:flex;align-items:center;gap:20px;min-width:0}.study-header .back-btn[data-v-61d8878d]{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-family:PingFang SC;font-size:14px;color:#121212;cursor:pointer;transition:color .2s ease}.study-header .back-btn[data-v-61d8878d]:hover{color:#a21521}.study-header .course-title[data-v-61d8878d]{font-family:PingFang SC;font-weight:600;font-size:16px;color:#000;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-wrap[data-v-61d8878d]{display:flex;gap:20px;padding:0 0 30px;align-items:flex-start}.left-main[data-v-61d8878d]{width:816px}.right-catalog[data-v-61d8878d]{width:364px;flex-shrink:0;background:#fff;border-radius:8px;overflow:hidden;padding:20px}.video-wrap .video-box[data-v-61d8878d]{width:100%;width:816px;height:456px;aspect-ratio:16/9;max-height:70vh;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-wrap .video-player[data-v-61d8878d]{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.info-wrap[data-v-61d8878d]{margin-top:20px;background:#fff;border-radius:12px;padding:20px}.download-block[data-v-61d8878d]{border-bottom:1px solid #efeded;padding-bottom:20px;margin-bottom:20px}.download-block[data-v-61d8878d] .el-button--danger{border:none}.download-block .block-title[data-v-61d8878d]{font-size:16px;font-weight:600;margin-bottom:12px}.download-block .download-btn[data-v-61d8878d]{padding:10px 20px;background:#a21521;border-radius:5px;display:flex;align-items:center}.download-block .download-btn img[data-v-61d8878d]{width:14px;height:14px;margin-right:10px}.note-block .block-title[data-v-61d8878d]{font-size:16px;font-weight:600;margin-bottom:12px}.note-block .note-input-row[data-v-61d8878d]{display:flex;margin-bottom:16px}.note-block .note-input-row .save-note-btn[data-v-61d8878d]{background:#a21521;border-radius:0 5px 5px 0}.note-block .note-input-row[data-v-61d8878d] .el-input__inner{background:#f7f5f6;border-radius:5px 0 0 5px!important}.note-block .note-input-row[data-v-61d8878d] .el-input{flex:1}.note-block .note-list .note-item[data-v-61d8878d]{padding:12px 0;border-bottom:1px solid #eee;text-align:left}.note-block .note-list .note-item[data-v-61d8878d]:last-child{border-bottom:none}.note-block .note-list .note-item .note-text[data-v-61d8878d]{font-size:12px;color:#000;line-height:17px;margin:0 0 6px}.note-block .note-list .note-item .note-time[data-v-61d8878d]{font-size:12px;color:rgba(0,0,0,.4)}.catalog-head[data-v-61d8878d]{display:flex;justify-content:space-between;flex-direction:column;align-items:self-start;margin-bottom:12px}.catalog-head .study-tag[data-v-61d8878d]{background:#a21521;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px}[data-v-61d8878d] .catalog-collapse{border:none}[data-v-61d8878d] .catalog-collapse .el-collapse-item{margin-bottom:20px}[data-v-61d8878d] .catalog-collapse .el-collapse-item__header{height:auto;line-height:normal;padding:9px;background:#f5f5f5;border-radius:5px;border:none;color:#000;font-weight:500;font-size:14px}[data-v-61d8878d] .catalog-collapse .el-collapse-item__wrap{border-bottom:none;background:#fff}[data-v-61d8878d] .catalog-collapse .el-collapse-item__content{padding:8px 0}.chapter-header[data-v-61d8878d]{display:flex;align-items:center;gap:15px}.dagang-icon[data-v-61d8878d]{width:35px;height:36px;flex-shrink:0}.chapter-name[data-v-61d8878d]{font-size:16px;font-weight:500}.lesson-item[data-v-61d8878d]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 10px 24px;font-size:15px;color:#333;cursor:pointer}.lesson-item[data-v-61d8878d]:hover{background:#f7f7f7}.lesson-item.is-active[data-v-61d8878d]{background:#fdf3f4}.lesson-item.is-active[data-v-61d8878d]:hover{background:#fbe9eb}.lesson-item.is-active .lesson-name[data-v-61d8878d]{color:#a21521;font-weight:600}.lesson-item .lesson-left[data-v-61d8878d]{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.lesson-item .active-dot[data-v-61d8878d]{width:6px;height:6px;border-radius:50%;background:#a21521;flex-shrink:0;opacity:1;transform:scale(1);transition:opacity .2s ease,transform .2s ease,visibility 0s}.lesson-item .active-dot.is-hidden[data-v-61d8878d]{opacity:0;transform:scale(.4);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.lesson-item .lesson-name[data-v-61d8878d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14px;transition:color .2s ease}.lesson-item .lesson-right[data-v-61d8878d]{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:8px}.lesson-item .finish-text[data-v-61d8878d]{color:#27ae60}.lesson-item .lesson-percent[data-v-61d8878d]{color:#999}.lesson-item .lesson-arrow[data-v-61d8878d]{color:#999;font-size:14px}