.elementor-3822 .elementor-element.elementor-element-7003d2f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-3822 .elementor-element.elementor-element-7003d2f2:not(.elementor-motion-effects-element-type-background), .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfa1f76 );background-image:url("https://testunilifesity.com/wp-content/uploads/2026/02/bg2.png");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-3822 .elementor-element.elementor-element-7003d2f2::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://testunilifesity.com/wp-content/uploads/2026/02/bg_4.png");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:100px auto;}.elementor-3822 .elementor-element.elementor-element-6c0140f3{--display:flex;--padding-top:7em;--padding-bottom:7em;--padding-left:2em;--padding-right:2em;}.elementor-3822 .elementor-element.elementor-element-6d1bf00e{text-align:center;}.elementor-3822 .elementor-element.elementor-element-7e7e3e2a{text-align:center;}.elementor-3822 .elementor-element.elementor-element-10c3a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3822 .elementor-element.elementor-element-f8a2d18{--display:flex;--min-height:100vh;--overlay-opacity:0.12;}.elementor-3822 .elementor-element.elementor-element-f8a2d18::before, .elementor-3822 .elementor-element.elementor-element-f8a2d18 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-f8a2d18 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-f8a2d18 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-f8a2d18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-f8a2d18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F8FD4B6E 0%, #E7D0AA63 100%);}.elementor-3822 .elementor-element.elementor-element-3099bfe{transition:background 0.3s;text-align:center;}.elementor-3822 .elementor-element.elementor-element-fa30069{text-align:center;}.elementor-3822 .elementor-element.elementor-element-fa30069 p{margin-block-end:35px;}.elementor-3822 .elementor-element.elementor-element-dc70331{--display:flex;--overlay-opacity:0.5;}.elementor-3822 .elementor-element.elementor-element-dc70331::before, .elementor-3822 .elementor-element.elementor-element-dc70331 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-dc70331 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-dc70331 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-dc70331 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-dc70331 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #3394AF12 0%, #24C2E71C 100%);}.elementor-3822 .elementor-element.elementor-element-fef6d64{text-align:center;}.elementor-3822 .elementor-element.elementor-element-0be3b66{text-align:center;}.elementor-3822 .elementor-element.elementor-element-0be3b66 p{margin-block-end:35px;}.elementor-3822 .elementor-element.elementor-element-1764d3e{--display:flex;}.elementor-3822 .elementor-element.elementor-element-656e6bc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-76a85a4{--display:flex;}.elementor-3822 .elementor-element.elementor-element-4020bf9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-10c481e{--n-accordion-title-font-size:29px;border-radius:20px 20px 20px 20px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:28px;--n-accordion-item-title-distance-from-content:6px;--n-accordion-title-normal-color:#333333;--n-accordion-icon-size:15px;}:where( .elementor-3822 .elementor-element.elementor-element-10c481e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;line-height:31px;}.elementor-3822 .elementor-element.elementor-element-fd9efc5{--display:flex;--overlay-opacity:0.5;}.elementor-3822 .elementor-element.elementor-element-fd9efc5::before, .elementor-3822 .elementor-element.elementor-element-fd9efc5 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-fd9efc5 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-fd9efc5 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-fd9efc5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-fd9efc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #86F49124 0%, #B5E6AC3B 100%);}.elementor-3822 .elementor-element.elementor-element-632e01c{text-align:center;}.elementor-3822 .elementor-element.elementor-element-e1545f4{text-align:center;}.elementor-3822 .elementor-element.elementor-element-e1545f4 p{margin-block-end:35px;}.elementor-3822 .elementor-element.elementor-element-41d70bd{--display:flex;}.elementor-3822 .elementor-element.elementor-element-20c5090{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-8d2f875{--display:flex;}.elementor-3822 .elementor-element.elementor-element-9251d72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-ad71a13{--display:flex;}.elementor-3822 .elementor-element.elementor-element-873621f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-67e44a1{--display:flex;}.elementor-3822 .elementor-element.elementor-element-0e07792{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3822 .elementor-element.elementor-element-099bbf2{--n-accordion-title-font-size:29px;border-radius:20px 20px 20px 20px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:28px;--n-accordion-item-title-distance-from-content:6px;--n-accordion-title-normal-color:#333333;--n-accordion-icon-size:15px;}:where( .elementor-3822 .elementor-element.elementor-element-099bbf2 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;line-height:31px;}.elementor-3822 .elementor-element.elementor-element-b478899{--display:flex;}.elementor-3822 .elementor-element.elementor-element-20d1873{--display:flex;--overlay-opacity:0.5;}.elementor-3822 .elementor-element.elementor-element-20d1873::before, .elementor-3822 .elementor-element.elementor-element-20d1873 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-20d1873 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-20d1873 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-20d1873 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-20d1873 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E0ABFF38 0%, #FCECFF4F 100%);}.elementor-3822 .elementor-element.elementor-element-de25892{text-align:center;}.elementor-3822 .elementor-element.elementor-element-9cbe3e8{text-align:center;}.elementor-3822 .elementor-element.elementor-element-9cbe3e8 p{margin-block-end:35px;}.elementor-3822 .elementor-element.elementor-element-a2772de{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-title-gap:45px;--n-tabs-gap:44px;}.elementor-3822 .elementor-element.elementor-element-4c77e6f{--display:flex;}.elementor-3822 .elementor-element.elementor-element-260bf22{--spacer-size:111px;}@media(min-width:768px){.elementor-3822 .elementor-element.elementor-element-7003d2f2{--content-width:640px;}.elementor-3822 .elementor-element.elementor-element-10c3a7{--content-width:100%;}}@media(max-width:1024px){.elementor-3822 .elementor-element.elementor-element-7003d2f2:not(.elementor-motion-effects-element-type-background), .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-size:250px auto;}.elementor-3822 .elementor-element.elementor-element-7003d2f2::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:70px auto;}.elementor-3822 .elementor-element.elementor-element-6c0140f3{--padding-top:5em;--padding-bottom:5em;--padding-left:2em;--padding-right:2em;}}@media(max-width:767px){.elementor-3822 .elementor-element.elementor-element-7003d2f2:not(.elementor-motion-effects-element-type-background), .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:150px auto;}.elementor-3822 .elementor-element.elementor-element-7003d2f2::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3822 .elementor-element.elementor-element-7003d2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:50px auto;}.elementor-3822 .elementor-element.elementor-element-7003d2f2{--padding-top:4em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-3822 .elementor-element.elementor-element-6c0140f3{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10c481e *//* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e8f4fb !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(49, 130, 206, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: none !important;
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(49, 130, 206, 0.12) !important;
    background-color: #f8fcff !important;
    border-color: #bee3f8 !important;
}

