@keyframes fadeInUp-37aedb8c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft-37aedb8c{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn-37aedb8c{0%{opacity:0}to{opacity:1}}.word-view[data-v-37aedb8c]{background:#f5f6f9;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 .course-section .course-grid .course-card .course-card:hover .course-name[data-v-37aedb8c]{color:#0049a9}.word-container[data-v-37aedb8c]{animation:fadeInUp-37aedb8c .7s .1s both;flex:1;margin:0 auto;max-width:1300px;padding:30px;position:relative}.word-container .filter-group[data-v-37aedb8c]{animation:fadeInUp-37aedb8c .7s .5s both;background:#fff;border-radius:4px;display:flex;flex-direction:column;gap:16px;padding:16px 20px 26px}.word-container .filter-group .tag-title[data-v-37aedb8c]{align-items:center;display:flex;gap:12px;padding:8px 0}.word-container .filter-group .tag-title .blue-line[data-v-37aedb8c]{background:#4965f4;border-radius:3px;height:18px;width:4px}.word-container .filter-group .tag-title .title-text[data-v-37aedb8c]{color:#333;font-size:18px;font-weight:600}.word-container .filter-group .tag-row[data-v-37aedb8c]{display:flex;flex-wrap:wrap;gap:10px}.word-container .filter-group .tag-row .tag-item[data-v-37aedb8c]{background:#fafafa;border-radius:5px;color:#666;cursor:pointer;font-size:12px;padding:4px 10px;position:relative;transition:all .3s}.word-container .filter-group .tag-row .tag-item[data-v-37aedb8c]:hover{background:#f0f2ff;color:#4965f4;transform:translateY(-1px)}.word-container .filter-group .tag-row .tag-item.active[data-v-37aedb8c]{background:rgba(73,101,244,.1);color:#4965f4;font-weight:500}.word-container .course-section .course-grid[data-v-37aedb8c]{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]{animation:fadeInLeft-37aedb8c .6s ease forwards;border-radius:10px;cursor:pointer;opacity:0;transition:all .3s cubic-bezier(.25,.8,.25,1)}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:first-child{animation-delay:.1s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(2){animation-delay:.2s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(3){animation-delay:.3s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(4){animation-delay:.4s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(5){animation-delay:.5s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(6){animation-delay:.6s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(7){animation-delay:.7s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(8){animation-delay:.8s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(9){animation-delay:.9s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(10){animation-delay:1s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(11){animation-delay:1.1s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(12){animation-delay:1.2s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(13){animation-delay:1.3s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(14){animation-delay:1.4s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(15){animation-delay:1.5s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:nth-child(16){animation-delay:1.6s}.word-container .course-section .course-grid .course-card[data-v-37aedb8c]:hover{transform:translateY(-6px)}.word-container .course-section .course-grid .course-card .course-img[data-v-37aedb8c]{aspect-ratio:16/10;background:#eef2f7;border-radius:8px;box-shadow:0 2px 8px #00000014;height:175px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.word-container .course-section .course-grid .course-card .course-img .media-time[data-v-37aedb8c]{background:rgba(0,0,0,.5);border-radius:2px;bottom:8px;color:#fff;font-size:10px;padding:2px 4px;position:absolute;right:8px;z-index:2}.word-container .course-section .course-grid .course-card .course-img img[data-v-37aedb8c]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.word-container .course-section .course-grid .course-card .course-img .course-card:hover img[data-v-37aedb8c]{transform:scale(1.08)}.word-container .course-section .course-grid .course-card .course-name[data-v-37aedb8c]{color:#333;font-size:.8rem;font-weight:500;margin-bottom:6px;transition:color .3s}.word-container .course-section .course-grid .course-card .course-desc[data-v-37aedb8c]{border:1px solid #e6e6e6;border-radius:4px;color:#bbb;font-size:12px;padding:0 6px;transition:all .3s;width:-moz-fit-content;width:fit-content}.word-container .course-section .course-grid .course-card .course-card:hover .course-desc[data-v-37aedb8c]{border-color:#0049a9;color:#0049a9}.word-container .pagination-box[data-v-37aedb8c]{animation:fadeInUp-37aedb8c .7s .8s both;border-radius:4px;display:flex;justify-content:center;padding:50px 0}.word-container .pagination-box[data-v-37aedb8c] .el-pagination{--el-pagination-bg-color:#fff!important;--el-pagination-hover-bg-color:#f5f7fa!important;--el-pagination-active-bg-color:#0049a9!important;--el-pagination-active-text-color:#fff!important}.word-container .pagination-box[data-v-37aedb8c] .el-pager li{background:#fff!important;border-radius:8px}.word-container .pagination-box[data-v-37aedb8c] .el-pager li.is-active{background:#0049a9!important;border-color:#0049a9!important;border-radius:8px;color:#fff!important}.word-container .pagination-box[data-v-37aedb8c] .btn-prev,.word-container .pagination-box[data-v-37aedb8c] .btn-next{background:#fff!important;border-radius:8px}@media (max-width:1200px){.word-container[data-v-37aedb8c]{padding:40px 20px}}[data-v-37aedb8c]::deep(.el-input-group__prepend,.el-input-group__append){background-color:transparent!important;border:none!important}