.page-banner[data-v-c71f86a8]{width:100%;height:400px;overflow:hidden;position:relative}.page-banner img[data-v-c71f86a8]{width:100%;height:100%;object-fit:cover}.banner-text[data-v-c71f86a8]{position:absolute;top:80px;left:0;right:0;width:min(calc(100% - 48px),1200px);margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.banner-title[data-v-c71f86a8]{font-size:54px;font-weight:700;color:#1765e8}.banner-subtitle[data-v-c71f86a8]{font-size:24px;color:#4c4c4c}@media (max-width: 1024px){.page-banner[data-v-c71f86a8]{height:340px}.banner-text[data-v-c71f86a8]{top:72px;gap:12px}.banner-title[data-v-c71f86a8]{font-size:44px}.banner-subtitle[data-v-c71f86a8]{font-size:20px}}@media (max-width: 768px){.page-banner[data-v-c71f86a8]{height:250px}.banner-text[data-v-c71f86a8]{top:52px;width:calc(100% - 32px);gap:10px}.banner-title[data-v-c71f86a8]{font-size:32px;line-height:1.25}.banner-subtitle[data-v-c71f86a8]{font-size:16px;line-height:1.6}}@media (max-width: 480px){.page-banner[data-v-c71f86a8]{height:220px}.banner-text[data-v-c71f86a8]{top:44px;width:calc(100% - 24px)}.banner-title[data-v-c71f86a8]{font-size:26px}.banner-subtitle[data-v-c71f86a8]{font-size:14px}}.page-list-container[data-v-77baad03]{width:min(calc(100% - 60px),1200px);margin-top:-150px;padding:40px 30px;background:#fff;box-shadow:0 3px 32px #6b90ff73;border-radius:12px;position:relative;z-index:1;box-sizing:border-box}.list-header[data-v-77baad03]{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.list-header-title[data-v-77baad03]{font-size:30px;font-weight:700}.list-header-title .title-main[data-v-77baad03]{color:#3c3c3c}.list-header-title .title-accent[data-v-77baad03]{color:#8c4492}.list-header-search[data-v-77baad03]{width:482px}.list-header-search[data-v-77baad03] .el-input-group__append{background:#1765e8;border-color:#1765e8;border-radius:0 6px 6px 0;padding:0;color:#fff;cursor:pointer;width:62px;text-align:center;vertical-align:middle;overflow:hidden}.list-header-search[data-v-77baad03] .el-input-group__append .search-btn{display:flex;align-items:center;justify-content:center;width:62px;height:auto;margin:0;background:transparent;border:none;color:#fff;padding:0;font-size:16px}.list-header-search[data-v-77baad03] .el-input-group__append .search-btn:hover,.list-header-search[data-v-77baad03] .el-input-group__append .search-btn:focus{background:transparent;color:#fff}.list-header-search[data-v-77baad03] .el-input-group__append .search-btn i{display:block;line-height:1}.list-header-search[data-v-77baad03] .el-input-group__append:hover{background:#1554c5}.list-header-search[data-v-77baad03] .el-input__inner{border-radius:6px 0 0 6px;border-color:#dcdfe6;border-right:none}.list-header-search[data-v-77baad03] .el-input__inner:focus{border-color:#1765e8}.list-header-search[data-v-77baad03] .el-input__inner:focus+.el-input-group__append{border-color:#1765e8}.list-pagination[data-v-77baad03]{margin-top:30px;display:flex;align-items:center;justify-content:flex-end;width:100%;font-size:14px;color:#606266}.list-pagination .pagination-total[data-v-77baad03]{margin-right:auto;font-size:14px;color:#666}.list-pagination .pagination-total .total-count[data-v-77baad03]{color:#d01d1d}.list-pagination[data-v-77baad03] .el-pagination{display:flex;align-items:center;font-size:14px;padding:0;background:transparent}.list-pagination[data-v-77baad03] .el-pagination .el-pager{display:flex;align-items:center;gap:6px}.list-pagination[data-v-77baad03] .el-pagination .el-pager li{width:35px;height:35px;line-height:35px;min-width:35px;border-radius:2px;border:1px solid #dcdfe6;background:#fff;color:#606266;font-size:13px;text-align:center;padding:0;font-weight:400}.list-pagination[data-v-77baad03] .el-pagination .el-pager li:hover{color:#8c4492;border-color:#8c4492}.list-pagination[data-v-77baad03] .el-pagination .el-pager li.active{background:#8c4492;color:#fff;border-color:#8c4492}.list-pagination[data-v-77baad03] .el-pagination .btn-prev,.list-pagination[data-v-77baad03] .el-pagination .btn-next{width:auto;height:35px;line-height:28px;border:1px solid #dcdfe6;background:#fff;color:#666;text-align:center;padding:0 10px;margin:0 6px;font-size:14px;font-weight:400}.list-pagination[data-v-77baad03] .el-pagination .btn-prev:hover,.list-pagination[data-v-77baad03] .el-pagination .btn-next:hover{color:#8c4492;border-color:#8c4492}.list-pagination[data-v-77baad03] .el-pagination .btn-prev i,.list-pagination[data-v-77baad03] .el-pagination .btn-next i{display:none}.list-pagination .pagination-jumper[data-v-77baad03]{margin-left:12px;display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.list-pagination .pagination-jumper .jump-input[data-v-77baad03]{width:44px}.list-pagination .pagination-jumper .jump-input[data-v-77baad03] .el-input__inner{width:44px;height:35px;line-height:35px;border-radius:0!important;border:1px solid #dcdfe6;text-align:center;font-size:14px;padding:0}.list-pagination .pagination-jumper .jumper-slash[data-v-77baad03]{margin:0 2px}.list-pagination .pagination-jumper .jump-btn[data-v-77baad03]{width:50px;height:35px;background:#8c4492;color:#fff;border:none}.list-pagination .pagination-jumper .jump-btn[data-v-77baad03]:hover{cursor:pointer}.list-pagination-mobile[data-v-77baad03]{display:flex;align-items:center;gap:12px;margin-top:24px}.mobile-page-btn[data-v-77baad03]{flex:0 0 auto;min-width:76px;height:40px;padding:0 16px;border:1px solid #d7ddea;border-radius:999px;background:#fff;color:#606266;font-size:14px;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.mobile-page-btn[data-v-77baad03]:disabled{cursor:not-allowed;color:#bcc5d3;background:#f5f7fb;border-color:#e7ebf2}.mobile-page-status[data-v-77baad03]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:10px 12px;border-radius:16px;background:#f6f8fd;color:#7b8498;text-align:center}.mobile-page-status strong[data-v-77baad03]{color:#3c3c3c;font-size:15px;font-weight:600;line-height:1.4}.mobile-page-status span[data-v-77baad03]{font-size:12px;line-height:1.4}@media (max-width: 1000px){.page-list-container[data-v-77baad03]{width:calc(100% - 32px);margin-top:-118px;padding:28px 20px}.list-header[data-v-77baad03]{gap:18px}.list-header-search[data-v-77baad03]{width:360px}}@media (max-width: 768px){.page-list-container[data-v-77baad03]{width:calc(100% - 24px);margin-top:-82px;padding:22px 16px;border-radius:16px;box-shadow:0 12px 30px #6b90ff3d}.list-header[data-v-77baad03]{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:24px}.list-header-title[data-v-77baad03]{font-size:24px;line-height:1.35}.list-header-search[data-v-77baad03]{width:100%}.list-header-search[data-v-77baad03] .el-input__inner{height:44px;line-height:44px;font-size:14px}.list-header-search[data-v-77baad03] .el-input-group__append{width:56px}.list-header-search[data-v-77baad03] .el-input-group__append .search-btn{width:56px;font-size:14px}.list-pagination-mobile[data-v-77baad03]{gap:10px}.mobile-page-btn[data-v-77baad03]{min-width:72px;height:38px;padding:0 14px;font-size:13px}}@media (max-width: 480px){.page-list-container[data-v-77baad03]{margin-top:-68px;padding:20px 14px;border-radius:14px}.list-header-title[data-v-77baad03]{font-size:22px}.list-pagination-mobile[data-v-77baad03]{gap:8px}.mobile-page-status[data-v-77baad03]{min-height:52px;padding:8px 10px}.mobile-page-status strong[data-v-77baad03]{font-size:14px}.mobile-page-status span[data-v-77baad03]{font-size:12px}}.course-card[data-v-a190ae96]{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 40px #4368ff1a;border:1px solid rgba(67,104,255,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.course-card[data-v-a190ae96]:hover{box-shadow:0 18px 54px #4368ff29;border-color:#4368ff29}.course-cover[data-v-a190ae96]{height:164px;overflow:hidden;border-radius:0}.course-body[data-v-a190ae96]{padding:19px 16px 32px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.course-title[data-v-a190ae96]{text-align:left;width:100%;font-family:PingFang SC;font-weight:500;font-size:18px;color:#4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-tags[data-v-a190ae96]{display:flex;gap:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;overflow:hidden}.tag[data-v-a190ae96]{min-width:0;background:#f6f8fa;border-radius:4px;height:28px;padding:0 12px;font-family:PingFang SC;font-weight:500;font-size:14px;color:#6e91b4;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.tag[data-v-a190ae96]:hover{background:#3267ef;color:#fff}.tag-primary[data-v-a190ae96]{flex:0 0 auto}.tag-secondary[data-v-a190ae96]{flex:1 1 0;min-width:40px}.tag-label[data-v-a190ae96]{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.tag-more[data-v-a190ae96]{font-family:PingFang SC;font-weight:500;font-size:14px;color:#637c8f;flex:0 0 auto;min-width:37px;width:37px;height:28px;background:#f6f8fa;border-radius:4px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.course-cover[data-v-a190ae96]{height:144px}.course-body[data-v-a190ae96]{padding:16px 14px 20px;gap:12px}.course-title[data-v-a190ae96]{font-size:16px;line-height:24px;white-space:normal;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-tags[data-v-a190ae96]{gap:8px}.tag[data-v-a190ae96],.tag-more[data-v-a190ae96]{height:26px;font-size:12px}.tag[data-v-a190ae96]{padding:0 10px}}@media (max-width: 620px){.course-card[data-v-a190ae96]{display:grid;grid-template-columns:124px minmax(0,1fr);border-radius:12px}.course-cover[data-v-a190ae96]{height:100%;min-height:148px;border-radius:12px 0 0 12px}.course-body[data-v-a190ae96]{justify-content:center;min-width:0;padding:14px 14px 14px 16px;gap:10px}.course-title[data-v-a190ae96]{font-size:16px;line-height:22px;-webkit-line-clamp:2}.course-tags[data-v-a190ae96]{gap:6px}}@media (max-width: 480px){.course-card[data-v-a190ae96]{grid-template-columns:108px minmax(0,1fr)}.course-cover[data-v-a190ae96]{min-height:136px}.course-title[data-v-a190ae96]{font-size:15px;line-height:21px}.course-body[data-v-a190ae96]{padding:12px 12px 12px 14px}.tag[data-v-a190ae96],.tag-more[data-v-a190ae96]{height:24px;font-size:11px}.tag[data-v-a190ae96]{padding:0 8px}}@media (hover: none){.course-card[data-v-a190ae96]:hover{box-shadow:0 14px 40px #4368ff1a;border-color:#4368ff1a;transform:none}}.course-list[data-v-aeab7fca]{display:flex;flex-direction:column;align-items:center;min-height:100vh;margin-bottom:56px}.course-grid[data-v-aeab7fca]{display:grid;width:100%;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 1000px){.course-grid[data-v-aeab7fca]{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 820px){.course-grid[data-v-aeab7fca]{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 620px){.course-list[data-v-aeab7fca]{margin-bottom:32px}.course-grid[data-v-aeab7fca]{grid-template-columns:1fr;gap:14px}}