.elementor-40 .elementor-element.elementor-element-3faf7e1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40 .elementor-element.elementor-element-3faf7e1:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-3faf7e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FBFB;}.elementor-40 .elementor-element.elementor-element-04cd5b7{--display:flex;}.elementor-40 .elementor-element.elementor-element-04cd5b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-eb1a11c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-40 .elementor-element.elementor-element-eb1a11c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40 .elementor-element.elementor-element-eafb35a .elementor-heading-title{color:#000000;}.elementor-40 .elementor-element.elementor-element-beff5f7 .elementor-button{background-color:#029A9B;}.elementor-40 .elementor-element.elementor-element-0ac5c33{--spacer-size:50px;}.elementor-40 .elementor-element.elementor-element-4f7f285{--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;}.elementor-40 .elementor-element.elementor-element-218aab2{--display:flex;}.elementor-40 .elementor-element.elementor-element-d5dc9fa{--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;}.elementor-40 .elementor-element.elementor-element-874d919{--display:flex;}.elementor-40 .elementor-element.elementor-element-6b2dc85{--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;}.elementor-40 .elementor-element.elementor-element-c5f5fc2{--display:flex;}.elementor-40 .elementor-element.elementor-element-648e9cd{--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;}.elementor-40 .elementor-element.elementor-element-3109279{--display:flex;}.elementor-40 .elementor-element.elementor-element-f91d6e4{--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;}.elementor-40 .elementor-element.elementor-element-b5b941f{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:22px 22px 22px 22px;--n-tabs-title-color:#000000;}.elementor-40 .elementor-element.elementor-element-b5b941f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-b5b941f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#ECF7F7;}.elementor-40 .elementor-element.elementor-element-b5b941f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-40 .elementor-element.elementor-element-b5b941f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#019A9B;}:where( .elementor-40 .elementor-element.elementor-element-b5b941f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;--border-radius:22px 22px 22px 22px;}.elementor-40 .elementor-element.elementor-element-b5b941f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#E0E0E0;}.elementor-40 .elementor-element.elementor-element-b5b941f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-40 .elementor-element.elementor-element-964476b{--display:flex;}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-eb1a11c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-3faf7e1{--content-width:1140px;}.elementor-40 .elementor-element.elementor-element-04cd5b7{--width:47%;}.elementor-40 .elementor-element.elementor-element-eb1a11c{--width:52%;}.elementor-40 .elementor-element.elementor-element-4f7f285{--content-width:1130px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-b63c534 *//* =========================================
   暴力覆盖版：强制左侧竖排缩略图 (解决缩略图巨大爆炸问题)
========================================= */

/* 1. 重构主框架，强制水平反向排布 */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important; /* 绝对禁止换行 */
    gap: 20px !important; /* 主图与缩略图之间的呼吸间距 */
    opacity: 1 !important; 
}

/* 2. 右侧主图区 (自适应占据剩余的全部空间) */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-viewport {
    flex: 1 !important; /* 自动撑满剩余空间 */
    width: auto !important; /* 废掉原生的固定比例 */
    float: none !important; 
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #f5f5f5 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
}

/* 3. 左侧缩略图容器 (核心修复：下达绝对安全宽度死命令) */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    width: 85px !important; /* 强制锁定宽度为 85px，防止 JS 算错撑爆 */
    flex-shrink: 0 !important; /* 绝对不允许被压缩 */
    float: none !important; 
    display: flex !important;
    flex-direction: column !important; /* 强制竖向 */
    gap: 12px !important; /* 缩略图之间的上下间距 */
    padding: 0 !important;
    margin: 0 !important; 
}

/* 4. 单个缩略图外框 (强杀内联的宽度和浮动限制) */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    width: 100% !important; /* 占满 85px 容器 */
    float: none !important; 
    margin: 0 !important; 
    padding: 0 !important;
    clear: both !important;
    display: block !important;
}

/* 5. 缩略图图片本体 (剥夺绝对定位，强制 100% 自适应) */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important; /* 强制自适应高度，绝不能让JS定死高度 */
    display: block !important;
    position: static !important; /* 核心修复：杀掉JS可能添加的 absolute 绝对定位 */
    border-radius: 6px !important; /* 小圆角 */
    border: 2px solid transparent !important; /* 占位防抖 */
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    opacity: 0.6 !important; /* 未选中暗化 */
    cursor: pointer !important;
    margin: 0 !important;
}

/* 6. 悬停与选中状态 (品牌依科赛绿) */
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img:hover,
.elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
    border-color: #029A9B !important;
    opacity: 1 !important;
}

