.elementor-8176 .elementor-element.elementor-element-f811820{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8176 .elementor-element.elementor-element-f811820:not(.elementor-motion-effects-element-type-background), .elementor-8176 .elementor-element.elementor-element-f811820 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58be983 );}.elementor-8176 .elementor-element.elementor-element-3a5cccb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8176 .elementor-element.elementor-element-badb1b0{--display:flex;}.elementor-8176 .elementor-element.elementor-element-8f171fb .jet-listing-dynamic-field__content{color:var( --e-global-color-766331f );font-family:"Times New Roman", Sans-serif;font-size:24px;font-weight:600;text-align:left;}.elementor-8176 .elementor-element.elementor-element-8f171fb .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8176 .elementor-element.elementor-element-8f171fb .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8176 .elementor-element.elementor-element-8f171fb .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-8176 .elementor-element.elementor-element-ced3c90 .jet-listing-dynamic-field__content{color:#0D141A;font-size:10px;font-weight:200;text-align:left;}.elementor-8176 .elementor-element.elementor-element-ced3c90 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8176 .elementor-element.elementor-element-ced3c90 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8176 .elementor-element.elementor-element-ced3c90 .jet-listing-dynamic-field{justify-content:flex-start;}/* Start custom CSS for container, class: .elementor-element-3a5cccb *//* 让整个网格容器开始计数 */
.elementor-element-editable, /* 如果是全局网格可以作用于父级，或者直接针对 Listing 最外层 */
.elementor-widget-jet-listing-grid {
    counter-reset: card-counter;
}

/* 每一张卡片自动累加并显示编号 */
.hover-card-item {
    counter-increment: card-counter;
    position: relative; /* 方便后续如果需要绝对定位 */
}

/* 在标题前面自动生成编号，例如 01. 02. */
.hover-card-item .card-index::before {
    content: counter(card-counter, decimal-leading-zero) ". "; 
    color: #999; /* 编号的颜色，可自行修改 */
    margin-right: 8px; /* 编号和标题之间的间距 */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-badb1b0 *//* 1. 卡片基础美观样式（可选） */
.hover-card-item {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease-in-out;
}

.hover-card-item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

/* 2. 默认状态：隐藏详细内容区域，并带有平滑过渡动画 */
.hover-card-item .hover-content-box {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* 3. 鼠标悬停状态：展开详细内容区域 */
.hover-card-item:hover .hover-content-box {
    max-height: 200px; /* 根据内容高度调整 */
    opacity: 1;
    margin-top: 10px;   /* 展开时的顶部间距 */
}/* End custom CSS */