/* ─── 4. 标题栏 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 22px 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 16px !important;
}

/* 左侧彩色竖线装饰 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #AEDFF7, #3182CE) !important;
    border-radius: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:hover > .e-n-accordion-item-title::before,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] > .e-n-accordion-item-title::before {
    opacity: 1 !important;
}

/* 标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.2px !important;
}

/* 图标容器 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #EBF8FF !important;
    border: 1.5px solid #bee3f8 !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: #3182CE !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60px) !important;
    border-color: #90cdf4 !important;
    box-shadow: 0 12px 36px rgba(49, 130, 206, 0.14) !important;
}

/* 展开顶部渐变线 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 50%, #2563eb 100%) !important;
    border-radius: 20px 20px 0 0 !important;
    animation: slide-in-top 0.4s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; transform-origin: left; }
    to { transform: scaleX(1); opacity: 1; transform-origin: left; }
}

/* 展开标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #2b6cb0 !important;
    font-weight: 800 !important;
}

/* 展开图标 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    border-color: transparent !important;
    transform: rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.35) !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
    padding: 4px 26px 26px 26px !important;
    color: #4a5568 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    background: transparent !important;
    border-top: 1px solid #e8f4fb !important;
    margin: 0 16px !important;
}

/* 内容淡入 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.4s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── 7. 清除多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 18px 20px !important;
        gap: 12px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
        font-size: 16px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
        padding: 4px 20px 22px 20px !important;
        font-size: 14px !important;
        margin: 0 12px !important;
    }
}

/* ─── 9. 首尾间距 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 10. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #90cdf4 !important;
    outline-offset: 3px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-099bbf2 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - Elementor Accordion 优化版（粉绿色系）
   
   设计特点：
   - 保留你的粉绿色 #B1E1B6 和草绿 #5A9461
   - 标题字体加大（18px 电脑，16px 手机）
   - 图标圆形背景 + 旋转动画
   - 展开后顶部装饰线
   - 更精致的间距和阴影
════════════════════════════════════════════════════════════ */

/* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    
    /* 背景：纯白底 */
    background-color: #ffffff !important;
    
    /* 边框：浅灰绿 */
    border: 1.5px solid #e8f5ea !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    
    /* 阴影：轻微 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    
    /* 平滑过渡 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* 强制重置外部影响 */
    transform: none !important; 
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-4px) !important;
    
    /* 悬停：粉绿光晕 */
    box-shadow: 0 12px 32px rgba(177, 225, 182, 0.35) !important; 
    
    /* 背景：微微透出清新绿 */
    background-color: #f8fdf9 !important; 
    border-color: #d4f0d7 !important;
}

/* ─── 4. 标题栏（可点击的头部） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 28px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 14px !important;
}

/* 标题文字：加大字体 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 26px !important; /* 加大到 18px */
    font-weight: 700 !important; /* 加粗 */
    color: #2d5a36 !important; /* 深绿灰 */
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* 图标容器：圆形背景 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #e8f8ea !important; /* 极浅绿 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #5A9461 !important; /* 草绿图标 */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态（激活态） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] {
    /* 展开后：保持白底 */
    background-color: #ffffff !important;
    
    /* 边框：粉绿色 */
    border-color: #B1E1B6 !important;
    
    /* 阴影：清新绿 */
    box-shadow: 0 10px 30px rgba(177, 225, 182, 0.28) !important; 
}

/* 展开后标题文字：草绿 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #5A9461 !important; 
    font-weight: 800 !important; /* 更粗 */
}

/* 展开后图标：旋转 + 变色 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #B1E1B6 0%, #8cd694 100%) !important; /* 粉绿渐层 */
    transform: rotate(180deg) !important; /* 箭头翻转 */
    box-shadow: 0 2px 8px rgba(177, 225, 182, 0.4) !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important; /* 白色图标 */
}

/* 展开后：顶部装饰线（绿色渐层） */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #B1E1B6 0%, #5A9461 50%, #3d7a47 100%) !important;
    border-radius: 18px 18px 0 0 !important;
    animation: slide-in-top 0.45s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
    padding: 0 28px 26px 28px !important;
    color: #4a5a4e !important; /* 深灰绿 */
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: transparent !important;
}

/* ─── 7. 暴力清除：移除所有多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 20px 22px !important;
        gap: 12px !important;
    }
    
    /* 手机标题：16px */
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
        padding: 0 22px 22px 22px !important;
        font-size: 14px !important;
    }
}

/* ─── 9. 超小屏幕（<480px） ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 23px !important;
    }
}

/* ─── 10. 焦点状态（键盘导航） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #B1E1B6 !important;
    outline-offset: 3px !important;
}

/* ─── 11. 第一项和最后一项微调 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 12. 微交互：内容淡入效果（可选） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.5s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1dfedd *//* =========================================
   1. 基础容器设置
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd {
    position: relative;
    overflow: hidden;
    /* 确保容器在加载时有最小高度，避免塌陷，同时限制最大高度防止过长 */
    min-height: 300px; 
    /* 如果仍然觉得太长，可以尝试解除下面这行的注释并调整数值 */
    /* max-height: 600px; */ 
}
/* =========================================
   2. 锁定遮罩层样式（默认显示）
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    /* 提示文字内容 */
    content: "🔒 选修课：仅限大学生（付费用户）开放";
    
    /* 定位与铺满 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 背景与模糊效果 */
    background: rgba(255, 255, 255, 0.9); /* 提高不透明度增加对比 */
    backdrop-filter: blur(10px); /* 适当降低模糊度优化性能 */
    z-index: 10;
    pointer-events: all; /* 拦截点击 */
    
    /* 核心排版设置 (修复手机端混乱的关键) */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    text-align: center;      /* 文字内部居中对齐 */
    padding: 30px;           /* 增加内边距，防止文字贴边 */
    
    /* 字体样式 (桌面端默认) */
    font-size: 20px;
    font-weight: bold;
    color: #d63384;
    line-height: 1.6;        /* 增加行高提升可读性 */
}
/* =========================================
   3. 📱 移动端专属优化 (屏幕小于 768px)
   ========================================= */
