.elementor-142 .elementor-element.elementor-element-3c0fa73{--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-142 .elementor-element.elementor-element-b2aa6e1{padding:20px 0px 10px 0px;}.elementor-142 .elementor-element.elementor-element-b2aa6e1 .woocommerce-breadcrumb{font-size:14px;font-weight:500;}.elementor-142 .elementor-element.elementor-element-391aab0{--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 50px;--row-gap:0px;--column-gap:50px;}.elementor-142 .elementor-element.elementor-element-881fd11{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-142 .elementor-element.elementor-element-7a0a27a .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-142 .elementor-element.elementor-element-7a0a27a .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-142 .elementor-element.elementor-element-7a0a27a{--image-border-width:0px;--image-border-radius:0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-142 .elementor-element.elementor-element-e89eb62{--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:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E0E0E0;--border-color:#E0E0E0;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-142 .elementor-element.elementor-element-e89eb62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .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-142 .elementor-element.elementor-element-ace2697 .elementor-button{background-color:#006554;border-radius:10px 10px 0px 0px;}.elementor-142 .elementor-element.elementor-element-ace2697 .elementor-button-content-wrapper{flex-direction:row;}.elementor-142 .elementor-element.elementor-element-057826d{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-142 .elementor-element.elementor-element-0340b7d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:26px;font-weight:600;line-height:31px;}.woocommerce .elementor-142 .elementor-element.elementor-element-794f342 .star-rating{color:#FF7F13;}.woocommerce .elementor-142 .elementor-element.elementor-element-794f342 .star-rating::before{color:#FF7F13;}.woocommerce .elementor-142 .elementor-element.elementor-element-794f342 .woocommerce-review-link{color:#A7A7A7;font-size:11px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-142 .elementor-element.elementor-element-6b491a1{--divider-border-style:solid;--divider-color:#CCCCCC;--divider-border-width:1px;}.elementor-142 .elementor-element.elementor-element-6b491a1 .elementor-divider-separator{width:100%;}.elementor-142 .elementor-element.elementor-element-6b491a1 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.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-142 .elementor-element.elementor-element-f54177d .price{color:#7A7A7A;font-family:"Arial", Sans-serif;font-size:20px;font-weight:400;text-decoration:none;}.woocommerce .elementor-142 .elementor-element.elementor-element-f54177d .price ins{color:var( --e-global-color-primary );font-size:26px;text-decoration:none;}body:not(.rtl) .elementor-142 .elementor-element.elementor-element-f54177d:not(.elementor-product-price-block-yes) del{margin-right:0px;}body.rtl .elementor-142 .elementor-element.elementor-element-f54177d:not(.elementor-product-price-block-yes) del{margin-left:0px;}.elementor-142 .elementor-element.elementor-element-f54177d.elementor-product-price-block-yes del{margin-bottom:0px;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-142 .elementor-element.elementor-element-b73ec38:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(10px/2);}.elementor-142 .elementor-element.elementor-element-b73ec38:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(10px/2);}.elementor-142 .elementor-element.elementor-element-b73ec38.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-142 .elementor-element.elementor-element-b73ec38.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body:not(.rtl) .elementor-142 .elementor-element.elementor-element-b73ec38.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-10px/2) + (-1px/2) );}body:not.rtl .elementor-142 .elementor-element.elementor-element-b73ec38.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-10px/2) - (1px/2) );}.elementor-142 .elementor-element.elementor-element-b73ec38{font-size:14px;}.elementor-142 .elementor-element.elementor-element-b73ec38 a{font-size:14px;color:var( --e-global-color-accent );}.elementor-142 .elementor-element.elementor-element-c61091d{--divider-border-style:solid;--divider-color:#CCCCCC;--divider-border-width:1px;}.elementor-142 .elementor-element.elementor-element-c61091d .elementor-divider-separator{width:100%;}.elementor-142 .elementor-element.elementor-element-c61091d .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.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-142 .elementor-element.elementor-element-de236ba .cart button, .elementor-142 .elementor-element.elementor-element-de236ba .cart .button{transition:all 0.2s;}.elementor-142 .elementor-element.elementor-element-de236ba{--view-cart-spacing:0px;--button-spacing:0px;}.elementor-142 .elementor-element.elementor-element-de236ba .quantity .qty{transition:all 0.2s;}.elementor-142 .elementor-element.elementor-element-7916210{--display:flex;}.elementor-142 .elementor-element.elementor-element-a5d68c8{--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-142 .elementor-element.elementor-element-c8f3681{--n-accordion-title-font-size:15px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-142 .elementor-element.elementor-element-c8f3681 > .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:uppercase;}.elementor-142 .elementor-element.elementor-element-bbccdde{--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-142 .elementor-element.elementor-element-09b9b78{--display:flex;}@media(min-width:768px){.elementor-142 .elementor-element.elementor-element-3c0fa73{--width:1600px;}.elementor-142 .elementor-element.elementor-element-391aab0{--width:1600px;}.elementor-142 .elementor-element.elementor-element-881fd11{--width:70%;}.elementor-142 .elementor-element.elementor-element-e89eb62{--width:28.852%;}.elementor-142 .elementor-element.elementor-element-bbccdde{--width:1600px;}}/* Start custom CSS for gallery, class: .elementor-element-7a0a27a *//* 2. 针对背景图节点进行修正 (关键部分) */ .elementor-142 .elementor-element.elementor-element-7a0a27a .e-gallery-image { /* 核心：将背景图显示方式从 cover 改为 contain */ background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-rating, class: .elementor-element-794f342 *//* 1. 调整星星容器的间距和总宽度 */ .star-rating { letter-spacing: 2px !important; /* 【关键】调整这个数值，越大间距越稀疏 */ width: 6.2em !important; /* 【重要】间距变大后，必须调大总宽度，否则星星会换行 */ overflow: hidden !important; white-space: nowrap !important; display: inline-block !important; } /* 2. 确保底层的空心星星也有同样的间距 */ .star-rating::before { letter-spacing: 3px !important; /* 必须与上面的数值一致 */ } /* 3. 确保上层的高亮星星也有同样的间距，否则黄色和灰色对不齐 */ .star-rating span::before { letter-spacing: 3px !important; /* 必须与上面的数值一致 */ } /* 4. 调整星星的大小（可选） */ .star-rating, .star-rating span { font-size: 16px !important; /* 如果觉得星星太小，可以调整这里 */ }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-de236ba *//* 4. 加入购物车按钮 (Add to Cart) - 还原深绿色 */ .single_add_to_cart_button { width: 100% !important; max-width: 400px; background-color: #2a614e !important; /* 深绿色 */ color: #ffffff !important; height: 55px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 6px !important; border: none !important; margin-top: 15px !important; cursor: pointer; display: block !important; } /* 5. 立即购买按钮 (Buy Now) - 还原深绿色样式 */ /* 注意：这里同时兼容了你插件的类名 wc-buy-now-btn */ .wc-buy-now-btn, button[name="wc-quick-buy-now"] { width: 100% !important; max-width: 400px; background-color: #ffffff !important; /* 保持白底绿字或者改为绿底白字 */ color: #2a614e !important; border: 2px solid #2a614e !important; height: 55px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 6px !important; margin-top: 15px !important; cursor: pointer; display: block !important; } /* 悬停效果 */ .single_add_to_cart_button:hover { background-color: #1e493b !important; color: #fff !important; } /* 移除原生箭头 */ .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity input[type=number] { -moz-appearance: textfield; } /* 1. 容器排版 */ .quantity { display: flex !important; align-items: center !important; position: relative !important; padding-top: 25px !important; /* 给上方标签留空间 */ width: 100% !important; max-width: 400px; } /* 2. 外部标签 "QUANTITY:" */ .quantity::before { content: "QUANTITY:"; position: absolute; top: 0; left: 0; font-size: 13px; font-weight: 900; color: #000; } /* 3. 统一输入框和加减按钮的公共样式 */ .quantity .qty-btn, .quantity input.qty { height: 50px !important; border: 1px solid #777 !important; /* 边框颜色 */ background-color: #fff !important; margin: 0 !important; box-sizing: border-box !important; display: flex !important; align-items: center; justify-content: center; } /* 4. 加减按钮样式 */ .quantity .qty-btn { width: 60px !important; /* 按钮宽度 */ cursor: pointer; font-weight: bold; font-size: 16px; color: #000; z-index: 2; } .quantity .minus-btn { border-right: none !important; /* 移除中间重叠的边线 */ border-radius: 6px 0 0 6px !important; } .quantity .plus-btn { border-left: none !important; /* 移除中间重叠的边线 */ border-radius: 0 6px 6px 0 !important; } /* 5. 中间输入框样式 */ .quantity input.qty { flex: 1 !important; /* 占据中间剩余空间 */ width: 50px !important; /* 给个基础宽度 */ text-align: center !important; font-size: 16px !important; font-weight: bold !important; border-radius: 0 !important; } /* 隐藏自带的上下小箭头 */ .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity input[type=number] { -moz-appearance: textfield; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-81f0bfa *//* ========================================================= 1. 优化顶部 Tab 选项卡导航 (对应截图中的 ul.tabs.wc-tabs) ========================================================= */ .woocommerce-tabs ul.wc-tabs { display: flex; flex-wrap: wrap; gap: 30px; /* 选项卡之间的间距 */ padding: 0 !important; font-size: 15px; } /* 重置每个选项卡的默认背景和边框 */ .woocommerce-tabs ul.wc-tabs li { list-style: none !important; border: none !important; background: transparent !important; margin: 0 !important; padding: 0 0 12px 0 !important; position: relative; /* 为下划线动画做准备 */ } /* 选项卡文字样式 */ .woocommerce-tabs ul.wc-tabs li a { font-weight: 600; color: #9CA3AF; /* 未选中时的浅灰色 */ text-transform: uppercase; /* 字母大写，显得更国际化 */ letter-spacing: 0.5px; transition: all 0.3s ease; box-shadow: none !important; } /* 选中状态 (Active) 或悬停时的样式 */ .woocommerce-tabs ul.wc-tabs li.active a, .woocommerce-tabs ul.wc-tabs li a:hover { color: #111827; /* 选中时的颜色：深黑色 */ } /* 添加选中时的底部纯黑下划线 */ .woocommerce-tabs ul.wc-tabs li.active::after { content: ''; position: absolute; bottom: -1px; /* 刚好覆盖住 ul 的浅灰底线 */ left: 0; width: 100%; height: 2px; background-color: #111827; } /* ========================================================= 2. 优化 Tab 内部的内容排版 (对应截图中的 woocommerce-Tabs-panel) ========================================================= */ .woocommerce-tabs .woocommerce-Tabs-panel { font-size: 14px; color: #4B5563; /* 舒适的深灰正文色 */ line-height: 1.8; /* 增大行高，提升阅读体验 */ animation: tabFadeIn 0.4s ease-out; /* 切换时的淡入动画 */ } /* 隐藏默认多余的 "

描述

" 标题 (因为 Tab 上已经写了 Description) */ .woocommerce-tabs .woocommerce-Tabs-panel h2:first-of-type { display: none; } /* 优化你截图里的

标题 (如 PRODUCT FEATURES, TECHNOLOGY) */ .woocommerce-tabs .woocommerce-Tabs-panel h4 { font-size: 14px; font-weight: 700; color: #111827; margin-top: 30px; /* 标题上方留白 */ margin-bottom: 12px; /* 标题下方留白 */ position: relative; padding-left: 12px; } /* 给

添加一个左侧的小竖线点缀，显得更专业 */ .woocommerce-tabs .woocommerce-Tabs-panel h4::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 14px; background-color: #111827; /* 竖线颜色 */ } /* 优化你截图里的