.word-view[data-v-b9b0990a]{background-image:url(./lay_bgf.2a413c35.png);background-position:top;background-repeat:no-repeat;background-size:100% 1400px;display:flex;flex-direction:column;min-height:100vh}.word-container[data-v-b9b0990a]{flex:1;margin:0 auto;max-width:1300px;padding:30px}.word-container .item-nav[data-v-b9b0990a]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.word-container .item-nav .nav-item[data-v-b9b0990a]{border:1px solid #0049a9;border-radius:20px;color:#0049a9;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .3s}.word-container .item-nav .nav-item.active[data-v-b9b0990a],.word-container .item-nav .nav-item[data-v-b9b0990a]:hover{background:#0049a9;color:#fff}.word-container .enroll-bar[data-v-b9b0990a]{align-items:center;display:flex;gap:16px;margin-bottom:20px}.word-container .enroll-bar .enroll-btn[data-v-b9b0990a]{background:#0049a9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px 32px;transition:all .3s}.word-container .enroll-bar .enroll-btn[data-v-b9b0990a]:hover:not(:disabled){background:#037}.word-container .enroll-bar .enroll-btn.enrolled[data-v-b9b0990a]{background:#27ae60}.word-container .enroll-bar .enroll-btn[data-v-b9b0990a]:disabled{cursor:not-allowed;opacity:.6}.word-container .enroll-bar .enroll-count[data-v-b9b0990a]{color:#666;font-size:14px}.word-container .filter-group[data-v-b9b0990a]{border-radius:4px;display:flex;flex-direction:column;gap:16px}.word-container .filter-group .tag-title[data-v-b9b0990a]{align-items:center;display:flex}.word-container .filter-group .tag-title .title-text[data-v-b9b0990a]{color:#333;font-size:18px;font-weight:600}.word-container .detail-wrap[data-v-b9b0990a]{align-items:flex-start;display:flex;gap:30px;margin-top:20px}.word-container .left-sidebar[data-v-b9b0990a]{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000000f;flex-shrink:0;left:40px;padding:12px 0;position:fixed;top:350px;width:130px;z-index:99}.word-container .left-sidebar .sidebar-item[data-v-b9b0990a]{border-left:3px solid transparent;color:#666;cursor:pointer;font-size:13px;padding:10px 16px;transition:all .3s}.word-container .left-sidebar .sidebar-item[data-v-b9b0990a]:hover{background:#f6f8fc;color:#0049a9}.word-container .left-sidebar .sidebar-item.active[data-v-b9b0990a]{background:#f0f4ff;border-left-color:#0049a9;color:#0049a9;font-weight:500}.word-container .course-main[data-v-b9b0990a]{align-items:stretch;display:flex;flex:1;min-width:0}.word-container .course-main .course-video[data-v-b9b0990a]{flex:1}.word-container .course-main .course-video .video-card[data-v-b9b0990a]{border-radius:8px;overflow:hidden}.word-container .course-main .course-video .video-card[data-v-b9b0990a] .el-card__header{background:#fafafa;border-bottom:1px solid #eee;padding:10px 16px}.word-container .course-main .course-video .video-header[data-v-b9b0990a]{align-items:center;display:flex;justify-content:space-between}.word-container .course-main .course-video .video-title[data-v-b9b0990a]{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-container .course-main .course-video .video-actions[data-v-b9b0990a]{flex-shrink:0;margin-left:12px}.word-container .course-main .course-video .video-box[data-v-b9b0990a]{border-radius:4px;height:580px;overflow:hidden;position:relative;width:100%}.word-container .course-main .course-video .video-box .course-player[data-v-b9b0990a]{background:#000;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.word-container .course-main .course-video .video-box img[data-v-b9b0990a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.word-container .course-main .course-video .video-box .video-cover[data-v-b9b0990a]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.word-container .course-main .course-video .video-box .video-cover .video-empty-text[data-v-b9b0990a]{background:rgba(0,0,0,.55);border-radius:4px;color:#fff;font-size:14px;padding:8px 16px}.word-container .course-main .course-video .video-box .video-cover .play-btn[data-v-b9b0990a]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR4nGP4DwAAAQEABRjYTgAAAABJRU5ErkJggg==) 50%/contain no-repeat;cursor:pointer;height:60px;width:60px}.word-container .course-main .course-side[data-v-b9b0990a]{background:#fff;border-radius:4px;display:flex;flex-direction:column;height:580px;width:240px}.word-container .course-main .course-side .teacher-info[data-v-b9b0990a]{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:12px}.word-container .course-main .course-side .teacher-info .teacher-avatar[data-v-b9b0990a]{background:#eee;border-radius:50%;height:28px;overflow:hidden;width:28px}.word-container .course-main .course-side .teacher-info .teacher-avatar img[data-v-b9b0990a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.word-container .course-main .course-side .teacher-info .teacher-name[data-v-b9b0990a]{color:#333;font-size:12px;font-weight:500}.word-container .course-main .course-side .tab-group[data-v-b9b0990a]{background:#f6f6f6;border-radius:50px;display:flex;flex-shrink:0;margin:12px}.word-container .course-main .course-side .tab-group .tab-item[data-v-b9b0990a]{border-radius:50px;cursor:pointer;flex:1;font-size:12px;padding:4px 0;text-align:center}.word-container .course-main .course-side .tab-group .tab-item.active[data-v-b9b0990a]{background:#0049a9;color:#fff}.word-container .course-main .course-side .scroll-wrap[data-v-b9b0990a]{flex:1;overflow-y:auto;padding-bottom:8px}.word-container .course-main .course-side .scroll-wrap[data-v-b9b0990a]::-webkit-scrollbar{width:6px}.word-container .course-main .course-side .scroll-wrap[data-v-b9b0990a]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.word-container .course-main .course-side .scroll-wrap[data-v-b9b0990a]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#409eff,#79bbff);border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.word-container .course-main .course-side .scroll-wrap[data-v-b9b0990a]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#337ecc,#409eff)}.word-container .course-main .course-side .scroll-wrap .course-list[data-v-b9b0990a]{display:flex;flex-direction:column}.word-container .course-main .course-side .scroll-wrap .course-list .list-active[data-v-b9b0990a]{color:#666;font-size:12px;line-height:1.6;padding:10px 20px}.word-container .course-main .course-side .scroll-wrap .course-list .list-item[data-v-b9b0990a]{cursor:pointer;display:flex;flex-direction:column;padding:10px 20px}.word-container .course-main .course-side .scroll-wrap .course-list .list-item.active[data-v-b9b0990a]{background:#f6f6f6}.word-container .course-main .course-side .scroll-wrap .course-list .list-item .item-name[data-v-b9b0990a]{color:#999;font-size:13px;margin-bottom:4px}.word-container .course-main .course-side .scroll-wrap .course-list .list-item .item-name.active[data-v-b9b0990a]{color:#0049a9}.word-container .course-main .course-side .scroll-wrap .course-list .list-item .item-time[data-v-b9b0990a]{color:#666;font-size:12px}@media (max-width:1200px){.word-container[data-v-b9b0990a]{padding:40px 20px}.course-main[data-v-b9b0990a]{flex-direction:column}.course-main .course-side[data-v-b9b0990a]{height:auto;max-height:500px;width:100%}}[data-v-b9b0990a]::deep(.el-input-group__prepend,.el-input-group__append){background-color:transparent!important;border:none!important}