@media (max-width: 768px) {
    .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
        font-size: 16px !important; /* 强制缩小字号 */
        padding: 20px !important;   /* 调整手机端内边距 */
        line-height: 1.4;
    }
    /* 在手机上限制容器的最大显示高度，解决纵向太长的问题 */
    .elementor-3822 .elementor-element.elementor-element-b1dfedd {
        max-height: 450px;
    }
}
/* =========================================
   4. 自动解锁逻辑 (核心功能)
   当检测到用户是“客户”或“管理员”时，隐藏遮罩
   ========================================= */
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd::before,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    display: none !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd {
    /* 解锁后移除高度限制，让课程完整显示 */
    max-height: none !important;
    min-height: auto !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card {
    filter: none !important;
    pointer-events: all !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10c481e *//* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e8f4fb !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(49, 130, 206, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: none !important;
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(49, 130, 206, 0.12) !important;
    background-color: #f8fcff !important;
    border-color: #bee3f8 !important;
}

/* ─── 4. 标题栏 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 22px 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 16px !important;
}

/* 左侧彩色竖线装饰 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #AEDFF7, #3182CE) !important;
    border-radius: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:hover > .e-n-accordion-item-title::before,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] > .e-n-accordion-item-title::before {
    opacity: 1 !important;
}

/* 标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.2px !important;
}

/* 图标容器 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #EBF8FF !important;
    border: 1.5px solid #bee3f8 !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: #3182CE !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60px) !important;
    border-color: #90cdf4 !important;
    box-shadow: 0 12px 36px rgba(49, 130, 206, 0.14) !important;
}

/* 展开顶部渐变线 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 50%, #2563eb 100%) !important;
    border-radius: 20px 20px 0 0 !important;
    animation: slide-in-top 0.4s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; transform-origin: left; }
    to { transform: scaleX(1); opacity: 1; transform-origin: left; }
}

/* 展开标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #2b6cb0 !important;
    font-weight: 800 !important;
}

/* 展开图标 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    border-color: transparent !important;
    transform: rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.35) !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
    padding: 4px 26px 26px 26px !important;
    color: #4a5568 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    background: transparent !important;
    border-top: 1px solid #e8f4fb !important;
    margin: 0 16px !important;
}

/* 内容淡入 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.4s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── 7. 清除多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 18px 20px !important;
        gap: 12px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
        font-size: 16px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
        padding: 4px 20px 22px 20px !important;
        font-size: 14px !important;
        margin: 0 12px !important;
    }
}

/* ─── 9. 首尾间距 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 10. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #90cdf4 !important;
    outline-offset: 3px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-099bbf2 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - Elementor Accordion 优化版（粉绿色系）
   
   设计特点：
   - 保留你的粉绿色 #B1E1B6 和草绿 #5A9461
   - 标题字体加大（18px 电脑，16px 手机）
   - 图标圆形背景 + 旋转动画
   - 展开后顶部装饰线
   - 更精致的间距和阴影
════════════════════════════════════════════════════════════ */

/* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    
    /* 背景：纯白底 */
    background-color: #ffffff !important;
    
    /* 边框：浅灰绿 */
    border: 1.5px solid #e8f5ea !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    
    /* 阴影：轻微 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    
    /* 平滑过渡 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* 强制重置外部影响 */
    transform: none !important; 
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-4px) !important;
    
    /* 悬停：粉绿光晕 */
    box-shadow: 0 12px 32px rgba(177, 225, 182, 0.35) !important; 
    
    /* 背景：微微透出清新绿 */
    background-color: #f8fdf9 !important; 
    border-color: #d4f0d7 !important;
}

/* ─── 4. 标题栏（可点击的头部） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 28px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 14px !important;
}

/* 标题文字：加大字体 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 26px !important; /* 加大到 18px */
    font-weight: 700 !important; /* 加粗 */
    color: #2d5a36 !important; /* 深绿灰 */
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* 图标容器：圆形背景 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #e8f8ea !important; /* 极浅绿 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #5A9461 !important; /* 草绿图标 */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态（激活态） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] {
    /* 展开后：保持白底 */
    background-color: #ffffff !important;
    
    /* 边框：粉绿色 */
    border-color: #B1E1B6 !important;
    
    /* 阴影：清新绿 */
    box-shadow: 0 10px 30px rgba(177, 225, 182, 0.28) !important; 
}

/* 展开后标题文字：草绿 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #5A9461 !important; 
    font-weight: 800 !important; /* 更粗 */
}

/* 展开后图标：旋转 + 变色 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #B1E1B6 0%, #8cd694 100%) !important; /* 粉绿渐层 */
    transform: rotate(180deg) !important; /* 箭头翻转 */
    box-shadow: 0 2px 8px rgba(177, 225, 182, 0.4) !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important; /* 白色图标 */
}

/* 展开后：顶部装饰线（绿色渐层） */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #B1E1B6 0%, #5A9461 50%, #3d7a47 100%) !important;
    border-radius: 18px 18px 0 0 !important;
    animation: slide-in-top 0.45s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
    padding: 0 28px 26px 28px !important;
    color: #4a5a4e !important; /* 深灰绿 */
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: transparent !important;
}

/* ─── 7. 暴力清除：移除所有多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 20px 22px !important;
        gap: 12px !important;
    }
    
    /* 手机标题：16px */
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
        padding: 0 22px 22px 22px !important;
        font-size: 14px !important;
    }
}

/* ─── 9. 超小屏幕（<480px） ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 23px !important;
    }
}

/* ─── 10. 焦点状态（键盘导航） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #B1E1B6 !important;
    outline-offset: 3px !important;
}

/* ─── 11. 第一项和最后一项微调 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 12. 微交互：内容淡入效果（可选） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.5s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1dfedd *//* =========================================
   1. 基础容器设置
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd {
    position: relative;
    overflow: hidden;
    /* 确保容器在加载时有最小高度，避免塌陷，同时限制最大高度防止过长 */
    min-height: 300px; 
    /* 如果仍然觉得太长，可以尝试解除下面这行的注释并调整数值 */
    /* max-height: 600px; */ 
}
/* =========================================
   2. 锁定遮罩层样式（默认显示）
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    /* 提示文字内容 */
    content: "🔒 选修课：仅限大学生（付费用户）开放";
    
    /* 定位与铺满 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 背景与模糊效果 */
    background: rgba(255, 255, 255, 0.9); /* 提高不透明度增加对比 */
    backdrop-filter: blur(10px); /* 适当降低模糊度优化性能 */
    z-index: 10;
    pointer-events: all; /* 拦截点击 */
    
    /* 核心排版设置 (修复手机端混乱的关键) */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    text-align: center;      /* 文字内部居中对齐 */
    padding: 30px;           /* 增加内边距，防止文字贴边 */
    
    /* 字体样式 (桌面端默认) */
    font-size: 20px;
    font-weight: bold;
    color: #d63384;
    line-height: 1.6;        /* 增加行高提升可读性 */
}
/* =========================================
   3. 📱 移动端专属优化 (屏幕小于 768px)
   ========================================= */
