.elementor-kit-5027{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-75ed535:#F1E7DE;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5027 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   统一 Banner 系统 (保留原类名版)
   包含：Normal-banner, sb-banner, sub-hero-section
   ============================================================ */

/* --- 1. 公共底层样式 (所有 Banner 共用) --- */
/* 这里的定义确保所有 Banner 的图片都能正确铺满，内容都在图片上方 */
.Normal-banner, .sb-banner, .sub-hero-section {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    isolation: isolate;
}

/* 统一图片层处理 */
.nb-image, .sb-image, .sub-hero-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    margin: 0 !important;
}

/* 统一内容层处理 */
.nb-content, .sb-content, .sub-hero-overlay {
    position: relative;
    z-index: 3;
    width: 100%;
}

/* --- 2. 各个 Banner 的独有布局定义 --- */

/* [Normal-banner] 默认3:1, 靠左10% */
.Normal-banner {
    aspect-ratio: 3 / 1;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10%;
    background-color: #F1E7DE;
}
/* Normal-banner 的比例扩展类 */
.Normal-banner.is-3-2 { aspect-ratio: 3 / 2; }
.Normal-banner.is-2-1 { aspect-ratio: 2 / 1; }

/* [sb-banner] 62vh高度, 居中, 5px白边 */
.sb-banner {
    height: 62vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 5px solid #fff;
}
.sb-mask {
    position: absolute;
    inset: 0;
    background-color: #F1E7DE;
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
}

/* [sub-hero-section] 42vh高度, 靠左20%, 强制全宽 */
.sub-hero-section {
    height: 42vh;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    justify-content: flex-start;
    align-items: center;
}
.sub-hero-mask {
    position: absolute;
    inset: 0;
    background-color: rgba(241, 231, 222, 0.7);
    z-index: 2;
    pointer-events: none;
}
.sub-hero-overlay {
    margin-left: 20%;
    align-items: flex-start;
    text-align: left;
}

/* --- 3. 内部元素样式 (标题、按钮) --- */
/* 统一按钮样式 */
.nb-button, .sb-button {
    display: inline-block;
    padding: 14px 32px;
    background-color: #046bd2;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    transition: 0.3s;
}
.nb-button:hover, .sb-button:hover {
    background-color: #333;
    transform: translateY(-2px);
}

/* --- 4. 统一移动端适配 --- */
@media (max-width: 768px) {
    /* 所有 Banner 在手机端统一变为居中自适应模式 */
    .Normal-banner, .sb-banner, .sub-hero-section {
        aspect-ratio: unset !important;
        height: auto !important;
        min-height: 250px;
        padding: 40px 20px !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .sb-banner { border-width: 0 0 5px 0 !important; } /* 手机端只留底边 */
    
    .nb-content, .sb-content, .sub-hero-overlay {
        margin-left: 0 !important;
        text-align: center !important;
        align-items: center !important;
    }

    .nb-title, .sb-title, .sub-hero-title, .sub-hero-subtitle { font-size: 20px; }
}

/* ============================================================
   定义一个.specs-table的表格类，后续在网页上添加表格即可引用这个表格的格式 
   ============================================================ */
/* Table Style */
.specs-table { 
    width: 100%; 
    border-collapse: collapse; 
    margin: 40px 0; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 统一设置表头和单元格的内边距、边框和对齐方式 */
.specs-table th, .specs-table td { 
    padding: 15px; 
    border: 1px solid #ddd; 
    text-align: left; 
}

/* 【已修改】表头样式：背景色改为米杏色，文字改为深色 */
.specs-table th { 
    background-color: #F1E7DE; 
    color: #333; 
    font-weight: 700; /* 加粗表头文字，使其更醒目 */
}

/* 表格斑马纹：让偶数行显示浅灰色底，方便阅读 */
.specs-table tr:nth-child(even) { 
    background-color: #f2f2f2; 
}/* End custom CSS */