.elementor-256 .elementor-element.elementor-element-f49ac1d{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-2f5073c{--display:flex;--justify-content:center;}.elementor-256 .elementor-element.elementor-element-8b72b41 .woocommerce-breadcrumb{color:var( --e-global-color-secondary );font-size:12px;font-weight:600;}.elementor-256 .elementor-element.elementor-element-8b72b41 .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-c686d2c{--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 13px;--row-gap:0px;--column-gap:13px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-71616c5{--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-256 .elementor-element.elementor-element-27a116f{--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;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-256 .elementor-element.elementor-element-27a116f:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-27a116f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-woocommerce-product-title .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-256 .elementor-element.elementor-element-0a10202 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:20px;font-weight:600;}.woocommerce .elementor-256 .elementor-element.elementor-element-9e96c91 .woocommerce-review-link{color:var( --e-global-color-secondary );font-size:12px;}.woocommerce .elementor-256 .elementor-element.elementor-element-9e96c91 .star-rating{font-size:1em;}.woocommerce:not(.rtl) .elementor-256 .elementor-element.elementor-element-9e96c91 .star-rating{margin-right:0.1em;}.woocommerce.rtl .elementor-256 .elementor-element.elementor-element-9e96c91 .star-rating{margin-left:0.1em;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-256 .elementor-element.elementor-element-d526ab9 .price{color:var( --e-global-color-secondary );font-family:"Arial", Sans-serif;font-size:24px;font-weight:500;text-decoration:none;}.woocommerce .elementor-256 .elementor-element.elementor-element-d526ab9 .price ins{color:var( --e-global-color-primary );font-size:32px;text-decoration:none;}body:not(.rtl) .elementor-256 .elementor-element.elementor-element-d526ab9:not(.elementor-product-price-block-yes) del{margin-right:0px;}body.rtl .elementor-256 .elementor-element.elementor-element-d526ab9:not(.elementor-product-price-block-yes) del{margin-left:0px;}.elementor-256 .elementor-element.elementor-element-d526ab9.elementor-product-price-block-yes del{margin-bottom:0px;}.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-256 .elementor-element.elementor-element-e1abe1c{background-color:#FFF0AD;padding:6px 12px 6px 12px;}.elementor-256 .elementor-element.elementor-element-e1abe1c.elementor-element{--align-self:flex-start;}.elementor-256 .elementor-element.elementor-element-e1abe1c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-256 .elementor-element.elementor-element-64f4e67 .cart button, .elementor-256 .elementor-element.elementor-element-64f4e67 .cart .button{transition:all 0.2s;}.elementor-256 .elementor-element.elementor-element-64f4e67 .quantity .qty{transition:all 0.2s;}.elementor-256 .elementor-element.elementor-element-4de0edb{--display:flex;}.elementor-256 .elementor-element.elementor-element-ad79fca{--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;}.woocommerce .elementor-256 .elementor-element.elementor-element-8e4fac5 .woocommerce-product-details__short-description{color:var( --e-global-color-secondary );font-size:14px;text-transform:capitalize;}.elementor-256 .elementor-element.elementor-element-450d2b3{--display:flex;}.elementor-256 .elementor-element.elementor-element-b886b8e{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;}.woocommerce .elementor-256 .elementor-element.elementor-element-17a1ea3 .woocommerce-review-link{color:var( --e-global-color-secondary );font-size:12px;}.woocommerce .elementor-256 .elementor-element.elementor-element-17a1ea3 .star-rating{font-size:0.9em;}.elementor-256 .elementor-element.elementor-element-09e10b9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;text-transform:capitalize;}.elementor-256 .elementor-element.elementor-element-f1fd75f{--n-accordion-title-font-size:15px;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-256 .elementor-element.elementor-element-f1fd75f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#ECECEC;}:where( .elementor-256 .elementor-element.elementor-element-f1fd75f > .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:600;text-transform:capitalize;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-256 .elementor-element.elementor-element-b9440ff{--grid-columns:3;--grid-row-gap:8px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ECECEC;--grid-column-gap:8px;}.elementor-256 .elementor-element.elementor-element-b5f5cc7{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-256 .elementor-element.elementor-element-be09344{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-256 .elementor-element.elementor-element-be09344:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-be09344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-256:not(.elementor-motion-effects-element-type-background), body.elementor-page-256 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FC;}@media(max-width:1024px){.elementor-256 .elementor-element.elementor-element-b9440ff{--grid-columns:2;--grid-row-gap:6px;--grid-column-gap:6px;}.elementor-256 .elementor-element.elementor-element-b5f5cc7{--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-256 .elementor-element.elementor-element-2f5073c{--content-width:1420px;}.elementor-256 .elementor-element.elementor-element-c686d2c{--content-width:1420px;}.elementor-256 .elementor-element.elementor-element-71616c5{--width:50%;}.elementor-256 .elementor-element.elementor-element-27a116f{--width:50%;}.elementor-256 .elementor-element.elementor-element-b5f5cc7{--content-width:1420px;}.elementor-256 .elementor-element.elementor-element-be09344{--content-width:1420px;}}@media(max-width:767px){.woocommerce .elementor-256 .elementor-element.elementor-element-d526ab9 .price{font-size:22px;}.woocommerce .elementor-256 .elementor-element.elementor-element-d526ab9 .price ins{font-size:28px;}.elementor-256 .elementor-element.elementor-element-b9440ff{--grid-columns:2;--grid-row-gap:6px;--grid-column-gap:6px;}.elementor-256 .elementor-element.elementor-element-b5f5cc7{--padding-top:13px;--padding-bottom:33px;--padding-left:13px;--padding-right:13px;}}/* Start custom CSS for container, class: .elementor-element-2f5073c */.woocommerce-breadcrumb {
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-a459cfb *//* ==========================================================================
   WooCommerce 产品主图美化（左侧垂直缩略图 + 右侧大图）
   ========================================================================== */

/* ----------------------------------------------------
   【电脑端与平板端适配】 (屏幕宽度 >= 768px 触发)
   ---------------------------------------------------- */
@media (min-width: 768px) {
    
    /* 1. 画廊容器：转为 flex 布局并利用 row-reverse 让缩略图靠左 */
    .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: row-reverse !important; /* 核心：倒序排列，把后面的缩略图排到左侧 */
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 16px !important;                    /* 主图与缩略图之间的间距 */
    }

    /* 2. 右侧主图视口美化 */
    .woocommerce-product-gallery .flex-viewport {
        width: calc(100% - 100px) !important;   /* 宽度自动减去左侧缩略图及间距的宽度 */
        flex-grow: 1 !important;
        margin: 0 !important;
        border-radius: 8px !important;          /* 主图圆角，高度还原图二 */
        overflow: hidden !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    }

    /* 3. 左侧缩略图容器垂直排列 */
    .woocommerce-product-gallery .flex-control-thumbs {
        display: flex !important;
        flex-direction: column !important;      /* 垂直向下排列 */
        width: 80px !important;                 /* 缩略图固定宽度，可根据需要微调 */
        gap: 10px !important;                   /* 缩略图彼此之间的上下间距 */
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* 清除缩略图子项默认的浮动定位 */
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* ----------------------------------------------------
   【全设备通用】缩略图本身的美化与高亮样式
   ---------------------------------------------------- */
.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;         /* 强制缩略图保持 1:1 正方形 */
    object-fit: cover !important;
    border-radius: 6px !important;          /* 缩略图圆角 */
    border: 2px solid transparent !important; /* 默认透明边框占位，防止高亮时抖动 */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* 鼠标悬停在缩略图上时 */
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
    opacity: 0.8;
}

/* 激活（当前主图对应）的缩略图边框高亮 */
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: #0f233c !important;       /* 深蓝色高亮外框，高度还原图二 */
    opacity: 1 !important;
}

/* 4. 促销标签（Onsall）绝对定位微调，防止因为 flex 布局变形 */
.woocommerce-product-gallery .onsale {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    z-index: 10 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-9e96c91 *//* 缩减或清除评分条整体的上下边距 */
.woocommerce-product-rating {
    margin-top: 0 !important;
    margin-bottom: 0px !important; /* 也可以设为 0 */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important; /* 缩减行高带来的垂直空白 */
}
/* 1. 调整星星容器的总宽度，防止星星因增加间距而折行或被裁切 */
.woocommerce .star-rating,
.star-rating {
    width: 7em !important; /* 默认通常是 5.4em，间距调大后需要同步调大这个值 */
}

/* 2. 为背景空星星和高亮实星星，同步增加字间距（letter-spacing） */
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before,
.star-rating::before,
.star-rating span::before {
    letter-spacing: 3px !important; /* 星星之间的间距，您可以根据需要调整这个像素值 */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-d526ab9 *//* 彻底去掉 WooCommerce 产品价格的上下边距 */
.woocommerce div.product p.price,
.woocommerce p.price {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-64f4e67 *//* ==========================================================================
   WooCommerce 详情页「数量输入」与「购买按钮」黄金比例美化
   ========================================================================== */

/* 1. 购物车表单整体弹性布局 */
.woocommerce div.product form.cart,
form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 24px 0 !important;
    flex-wrap: wrap !important;
}

/* 2. 数量选择框外壳极简设计 */
.woocommerce form.cart .quantity,
form.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f1f5f9 !important; /* 现代极简浅灰底色 */
    border: 1px solid #e2e8f0 !important; /* 极细浅色边框 */
    border-radius: 8px !important;        /* 微圆角 */
    height: 48px !important;               /* 与按钮严格等高 */
    padding: 0 4px !important;
    margin: 0 !important;
    width: 70px !important;                /* 固定宽度，更加精致 */
    box-sizing: border-box !important;
}

/* 数量输入框内部输入文本样式 */
.woocommerce form.cart .quantity input.qty,
form.cart .quantity input.qty {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;            /* 深暗色高对比度字体 */
    outline: none !important;
    box-shadow: none !important;
}

/* 彻底隐藏 Chrome, Safari, Edge 的原生数字微调箭头 */
.woocommerce form.cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce form.cart .quantity input.qty::-webkit-inner-spin-button,
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
/* 彻底隐藏 Firefox 的原生数字微调箭头 */
.woocommerce form.cart .quantity input.qty[type="number"],
form.cart .quantity input.qty[type="number"] {
    -moz-appearance: textfield !important;
}

/* 3. 统一按钮基础结构样式 */
.woocommerce form.cart .button,
form.cart button[type="submit"] {
    height: 48px !important;               /* 与数量选择框完美等高 */
    width: 40%;
    padding: 0 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;         /* 统一圆角 */
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;  /* 英文大写显得更干练，中文无影响 */
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    /* 缓动过渡动画 */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* 4. 【加入购物车】按钮自定义：高端黑灰色，沉稳高级 */
.woocommerce form.cart .single_add_to_cart_button {
    background-color: #1e293b !important; /* 深石板灰 */
    color: #ffffff !important;
}
.woocommerce form.cart .single_add_to_cart_button:hover {
    background-color: #58D5BF !important; /* 悬浮颜色加深 */
    color: #000 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important; /* 悬浮阴影 */
    transform: translateY(-1px) !important; /* 微弱向上浮动 */
}

/* 5. 【Buy Now】立即购买按钮自定义：主行动点，皇家明亮紫 */
.woocommerce form.cart .wc-buy-now-btn,
form.cart button[name="wc-quick-buy-now"] {
    background-color: #58D5BF !important; /* 皇家紫色 */
    color: #000 !important;
}
.woocommerce form.cart .wc-buy-now-btn:hover,
form.cart button[name="wc-quick-buy-now"]:hover {
    background-color: #7CEACD !important; /* 悬浮颜色加深 */
    box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2) !important; /* 悬浮阴影 */
    transform: translateY(-1px) !important; /* 微弱向上浮动 */
}

/* ==========================================================================
   6. 手机移动端自适应：让购买体验更符合手机端人体工程学
   ========================================================================== */
@media (max-width: 940px) {
    .woocommerce div.product form.cart,
    form.cart {
        gap: 10px !important;
    }
    
    /* 手机端数量选择框宽度稍微调大一些，方便点按修改 */
    .woocommerce form.cart .quantity,
    form.cart .quantity {
        width: 80px !important;
    }
    
    /* 两个按钮自适应等宽、并排铺满手机屏幕宽度 */
    .woocommerce form.cart .button,
    form.cart button[type="submit"] {
        flex: 1 !important;
        padding: 0 10px !important;
        font-size: 14px !important;
    }
}

/* 彻底隐藏加入购物车成功后，按钮旁边的“查看购物车”文字提示 */
.woocommerce a.added_to_cart,
a.added_to_cart.wc-forward {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-f1fd75f *//* ==========================================================================
   Elementor 折叠面板（Accordion / Toggle）文字与图标两端对齐美化
   ========================================================================== */

/* 1. 经典手风琴 (Accordion) 和 切换器 (Toggle) 标题行弹性布局 */
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
    display: flex !important;
    justify-content: space-between !important; /* 两端对齐 */
    align-items: center !important;             /* 垂直居中对齐 */
    width: 100% !important;
}

/* 经典组件：强制文字排在左侧 (Order: 1) */
.elementor-accordion .elementor-tab-title .elementor-accordion-title,
.elementor-toggle .elementor-tab-title .elementor-toggle-title {
    order: 1 !important;
}

/* 经典组件：强制图标容器排在最右侧 (Order: 2) */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon,
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    order: 2 !important;
    margin-left: auto !important; /* 辅助将图标推至最右侧 */
}


/* 2. 新版嵌套手风琴 (Nested Accordion / 使用 Container 容器的手风琴) 适配 */
.e-n-accordion-item > summary {
    display: flex !important;
    justify-content: space-between !important; /* 两端对齐 */
    align-items: center !important;             /* 垂直居中 */
    width: 100% !important;
}

/* 新版组件：强制文字在左 */
.e-n-accordion-item > summary .e-n-accordion-item-title-text {
    order: 1 !important;
}

/* 新版组件：强制图标在最右 */
.e-n-accordion-item > summary .e-n-accordion-item-title-icon {
    order: 2 !important;
    margin-left: auto !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-3ccec89 *//* ==========================================================================
   WooCommerce 详情页「产品选项卡 Tabs」现代极简下划线美化
   ========================================================================== */

/* 1. 选项卡整体容器留白 */
.woocommerce-tabs.wc-tabs-wrapper {
    margin: 10px 0 !important;
    border: none !important;
}

/* 2. 选项卡标题头部（ul 列表）重构 */
.woocommerce-tabs ul.tabs,
ul.tabs.wc-tabs {
    display: flex !important;
    list-style: none !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    background: transparent !important; /* 去除默认灰色背景 */
    border: none !important;
    border-bottom: 2px solid #f1f5f9 !important; /* 优雅的底边轨道线 */
    gap: 32px !important; /* 各个 Tab 之间的间距 */
}

/* 去除原生 Tab 列表项的多余边框与阴影 */
.woocommerce-tabs ul.tabs li,
ul.tabs.wc-tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px 0 !important; /* 文字与下方轨道线的间距 */
    position: relative !important;
    box-shadow: none !important;
}

/* 3. 选项卡文字样式 */
.woocommerce-tabs ul.tabs li a,
ul.tabs.wc-tabs li a {
    color: #64748b !important; /* 默认：高级冷灰色 */
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 0 !important;
    transition: color 0.25s ease !important;
}

/* 4. 激活/选中状态的文字样式（高亮为紫色） */
.woocommerce-tabs ul.tabs li.active a,
ul.tabs.wc-tabs li.active a {
    color: #7c3aed !important; /* 选中的皇家紫，与 Buy Now 按钮呼应 */
}

/* 5. 鼠标移入（Hover）时的文字颜色加深 */
.woocommerce-tabs ul.tabs li:hover a,
ul.tabs.wc-tabs li:hover a {
    color: #0f172a !important; /* 移入变为深藏青/黑色 */
}

/* 6. 使用伪元素绘制平滑的滑动/高亮下划线 */
.woocommerce-tabs ul.tabs li::after,
ul.tabs.wc-tabs li::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important; /* 刚好压在底边轨道线上 */
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: transparent !important;
    transition: background-color 0.25s ease !important;
}

/* 激活状态下划线着色 */
.woocommerce-tabs ul.tabs li.active::after,
ul.tabs.wc-tabs li.active::after {
    background-color: #7c3aed !important; /* 选中的皇家紫下划线 */
}

/* 鼠标移入时未激活的选项卡也会隐现一条淡灰色线 */
.woocommerce-tabs ul.tabs li:hover::after,
ul.tabs.wc-tabs li:hover::after {
    background-color: #cbd5e1 !important; 
}
.woocommerce-tabs ul.tabs li.active:hover::after,
ul.tabs.wc-tabs li.active:hover::after {
    background-color: #7c3aed !important; /* 激活状态保持紫色 */
}

/* ==========================================================================
   3. 选项卡下方“内容面板”美化
   ========================================================================== */
.woocommerce-Tabs-panel {
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #334155 !important; /* 柔和的内容文本色 */
}

/* 
   核心优化：隐藏选项卡内容里重复且巨大的 H2 标题 
   （如：点击“Description”后，内容开头又大字写了一遍“Description”的问题）
*/
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel > h2:first-of-type {
    display: none !important;
}/* End custom CSS */