@media (max-width: 768px) {
    .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
        font-size: 16px !important; /* 强制缩小字号 */
        padding: 20px !important;   /* 调整手机端内边距 */
        line-height: 1.4;
    }
    /* 在手机上限制容器的最大显示高度，解决纵向太长的问题 */
    .elementor-3822 .elementor-element.elementor-element-b1dfedd {
        max-height: 450px;
    }
}
/* =========================================
   4. 自动解锁逻辑 (核心功能)
   当检测到用户是“客户”或“管理员”时，隐藏遮罩
   ========================================= */
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd::before,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    display: none !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd {
    /* 解锁后移除高度限制，让课程完整显示 */
    max-height: none !important;
    min-height: auto !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card {
    filter: none !important;
    pointer-events: all !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10c481e *//* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e8f4fb !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(49, 130, 206, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: none !important;
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(49, 130, 206, 0.12) !important;
    background-color: #f8fcff !important;
    border-color: #bee3f8 !important;
}

/* ─── 4. 标题栏 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 22px 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 16px !important;
}

/* 左侧彩色竖线装饰 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #AEDFF7, #3182CE) !important;
    border-radius: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:hover > .e-n-accordion-item-title::before,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] > .e-n-accordion-item-title::before {
    opacity: 1 !important;
}

/* 标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.2px !important;
}

/* 图标容器 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #EBF8FF !important;
    border: 1.5px solid #bee3f8 !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: #3182CE !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60px) !important;
    border-color: #90cdf4 !important;
    box-shadow: 0 12px 36px rgba(49, 130, 206, 0.14) !important;
}

/* 展开顶部渐变线 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 50%, #2563eb 100%) !important;
    border-radius: 20px 20px 0 0 !important;
    animation: slide-in-top 0.4s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; transform-origin: left; }
    to { transform: scaleX(1); opacity: 1; transform-origin: left; }
}

/* 展开标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #2b6cb0 !important;
    font-weight: 800 !important;
}

/* 展开图标 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    border-color: transparent !important;
    transform: rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.35) !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
    padding: 4px 26px 26px 26px !important;
    color: #4a5568 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    background: transparent !important;
    border-top: 1px solid #e8f4fb !important;
    margin: 0 16px !important;
}

/* 内容淡入 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.4s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── 7. 清除多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 18px 20px !important;
        gap: 12px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
        font-size: 16px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
        padding: 4px 20px 22px 20px !important;
        font-size: 14px !important;
        margin: 0 12px !important;
    }
}

/* ─── 9. 首尾间距 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 10. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #90cdf4 !important;
    outline-offset: 3px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-099bbf2 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - Elementor Accordion 优化版（粉绿色系）
   
   设计特点：
   - 保留你的粉绿色 #B1E1B6 和草绿 #5A9461
   - 标题字体加大（18px 电脑，16px 手机）
   - 图标圆形背景 + 旋转动画
   - 展开后顶部装饰线
   - 更精致的间距和阴影
════════════════════════════════════════════════════════════ */

/* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    
    /* 背景：纯白底 */
    background-color: #ffffff !important;
    
    /* 边框：浅灰绿 */
    border: 1.5px solid #e8f5ea !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    
    /* 阴影：轻微 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    
    /* 平滑过渡 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* 强制重置外部影响 */
    transform: none !important; 
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-4px) !important;
    
    /* 悬停：粉绿光晕 */
    box-shadow: 0 12px 32px rgba(177, 225, 182, 0.35) !important; 
    
    /* 背景：微微透出清新绿 */
    background-color: #f8fdf9 !important; 
    border-color: #d4f0d7 !important;
}

/* ─── 4. 标题栏（可点击的头部） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 28px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 14px !important;
}

/* 标题文字：加大字体 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 26px !important; /* 加大到 18px */
    font-weight: 700 !important; /* 加粗 */
    color: #2d5a36 !important; /* 深绿灰 */
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* 图标容器：圆形背景 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #e8f8ea !important; /* 极浅绿 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #5A9461 !important; /* 草绿图标 */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态（激活态） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] {
    /* 展开后：保持白底 */
    background-color: #ffffff !important;
    
    /* 边框：粉绿色 */
    border-color: #B1E1B6 !important;
    
    /* 阴影：清新绿 */
    box-shadow: 0 10px 30px rgba(177, 225, 182, 0.28) !important; 
}

/* 展开后标题文字：草绿 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #5A9461 !important; 
    font-weight: 800 !important; /* 更粗 */
}

/* 展开后图标：旋转 + 变色 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #B1E1B6 0%, #8cd694 100%) !important; /* 粉绿渐层 */
    transform: rotate(180deg) !important; /* 箭头翻转 */
    box-shadow: 0 2px 8px rgba(177, 225, 182, 0.4) !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important; /* 白色图标 */
}

/* 展开后：顶部装饰线（绿色渐层） */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #B1E1B6 0%, #5A9461 50%, #3d7a47 100%) !important;
    border-radius: 18px 18px 0 0 !important;
    animation: slide-in-top 0.45s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
    padding: 0 28px 26px 28px !important;
    color: #4a5a4e !important; /* 深灰绿 */
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: transparent !important;
}

/* ─── 7. 暴力清除：移除所有多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 20px 22px !important;
        gap: 12px !important;
    }
    
    /* 手机标题：16px */
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
        padding: 0 22px 22px 22px !important;
        font-size: 14px !important;
    }
}

/* ─── 9. 超小屏幕（<480px） ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 23px !important;
    }
}

/* ─── 10. 焦点状态（键盘导航） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #B1E1B6 !important;
    outline-offset: 3px !important;
}

/* ─── 11. 第一项和最后一项微调 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 12. 微交互：内容淡入效果（可选） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.5s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1dfedd *//* =========================================
   1. 基础容器设置
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd {
    position: relative;
    overflow: hidden;
    /* 确保容器在加载时有最小高度，避免塌陷，同时限制最大高度防止过长 */
    min-height: 300px; 
    /* 如果仍然觉得太长，可以尝试解除下面这行的注释并调整数值 */
    /* max-height: 600px; */ 
}
/* =========================================
   2. 锁定遮罩层样式（默认显示）
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    /* 提示文字内容 */
    content: "🔒 选修课：仅限大学生（付费用户）开放";
    
    /* 定位与铺满 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 背景与模糊效果 */
    background: rgba(255, 255, 255, 0.9); /* 提高不透明度增加对比 */
    backdrop-filter: blur(10px); /* 适当降低模糊度优化性能 */
    z-index: 10;
    pointer-events: all; /* 拦截点击 */
    
    /* 核心排版设置 (修复手机端混乱的关键) */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    text-align: center;      /* 文字内部居中对齐 */
    padding: 30px;           /* 增加内边距，防止文字贴边 */
    
    /* 字体样式 (桌面端默认) */
    font-size: 20px;
    font-weight: bold;
    color: #d63384;
    line-height: 1.6;        /* 增加行高提升可读性 */
}
/* =========================================
   3. 📱 移动端专属优化 (屏幕小于 768px)
   ========================================= */