/* =========================================
   7. 手机端极窄屏幕保护：自动恢复到底部横排
========================================= */
@media (max-width: 768px) {
    .elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery {
        flex-direction: column !important; /* 恢复上下结构 */
        gap: 15px !important;
    }
    
    .elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-viewport,
    .elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
        width: 100% !important; /* 全宽铺满 */
        margin: 0 !important;
    }
    
    .elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
        flex-direction: row !important; /* 恢复横向排布 */
        flex-wrap: wrap !important; /* 允许换行 */
        gap: 10px !important; /* 手机端缩略图间距 */
    }
    
    .elementor-40 .elementor-element.elementor-element-b63c534 .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
        width: calc(25% - 7.5px) !important; /* 手机端一排四个 */
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-4b96024 *//* =========================================
   仅针对当前 Product Content 模块里的表格生效
   (当前版本：精致小字号 + 定制青色斑马纹 + 移动端自适应滑动)
========================================= */

/* 1. 给表格加上圆角外框和微阴影 */
.elementor-40 .elementor-element.elementor-element-4b96024 table {
    width: 100% !important;
    border-collapse: separate !important; 
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important; 
    border: 1px solid #eaeaea !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}

/* 2. 表头设计 (第一行：保持品牌绿底白字) */
.elementor-40 .elementor-element.elementor-element-4b96024 table thead th,
.elementor-40 .elementor-element.elementor-element-4b96024 table tr:first-child th,
.elementor-40 .elementor-element.elementor-element-4b96024 table tr:first-child td {
    background-color: #029A9B !important; 
    color: #ffffff !important;
    font-size: 14px !important; 
    font-weight: bold !important;
    text-align: left !important;
    padding: 14px 20px !important; 
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 3. 单元格精细内边距与柔和横线 */
.elementor-40 .elementor-element.elementor-element-4b96024 table td,
.elementor-40 .elementor-element.elementor-element-4b96024 table th {
    padding: 12px 20px !important; 
    border-bottom: 1px solid #f0f0f0 !important; 
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
    color: #444444 !important;
    font-size: 13px !important; 
    line-height: 1.5 !important;
}

/* 4. 定制高级品牌色斑马纹 (Zebra Striping) */
/* 偶数行 (第 2、4、6 行...) -> 纯白 */
.elementor-40 .elementor-element.elementor-element-4b96024 table tbody tr:nth-child(even) {
    background-color: #ffffff !important; 
}

/* 奇数行 (第 3、5、7 行...) -> 极浅青色呼应品牌主色 */
.elementor-40 .elementor-element.elementor-element-4b96024 table tbody tr:nth-child(odd) {
    background-color: #ECF7F7 !important; 
}

/* 5. 移除最后一行边框线，防止与圆角外框重叠变粗 */
.elementor-40 .elementor-element.elementor-element-4b96024 table tr:last-child td,
.elementor-40 .elementor-element.elementor-element-4b96024 table tr:last-child th {
    border-bottom: none !important;
}

/* 6. 表格内部超链接色彩呼应 (绿转橙) */
.elementor-40 .elementor-element.elementor-element-4b96024 table a {
    color: #029A9B !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
.elementor-40 .elementor-element.elementor-element-4b96024 table a:hover {
    color: #FF9C00 !important;
}

/* =========================================
   🔥 7. 移动端 (手机端) 专属适配保护
========================================= */
@media (max-width: 768px) {
    /* 将表格转换为块级元素并开启横向滑动，拒绝内容变形挤压 */
    .elementor-40 .elementor-element.elementor-element-4b96024 table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important; /* 让 iOS 设备的滑动更加丝滑 */
        border-radius: 8px !important; /* 手机端稍微减小整体圆角 */
    }

    /* 手机端：表头进一步压缩字号和留白，且强制不换行 */
    .elementor-40 .elementor-element.elementor-element-4b96024 table thead th,
    .elementor-40 .elementor-element.elementor-element-4b96024 table tr:first-child th,
    .elementor-40 .elementor-element.elementor-element-4b96024 table tr:first-child td {
        font-size: 13px !important; 
        padding: 10px 12px !important;
        white-space: nowrap !important; /* 确保表头名称在一行显示干净 */
    }

    /* 手机端：数据单元格缩小留白，并设置最小宽度防止无限挤压 */
    .elementor-40 .elementor-element.elementor-element-4b96024 table td,
    .elementor-40 .elementor-element.elementor-element-4b96024 table th {
        font-size: 12px !important; 
        padding: 10px 12px !important;
        min-width: 110px !important; /* 设置安全阀宽度，确保内容可读 */
        word-break: break-word !important;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-b5b941f *//* =========================================
   Tabs 标签页模块美化：极简独立块状结构 (颜色交由 Elementor 控制)
========================================= */

/* 1. 核心容器整体间距微调，并增加阴影悬浮卡片效果 */
.elementor-40 .elementor-element.elementor-element-b5b941f .woocommerce-tabs,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tabs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    padding: 30px !important; 
    background-color: #ffffff !important; 
}

/* 2. Tab 导航栏重构：去除底线，改为纯净的 Flex 布局 */
.elementor-40 .elementor-element.elementor-element-b5b941f ul.wc-tabs,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tabs-wrapper {
    display: flex !important;
    flex-wrap: wrap !important; 
    gap: 12px !important; 
    border: none !important; 
    padding: 0 !important;
    margin-bottom: 30px !important;
    list-style: none !important;
    background: transparent !important;
}

/* 3. 标签块基础外框重置 */
.elementor-40 .elementor-element.elementor-element-b5b941f ul.wc-tabs li,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-title {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Tab 默认状态结构 */
.elementor-40 .elementor-element.elementor-element-b5b941f ul.wc-tabs li a,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-title a,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-title {
    display: block !important;
    padding: 12px 24px !important; 
    font-size: 15px !important; 
    font-weight: 700 !important; 
    border-radius: 6px !important; 
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* =========================================
   保留区域：下方内容面板、表格与 Reviews 评论区的高级样式
========================================= */

/* 5. 下方详细内容面板排版 */
.elementor-40 .elementor-element.elementor-element-b5b941f .woocommerce-Tabs-panel,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-content {
    padding: 10px 5px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    border: none !important;
}

/* 6. Reviews 原生表单深度美化 */
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="text"],
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="email"],
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper textarea {
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    padding: 12px !important;
    background-color: #fbfbfb !important;
    font-size: 14px !important;
}
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="text"]:focus,
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="email"]:focus,
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper textarea:focus {
    border-color: #029A9B !important;
    outline: none !important;
}
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="submit"] {
    background-color: #029A9B !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 12px 35px !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(2, 154, 155, 0.2) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    margin-top: 10px !important;
}
.elementor-40 .elementor-element.elementor-element-b5b941f #review_form_wrapper input[type="submit"]:hover {
    background-color: #027a7b !important; 
    box-shadow: 0 6px 15px rgba(2, 122, 123, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* =========================================
   7. 表格 (Table) 深度美化：增加行悬停变色效果
========================================= */
.elementor-40 .elementor-element.elementor-element-b5b941f .woocommerce-Tabs-panel table tbody tr,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-content table tbody tr {
    transition: background-color 0.3s ease !important;
}
.elementor-40 .elementor-element.elementor-element-b5b941f .woocommerce-Tabs-panel table tbody tr:hover,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-content table tbody tr:hover {
    background-color: #f5f5f5 !important; 
}
.elementor-40 .elementor-element.elementor-element-b5b941f .woocommerce-Tabs-panel table tbody tr:hover td,
.elementor-40 .elementor-element.elementor-element-b5b941f .elementor-tab-content table tbody tr:hover td {
    background-color: transparent !important;
}


/* =========================================
   FAQ 互动手风琴样式 (HTML5 details 标签深度美化)
   (完全保持原版一致)
========================================= */

.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-wrapper {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px; /* 每个问题之间的间距 */
}

/* 基础卡片样式 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-item {
    border: 1px solid #eeeeee;
    border-radius: 6px;
    background-color: #ffffff;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 悬停时的轻微阴影 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    border-color: #dddddd;
}

/* 问题标题栏 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-question {
    padding: 16px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    background-color: #f9fafb;
    cursor: pointer;
    list-style: none; /* 隐藏系统默认的丑陋黑三角 */
    position: relative;
    transition: all 0.3s ease;
    margin: 0;
}

/* 隐藏 Safari 浏览器的默认标记 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-question::-webkit-details-marker {
    display: none; 
}

/* 自定义右侧的加号 [+] 图标 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: normal;
    color: #029A9B; /* 依科赛绿 */
    transition: transform 0.3s ease;
}

/* --- 展开后的互动状态 (Open State) --- */

/* 展开时：标题栏变为主色，文字变白 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-item[open] .gt-faq-question {
    background-color: #029A9B;
    color: #ffffff;
}

/* 展开时：加号变成减号 [-] 并旋转，颜色变白 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-item[open] .gt-faq-question::after {
    content: '-';
    color: #ffffff;
    transform: translateY(-50%) rotate(180deg);
}

/* 答案内容区 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-answer {
    padding: 20px;
    color: #555555;
    font-size: 14px;
    line-height: 1.6;
    border-top: 1px solid #eeeeee;
    background-color: #ffffff;
    animation: faq-fade-in 0.3s ease-in-out; /* 展开时的淡入动画 */
}

/* 保证答案里的段落没有多余的底边距 */
.elementor-40 .elementor-element.elementor-element-b5b941f .gt-faq-answer p {
    margin-bottom: 0;
}

/* 简单的淡入动画关键帧 */
@keyframes faq-fade-in {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */