.course-list-page[data-v-8707458e]{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero-banner[data-v-8707458e]{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:0;margin-bottom:40px;padding-top:0;border-radius:0;position:relative;overflow:visible}.hero-banner .hero-banner-image[data-v-8707458e]{width:100%;height:auto;min-height:340px;display:block;object-fit:cover;position:relative;z-index:1}.hero-banner .hero-carousel-container[data-v-8707458e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;max-width:650px;z-index:1000;pointer-events:none}.hero-banner .hero-carousel-container .hero-carousel-wrapper[data-v-8707458e]{position:relative;width:100%;overflow:hidden;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.3);pointer-events:auto;background:hsla(0,0%,100%,.05);min-height:300px}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-btn[data-v-8707458e]{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:2000;pointer-events:auto;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-btn[data-v-8707458e]:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25);transform:translateY(-50%) scale(1.1)}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-btn[data-v-8707458e] .anticon{font-size:20px;color:#333}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-btn-prev[data-v-8707458e]{left:16px}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-btn-next[data-v-8707458e]{right:16px}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-slides[data-v-8707458e]{display:-ms-flexbox;display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-slides .hero-carousel-slide[data-v-8707458e]{min-width:100%;-ms-flex-negative:0;flex-shrink:0;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-slides .hero-carousel-slide img[data-v-8707458e]{width:100%;height:300px;max-height:300px;max-width:650px;display:block;object-fit:cover;border-radius:0;background:hsla(0,0%,100%,.1)}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-dots[data-v-8707458e]{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:-ms-flexbox;display:flex;gap:8px;z-index:2000;pointer-events:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-dots .hero-carousel-dot[data-v-8707458e]{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.7);cursor:pointer;transition:all .3s ease;display:inline-block;-ms-flex-negative:0;flex-shrink:0}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-dots .hero-carousel-dot[data-v-8707458e]:hover{background:hsla(0,0%,100%,.9)}.hero-banner .hero-carousel-container .hero-carousel-wrapper .hero-carousel-dots .hero-carousel-dot.active[data-v-8707458e]{width:10px;height:10px;background:#e53935}.panel-works[data-v-8707458e]{margin:30px 0 60px;padding:0 20px}.panel-works .search-card[data-v-8707458e]{margin-top:80px;margin-bottom:24px}.panel-works .search-card[data-v-8707458e] .ant-card-body{padding:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.panel-title[data-v-8707458e]{font-size:32px;font-weight:700;color:#333;margin-bottom:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.panel-title .title-dots[data-v-8707458e]{display:inline-block;width:8px;height:8px;background-color:#e53935;border-radius:50%;position:relative}.panel-title .title-dots[data-v-8707458e]:after,.panel-title .title-dots[data-v-8707458e]:before{content:"";position:absolute;width:8px;height:8px;background-color:#e53935;border-radius:50%}.panel-title .title-dots[data-v-8707458e]:before{left:-16px}.panel-title .title-dots[data-v-8707458e]:after{right:-16px}.panel-title-image[data-v-8707458e]{margin-bottom:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.panel-title-image img[data-v-8707458e]{height:50px;width:auto;display:block}.course-card[data-v-8707458e]{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:all .3s;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.course-card[data-v-8707458e]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.course-card .course-thumbnail-wrapper[data-v-8707458e]{position:relative;width:100%;padding-top:75%;overflow:hidden;background:#f5f5f5}.course-card .course-thumbnail-wrapper .course-thumbnail[data-v-8707458e]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.course-card .course-thumbnail-wrapper .course-thumbnail img[data-v-8707458e]{width:100%;height:100%;object-fit:cover}.course-card .course-thumbnail-wrapper .course-thumbnail .course-placeholder[data-v-8707458e]{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.course-card .course-thumbnail-wrapper .course-thumbnail .course-placeholder[data-v-8707458e]:after{content:"\6682\65E0\5C01\9762";color:#999;font-size:14px}.course-card .course-info[data-v-8707458e]{padding:16px;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.course-card .course-info .course-title[data-v-8707458e]{font-size:16px;font-weight:700;color:#333;margin:0 0 12px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;min-height:44px}.course-card .course-info .course-desc[data-v-8707458e]{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-height:1.5;-ms-flex:1;flex:1}.course-card .course-info .course-desc[data-v-8707458e] p{margin:0}.pagination-wrapper[data-v-8707458e]{margin-top:40px;text-align:center;padding-bottom:40px}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-item{border-color:#d9d9d9}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-item.ant-pagination-item-active{border-color:#e53935}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:#e53935}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-item:hover{border-color:#e53935}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-item:hover a{color:#e53935}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-next .ant-pagination-item-link,.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-prev .ant-pagination-item-link{border-color:#d9d9d9}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover,.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover{border-color:#e53935;color:#e53935}.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-jump-next .ant-pagination-item-link:hover,.pagination-wrapper[data-v-8707458e] .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link:hover{color:#e53935}