@media (max-width: 768px) {
    .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
        font-size: 16px !important; /* 强制缩小字号 */
        padding: 20px !important;   /* 调整手机端内边距 */
        line-height: 1.4;
    }
    /* 在手机上限制容器的最大显示高度，解决纵向太长的问题 */
    .elementor-3822 .elementor-element.elementor-element-b1dfedd {
        max-height: 450px;
    }
}
/* =========================================
   4. 自动解锁逻辑 (核心功能)
   当检测到用户是“客户”或“管理员”时，隐藏遮罩
   ========================================= */
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd::before,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    display: none !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd {
    /* 解锁后移除高度限制，让课程完整显示 */
    max-height: none !important;
    min-height: auto !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card {
    filter: none !important;
    pointer-events: all !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10c481e *//* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e8f4fb !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(49, 130, 206, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: none !important;
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(49, 130, 206, 0.12) !important;
    background-color: #f8fcff !important;
    border-color: #bee3f8 !important;
}

/* ─── 4. 标题栏 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 22px 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 16px !important;
}

/* 左侧彩色竖线装饰 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #AEDFF7, #3182CE) !important;
    border-radius: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:hover > .e-n-accordion-item-title::before,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] > .e-n-accordion-item-title::before {
    opacity: 1 !important;
}

/* 标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.2px !important;
}

/* 图标容器 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #EBF8FF !important;
    border: 1.5px solid #bee3f8 !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: #3182CE !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60px) !important;
    border-color: #90cdf4 !important;
    box-shadow: 0 12px 36px rgba(49, 130, 206, 0.14) !important;
}

/* 展开顶部渐变线 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 50%, #2563eb 100%) !important;
    border-radius: 20px 20px 0 0 !important;
    animation: slide-in-top 0.4s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; transform-origin: left; }
    to { transform: scaleX(1); opacity: 1; transform-origin: left; }
}

/* 展开标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #2b6cb0 !important;
    font-weight: 800 !important;
}

/* 展开图标 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    border-color: transparent !important;
    transform: rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.35) !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
    padding: 4px 26px 26px 26px !important;
    color: #4a5568 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    background: transparent !important;
    border-top: 1px solid #e8f4fb !important;
    margin: 0 16px !important;
}

/* 内容淡入 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.4s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── 7. 清除多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 18px 20px !important;
        gap: 12px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
        font-size: 16px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
        padding: 4px 20px 22px 20px !important;
        font-size: 14px !important;
        margin: 0 12px !important;
    }
}

/* ─── 9. 首尾间距 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 10. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #90cdf4 !important;
    outline-offset: 3px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-099bbf2 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - Elementor Accordion 优化版（粉绿色系）
   
   设计特点：
   - 保留你的粉绿色 #B1E1B6 和草绿 #5A9461
   - 标题字体加大（18px 电脑，16px 手机）
   - 图标圆形背景 + 旋转动画
   - 展开后顶部装饰线
   - 更精致的间距和阴影
════════════════════════════════════════════════════════════ */

/* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    
    /* 背景：纯白底 */
    background-color: #ffffff !important;
    
    /* 边框：浅灰绿 */
    border: 1.5px solid #e8f5ea !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    
    /* 阴影：轻微 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    
    /* 平滑过渡 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* 强制重置外部影响 */
    transform: none !important; 
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-4px) !important;
    
    /* 悬停：粉绿光晕 */
    box-shadow: 0 12px 32px rgba(177, 225, 182, 0.35) !important; 
    
    /* 背景：微微透出清新绿 */
    background-color: #f8fdf9 !important; 
    border-color: #d4f0d7 !important;
}

/* ─── 4. 标题栏（可点击的头部） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 28px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 14px !important;
}

/* 标题文字：加大字体 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 26px !important; /* 加大到 18px */
    font-weight: 700 !important; /* 加粗 */
    color: #2d5a36 !important; /* 深绿灰 */
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* 图标容器：圆形背景 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #e8f8ea !important; /* 极浅绿 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #5A9461 !important; /* 草绿图标 */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态（激活态） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] {
    /* 展开后：保持白底 */
    background-color: #ffffff !important;
    
    /* 边框：粉绿色 */
    border-color: #B1E1B6 !important;
    
    /* 阴影：清新绿 */
    box-shadow: 0 10px 30px rgba(177, 225, 182, 0.28) !important; 
}

/* 展开后标题文字：草绿 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #5A9461 !important; 
    font-weight: 800 !important; /* 更粗 */
}

/* 展开后图标：旋转 + 变色 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #B1E1B6 0%, #8cd694 100%) !important; /* 粉绿渐层 */
    transform: rotate(180deg) !important; /* 箭头翻转 */
    box-shadow: 0 2px 8px rgba(177, 225, 182, 0.4) !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important; /* 白色图标 */
}

/* 展开后：顶部装饰线（绿色渐层） */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #B1E1B6 0%, #5A9461 50%, #3d7a47 100%) !important;
    border-radius: 18px 18px 0 0 !important;
    animation: slide-in-top 0.45s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
    padding: 0 28px 26px 28px !important;
    color: #4a5a4e !important; /* 深灰绿 */
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: transparent !important;
}

/* ─── 7. 暴力清除：移除所有多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 20px 22px !important;
        gap: 12px !important;
    }
    
    /* 手机标题：16px */
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
        padding: 0 22px 22px 22px !important;
        font-size: 14px !important;
    }
}

/* ─── 9. 超小屏幕（<480px） ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 23px !important;
    }
}

/* ─── 10. 焦点状态（键盘导航） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #B1E1B6 !important;
    outline-offset: 3px !important;
}

/* ─── 11. 第一项和最后一项微调 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 12. 微交互：内容淡入效果（可选） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.5s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1dfedd *//* =========================================
   1. 基础容器设置
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd {
    position: relative;
    overflow: hidden;
    /* 确保容器在加载时有最小高度，避免塌陷，同时限制最大高度防止过长 */
    min-height: 300px; 
    /* 如果仍然觉得太长，可以尝试解除下面这行的注释并调整数值 */
    /* max-height: 600px; */ 
}
/* =========================================
   2. 锁定遮罩层样式（默认显示）
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    /* 提示文字内容 */
    content: "🔒 选修课：仅限大学生（付费用户）开放";
    
    /* 定位与铺满 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 背景与模糊效果 */
    background: rgba(255, 255, 255, 0.9); /* 提高不透明度增加对比 */
    backdrop-filter: blur(10px); /* 适当降低模糊度优化性能 */
    z-index: 10;
    pointer-events: all; /* 拦截点击 */
    
    /* 核心排版设置 (修复手机端混乱的关键) */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    text-align: center;      /* 文字内部居中对齐 */
    padding: 30px;           /* 增加内边距，防止文字贴边 */
    
    /* 字体样式 (桌面端默认) */
    font-size: 20px;
    font-weight: bold;
    color: #d63384;
    line-height: 1.6;        /* 增加行高提升可读性 */
}
/* =========================================
   3. 📱 移动端专属优化 (屏幕小于 768px)
   ========================================= */
@media (max-width: 768px) {
    .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
        font-size: 16px !important; /* 强制缩小字号 */
        padding: 20px !important;   /* 调整手机端内边距 */
        line-height: 1.4;
    }
    /* 在手机上限制容器的最大显示高度，解决纵向太长的问题 */
    .elementor-3822 .elementor-element.elementor-element-b1dfedd {
        max-height: 450px;
    }
}
/* =========================================
   4. 自动解锁逻辑 (核心功能)
   当检测到用户是“客户”或“管理员”时，隐藏遮罩
   ========================================= */
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd::before,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    display: none !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd {
    /* 解锁后移除高度限制，让课程完整显示 */
    max-height: none !important;
    min-height: auto !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card {
    filter: none !important;
    pointer-events: all !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-656e6bc *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-656e6bc .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4020bf9 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - TutorLMS 课程列表优化版
   
   适用于 shortcode: [tutor_course category="44"]
   
   设计特点：
   - 移除多余空白，紧凑布局
   - 卡片化设计，悬停效果
   - 统一不惑品牌色（浅紫系）
   - 响应式网格，手机友好
════════════════════════════════════════════════════════════ */

/* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(174, 223, 247, 0.3) !important;
    border-color: #AEDFF7 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e40af !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-title a:hover {
    color: #3182CE !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #bae6fd !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-meta span {
    font-size: 13px !important;
    color: #3182CE !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #3182CE 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.35) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-price .free {
    background: linear-gradient(135deg, #AEDFF7 0%, #7dd3fc 100%) !important;
    color: #1e40af !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #e0f2fe !important;
    border: 1.5px solid #bae6fd !important;
    border-radius: 10px !important;
    color: #1e40af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination a:hover {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-pagination span.current {
    background: #3182CE !important;
    color: #ffffff !important;
    border-color: #3182CE !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #3182CE !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #3182CE !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-bar {
    height: 6px !important;
    background: #e0f2fe !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（蓝色系） ─── */
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.25) !important;
}

.elementor-3822 .elementor-element.elementor-element-4020bf9 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4) !important;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-10c481e *//* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e8f4fb !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(49, 130, 206, 0.06) !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: none !important;
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 40px rgba(49, 130, 206, 0.12) !important;
    background-color: #f8fcff !important;
    border-color: #bee3f8 !important;
}

/* ─── 4. 标题栏 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 22px 26px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 16px !important;
}

/* 左侧彩色竖线装饰 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    height: 60% !important;
    width: 4px !important;
    background: linear-gradient(180deg, #AEDFF7, #3182CE) !important;
    border-radius: 0 4px 4px 0 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:hover > .e-n-accordion-item-title::before,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] > .e-n-accordion-item-title::before {
    opacity: 1 !important;
}

/* 标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d3748 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.2px !important;
}

/* 图标容器 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #EBF8FF !important;
    border: 1.5px solid #bee3f8 !important;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: #3182CE !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 60px) !important;
    border-color: #90cdf4 !important;
    box-shadow: 0 12px 36px rgba(49, 130, 206, 0.14) !important;
}

/* 展开顶部渐变线 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #AEDFF7 0%, #3182CE 50%, #2563eb 100%) !important;
    border-radius: 20px 20px 0 0 !important;
    animation: slide-in-top 0.4s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; transform-origin: left; }
    to { transform: scaleX(1); opacity: 1; transform-origin: left; }
}

/* 展开标题文字 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #2b6cb0 !important;
    font-weight: 800 !important;
}

/* 展开图标 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #3182CE 0%, #2563eb 100%) !important;
    border-color: transparent !important;
    transform: rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.35) !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important;
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
    padding: 4px 26px 26px 26px !important;
    color: #4a5568 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    background: transparent !important;
    border-top: 1px solid #e8f4fb !important;
    margin: 0 16px !important;
}

/* 内容淡入 */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.4s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ─── 7. 清除多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 18px 20px !important;
        gap: 12px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-text {
        font-size: 16px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    .elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-content {
        padding: 4px 20px 22px 20px !important;
        font-size: 14px !important;
        margin: 0 12px !important;
    }
}

/* ─── 9. 首尾间距 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 10. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-10c481e .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #90cdf4 !important;
    outline-offset: 3px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-20c5090 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-20c5090 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9251d72 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-9251d72 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-873621f *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-873621f .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-873621f .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-873621f .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e07792 *//* ─── 1. 移除过滤容器占位 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-container,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-filters,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-filter-wrap {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* ─── 2. 课程网格容器：消除上下多余空间 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-grid,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses-wrap {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding: 0 !important;
}

/* ─── 3. 网格布局优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 手机：单栏 */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-courses {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}

/* ─── 4. 单个课程卡片 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop {
    position: relative !important;
    background: linear-gradient(135deg, #fdfcff 0%, #f8f6fc 100%) !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 2px 10px rgba(92, 79, 138, 0.08) !important;
    margin: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(155, 142, 196, 0.2) !important;
    border-color: #9b8ec4 !important;
}

/* ─── 5. 课程缩图 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-thumbnail img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course:hover .tutor-course-thumbnail img,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop:hover .tutor-course-loop-thumbnail img {
    transform: scale(1.05) !important;
}

/* ─── 6. 课程信息区 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-content,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-content {
    padding: 20px !important;
}

/* ─── 7. 课程标题 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title h2,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #5c4f8a !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-title a:hover {
    color: #9b8ec4 !important;
}

/* ─── 8. 课程描述/摘要 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-excerpt,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-excerpt {
    font-size: 14px !important;
    color: #7a6e96 !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}

/* ─── 9. 课程元信息（评分、学生数等） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e8e4f3 !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-meta span,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-meta span {
    font-size: 13px !important;
    color: #9b8ec4 !important;
}

/* ─── 10. 评分星星 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-rating,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-ratings-stars i,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-full,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-half,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-icon-star-line {
    color: #c9a87c !important; /* 金色星星 */
    font-size: 14px !important;
}

/* ─── 11. 价格标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: linear-gradient(135deg, #5c4f8a 0%, #4a3d72 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(92, 79, 138, 0.3) !important;
}

/* 免费课程 */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-price .free,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-price .free {
    background: linear-gradient(135deg, #9b8ec4 0%, #7d6fa8 100%) !important;
}

/* ─── 12. 分页按钮优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-archive-pagination {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #f8f6fc !important;
    border: 1.5px solid #e8e4f3 !important;
    border-radius: 10px !important;
    color: #5c4f8a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination a:hover {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(90, 148, 97, 0.3) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination .current,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-pagination span.current {
    background: #5A9461 !important;
    color: #ffffff !important;
    border-color: #5A9461 !important;
}

/* ─── 13. 在手风琴内使用时：调整底部间距 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content .tutor-courses-wrap {
    margin-bottom: -10px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .e-n-accordion-item-content {
    padding-bottom: 16px !important;
}

/* ─── 14. "没有找到课程"的提示优化 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-none,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-no-courses-found {
    text-align: center !important;
    padding: 60px 20px !important;
    color: #9b8ec4 !important;
    font-size: 15px !important;
}

/* ─── 15. 加载动画（如果有） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-loading {
    text-align: center !important;
    padding: 40px !important;
}

/* ─── 16. 类别标签/难度标签 ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop-level,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-category,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-level {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #9b8ec4 !important;
    background: #f4f2fb !important;
    border: 1px solid #e8e4f3 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    margin-right: 6px !important;
    text-transform: uppercase !important;
}

/* ─── 17. 课程进度条（如果是已注册课程） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress-wrapper,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-progress {
    margin-top: 12px !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-bar {
    height: 6px !important;
    background: #e8e4f3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-progress-filled {
    height: 100% !important;
    background: linear-gradient(90deg, #6aad71 0%, #5A9461 100%) !important;
    transition: width 0.4s ease !important;
}

/* ─── 18. 按钮样式统一（绿色系） ─── */
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn,
.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-course-loop .tutor-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #6aad71 0%, #5A9461 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(90, 148, 97, 0.2) !important;
}

.elementor-3822 .elementor-element.elementor-element-0e07792 .tutor-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(90, 148, 97, 0.35) !important;
    background: linear-gradient(135deg, #5A9461 0%, #4a7d51 100%) !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-099bbf2 *//* ════════════════════════════════════════════════════════════
   不惑生命学苑 - Elementor Accordion 优化版（粉绿色系）
   
   设计特点：
   - 保留你的粉绿色 #B1E1B6 和草绿 #5A9461
   - 标题字体加大（18px 电脑，16px 手机）
   - 图标圆形背景 + 旋转动画
   - 展开后顶部装饰线
   - 更精致的间距和阴影
════════════════════════════════════════════════════════════ */

/* ─── 1. 容器整体重置 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion {
    background: transparent !important;
    padding: 0 !important;
}

/* ─── 2. 单个项目（卡片） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item {
    position: relative !important;
    
    /* 背景：纯白底 */
    background-color: #ffffff !important;
    
    /* 边框：浅灰绿 */
    border: 1.5px solid #e8f5ea !important;
    border-radius: 18px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    
    /* 阴影：轻微 */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    
    /* 平滑过渡 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    
    /* 强制重置外部影响 */
    transform: none !important; 
}

/* ─── 3. 悬停效果 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:hover {
    transform: translateY(-4px) !important;
    
    /* 悬停：粉绿光晕 */
    box-shadow: 0 12px 32px rgba(177, 225, 182, 0.35) !important; 
    
    /* 背景：微微透出清新绿 */
    background-color: #f8fdf9 !important; 
    border-color: #d4f0d7 !important;
}

/* ─── 4. 标题栏（可点击的头部） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 28px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    user-select: none !important;
    gap: 14px !important;
}

/* 标题文字：加大字体 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
    flex: 1 !important;
    font-size: 26px !important; /* 加大到 18px */
    font-weight: 700 !important; /* 加粗 */
    color: #2d5a36 !important; /* 深绿灰 */
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    letter-spacing: 0.3px !important;
}

/* 图标容器：圆形背景 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #e8f8ea !important; /* 极浅绿 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    flex-shrink: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: #5A9461 !important; /* 草绿图标 */
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), fill 0.3s ease !important;
}

/* ─── 5. 展开状态（激活态） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] {
    /* 展开后：保持白底 */
    background-color: #ffffff !important;
    
    /* 边框：粉绿色 */
    border-color: #B1E1B6 !important;
    
    /* 阴影：清新绿 */
    box-shadow: 0 10px 30px rgba(177, 225, 182, 0.28) !important; 
}

/* 展开后标题文字：草绿 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-text {
    color: #5A9461 !important; 
    font-weight: 800 !important; /* 更粗 */
}

/* 展开后图标：旋转 + 变色 */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon {
    background: linear-gradient(135deg, #B1E1B6 0%, #8cd694 100%) !important; /* 粉绿渐层 */
    transform: rotate(180deg) !important; /* 箭头翻转 */
    box-shadow: 0 2px 8px rgba(177, 225, 182, 0.4) !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-title-icon svg {
    fill: #ffffff !important; /* 白色图标 */
}

/* 展开后：顶部装饰线（绿色渐层） */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #B1E1B6 0%, #5A9461 50%, #3d7a47 100%) !important;
    border-radius: 18px 18px 0 0 !important;
    animation: slide-in-top 0.45s ease !important;
}

@keyframes slide-in-top {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
}

/* ─── 6. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
    padding: 0 28px 26px 28px !important;
    color: #4a5a4e !important; /* 深灰绿 */
    font-size: 15px !important;
    line-height: 1.8 !important;
    background: transparent !important;
}

/* ─── 7. 暴力清除：移除所有多余装饰 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:after,
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ─── 8. 手机端优化 ─── */
@media (max-width: 767px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item > .e-n-accordion-item-title {
        padding: 20px 22px !important;
        gap: 12px !important;
    }
    
    /* 手机标题：16px */
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-content {
        padding: 0 22px 22px 22px !important;
        font-size: 14px !important;
    }
}

/* ─── 9. 超小屏幕（<480px） ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title-text {
        font-size: 23px !important;
    }
}

/* ─── 10. 焦点状态（键盘导航） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item-title:focus-visible {
    outline: 2px solid #B1E1B6 !important;
    outline-offset: 3px !important;
}

/* ─── 11. 第一项和最后一项微调 ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:first-child {
    margin-top: 0 !important;
}

.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion > .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

/* ─── 12. 微交互：内容淡入效果（可选） ─── */
.elementor-3822 .elementor-element.elementor-element-099bbf2 .e-n-accordion-item[aria-expanded="true"] .e-n-accordion-item-content {
    animation: fade-in-content 0.5s ease !important;
}

@keyframes fade-in-content {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b1dfedd *//* =========================================
   1. 基础容器设置
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd {
    position: relative;
    overflow: hidden;
    /* 确保容器在加载时有最小高度，避免塌陷，同时限制最大高度防止过长 */
    min-height: 300px; 
    /* 如果仍然觉得太长，可以尝试解除下面这行的注释并调整数值 */
    /* max-height: 600px; */ 
}
/* =========================================
   2. 锁定遮罩层样式（默认显示）
   ========================================= */
.elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    /* 提示文字内容 */
    content: "🔒 选修课：仅限大学生（付费用户）开放";
    
    /* 定位与铺满 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 背景与模糊效果 */
    background: rgba(255, 255, 255, 0.9); /* 提高不透明度增加对比 */
    backdrop-filter: blur(10px); /* 适当降低模糊度优化性能 */
    z-index: 10;
    pointer-events: all; /* 拦截点击 */
    
    /* 核心排版设置 (修复手机端混乱的关键) */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    text-align: center;      /* 文字内部居中对齐 */
    padding: 30px;           /* 增加内边距，防止文字贴边 */
    
    /* 字体样式 (桌面端默认) */
    font-size: 20px;
    font-weight: bold;
    color: #d63384;
    line-height: 1.6;        /* 增加行高提升可读性 */
}
/* =========================================
   3. 📱 移动端专属优化 (屏幕小于 768px)
   ========================================= */
@media (max-width: 768px) {
    .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
        font-size: 16px !important; /* 强制缩小字号 */
        padding: 20px !important;   /* 调整手机端内边距 */
        line-height: 1.4;
    }
    /* 在手机上限制容器的最大显示高度，解决纵向太长的问题 */
    .elementor-3822 .elementor-element.elementor-element-b1dfedd {
        max-height: 450px;
    }
}
/* =========================================
   4. 自动解锁逻辑 (核心功能)
   当检测到用户是“客户”或“管理员”时，隐藏遮罩
   ========================================= */
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd::before,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd::before {
    display: none !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd {
    /* 解锁后移除高度限制，让课程完整显示 */
    max-height: none !important;
    min-height: auto !important;
}
body.role-customer .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card,
body.administrator .elementor-3822 .elementor-element.elementor-element-b1dfedd .tutor-course-card {
    filter: none !important;
    pointer-events: all !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a2772de *//* ─── 1. 电脑端设计 ─── */
@media (min-width: 768px) {
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tabs-heading {
        display: flex !important;
        justify-content: center !important;
        gap: 30px !important;
        margin-bottom: 48px !important;
        padding: 0 !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title {
        position: relative !important;
        padding: 16px 40px !important; 
        font-size: 19px !important;
        font-weight: 700 !important;
        letter-spacing: 0.5px !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #f0ebff 0%, #e4d9ff 100%) !important;
        color: #7c3aed !important; 
        border: 1.5px solid transparent !important;
        transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1) !important;
        cursor: pointer !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title:hover {
        transform: translateY(-4px) scale(1.02) !important;
        background: linear-gradient(135deg, #e4d9ff 0%, #d4c4ff 100%) !important;
        box-shadow: 0 8px 20px rgba(124, 58, 237, 0.2) !important;
        border-color: rgba(124, 58, 237, 0.3) !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title[aria-selected="true"],
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title.elementor-active {
        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
        color: #ffffff !important;
        border-color: #7c3aed !important;
        box-shadow: 0 6px 24px rgba(124, 58, 237, 0.4) !important;
        transform: translateY(-2px) !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title[aria-selected="true"]::after,
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title.elementor-active::after {
        content: '' !important;
        position: absolute !important;
        bottom: -8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 24px !important;
        height: 3px !important;
        background: linear-gradient(90deg, #a78bfa, #ec4899) !important;
        border-radius: 2px !important;
        animation: slide-in 0.4s ease !important;
    }
    
    @keyframes slide-in {
        from { width: 0; opacity: 0; }
        to { width: 24px; opacity: 1; }
    }
}

/* ─── 2. 手机端设计 ─── */
@media (max-width: 767px) {
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tabs-heading {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; 
        justify-content: center !important;
        align-items: center !important; 
        gap: 8px !important; 
        width: 100% !important;
        margin: 0 auto 40px auto !important;
        padding: 0 12px !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title {
        flex: 1 1 0 !important; 
        min-width: 0 !important;
        height: 50px !important; 
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important; 
        padding: 0 8px !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, #f0ebff 0%, #e4d9ff 100%) !important;
        color: #7c3aed !important;
        font-size: 16px !important; 
        font-weight: 700 !important;
        border: 1.5px solid transparent !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 6px rgba(124, 58, 237, 0.1) !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title[aria-selected="true"],
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title.elementor-active {
        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
        color: #ffffff !important;
        border-color: #7c3aed !important;
        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.35) !important;
        transform: scale(1.05) !important;
    }
    
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title-text {
        white-space: nowrap !important; 
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ─── 3. 内容区域 ─── */
.elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tabs-content {
    padding: 32px 24px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(124, 58, 237, 0.06) !important;
    border: 1px solid #e4d9ff !important;
}

/* ─── 4. 小屏幕优化 ─── */
@media (max-width: 480px) {
    .elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title {
        font-size: 14px !important;
        height: 46px !important;
        padding: 0 6px !important;
    }
}

/* ─── 5. 焦点状态 ─── */
.elementor-3822 .elementor-element.elementor-element-a2772de .e-n-tab-title:focus-visible {
    outline: 2px solid #a78bfa !important;
    outline-offset: 3px !important;
}/* End custom CSS */