.elementor-115 .elementor-element.elementor-element-b8c2c26{--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 35px;--row-gap:0px;--column-gap:35px;}.elementor-115 .elementor-element.elementor-element-f0387b4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-115 .elementor-element.elementor-element-a5c1cf4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-115 .elementor-element.elementor-element-70f4c95 .gallery-item{padding:0 20px 20px 0;}.elementor-115 .elementor-element.elementor-element-70f4c95 .gallery{margin:0 -20px -20px 0;}.elementor-115 .elementor-element.elementor-element-70f4c95 .gallery-item .gallery-caption{text-align:center;}.elementor-115 .elementor-element.elementor-element-befe0cf{--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:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-115 .elementor-element.elementor-element-38ca9a2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:12px;font-weight:900;text-transform:uppercase;color:#AE9E85;}.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-115 .elementor-element.elementor-element-2d8bb3b .elementor-heading-title{font-family:"Alumni Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;line-height:26px;}.woocommerce .elementor-115 .elementor-element.elementor-element-abfc60e .star-rating{color:var( --e-global-color-primary );font-size:0.8em;}.woocommerce .elementor-115 .elementor-element.elementor-element-abfc60e .star-rating::before{color:var( --e-global-color-text );}.woocommerce .elementor-115 .elementor-element.elementor-element-abfc60e .woocommerce-review-link{color:var( --e-global-color-primary );font-size:11px;}.woocommerce:not(.rtl) .elementor-115 .elementor-element.elementor-element-abfc60e .star-rating{margin-right:0.1em;}.woocommerce.rtl .elementor-115 .elementor-element.elementor-element-abfc60e .star-rating{margin-left:0.1em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-115 .elementor-element.elementor-element-220179f{font-family:"Abyssinica SIL", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;line-height:22px;color:var( --e-global-color-secondary );}.elementor-115 .elementor-element.elementor-element-220179f p{margin-bottom:0px;}.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-115 .elementor-element.elementor-element-779e074{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-115 .elementor-element.elementor-element-779e074 .elementor-divider-separator{width:100%;}.elementor-115 .elementor-element.elementor-element-779e074 .elementor-divider{padding-block-start:12px;padding-block-end:12px;}.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-115 .elementor-element.elementor-element-549460d .price{color:var( --e-global-color-text );font-family:"Arial", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;}.woocommerce .elementor-115 .elementor-element.elementor-element-549460d .price ins{color:var( --e-global-color-primary );font-size:24px;text-decoration:none;}.elementor-115 .elementor-element.elementor-element-1f54833 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#109E3C;}.woocommerce .elementor-115 .elementor-element.elementor-element-d958b09 .woocommerce-product-details__short-description{color:var( --e-global-color-primary );font-size:14px;}.elementor-115 .elementor-element.elementor-element-0c18750{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-115 .elementor-element.elementor-element-0c18750 .elementor-divider-separator{width:100%;}.elementor-115 .elementor-element.elementor-element-0c18750 .elementor-divider{padding-block-start:12px;padding-block-end:12px;}.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-115 .elementor-element.elementor-element-0a18b51 .cart button, .elementor-115 .elementor-element.elementor-element-0a18b51 .cart .button{transition:all 0.2s;}.elementor-115 .elementor-element.elementor-element-0a18b51 .quantity .qty{transition:all 0.2s;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(13px/2);}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(13px/2);}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(13px/2);margin-left:calc(13px/2);}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-13px/2);margin-left:calc(-13px/2);}body.rtl .elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-13px/2);}body:not(.rtl) .elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-13px/2);}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-115 .elementor-element.elementor-element-5734b1d{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;font-size:13px;font-weight:500;}.elementor-115 .elementor-element.elementor-element-5734b1d .elementor-icon-list-text{transition:color 0.3s;}.elementor-115 .elementor-element.elementor-element-d6e9312{--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-115 .elementor-element.elementor-element-dd91040{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-bf7ee19{--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-115 .elementor-element.elementor-element-6c7ec69{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{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 );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .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 );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product{text-align:center;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:9px;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Abhaya Libre", Sans-serif;font-size:18px;font-weight:600;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-primary );margin-bottom:11px;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .star-rating::before{color:var( --e-global-color-secondary );}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price{color:#202020;font-family:"Arial", Sans-serif;font-size:18px;font-weight:400;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price ins{color:#202020;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price ins .amount{color:#202020;}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products li.product .price del {font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;}@media(min-width:768px){.elementor-115 .elementor-element.elementor-element-b8c2c26{--content-width:1200px;}.elementor-115 .elementor-element.elementor-element-f0387b4{--width:65%;}.elementor-115 .elementor-element.elementor-element-befe0cf{--width:35%;}.elementor-115 .elementor-element.elementor-element-d6e9312{--content-width:1200px;}.elementor-115 .elementor-element.elementor-element-bf7ee19{--content-width:1200px;}}@media(max-width:1024px){.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-115 .elementor-element.elementor-element-be96a77.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for image, class: .elementor-element-de3cd02 *//* 针对特定图片组件 (ID: de3cd02) 强制锁定 1:1 比例并等比例放大 */ .elementor-element-de3cd02 img { width: 100% !important; aspect-ratio: 1 / 1 !important; /* 👈 强制图片比例为 1:1 正方形 */ object-fit: cover !important; /* 👈 关键：等比例放大并填满正方形，裁剪多余部分，确保完全不变形 */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6f29aac */.elementor-115 .elementor-element.elementor-element-6f29aac .elementor-custom-sales-count { color: #e63946 !important; /* 修改为您心仪的颜色 */ font-size: 14px !important; /* 修改字号 */ font-family: inherit; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-549460d */.price { margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-d958b09 *//* 保留圆点，但大幅缩减左侧间距 */ .woocommerce-product-details__short-description ul.uc-list { padding-left: 15px !important; /* 👈 15px 是容纳圆点所需的最小安全间距，可根据需要微调 */ margin-left: 0 !important; list-style-position: outside !important; } .woocommerce-product-details__short-description ul.uc-list li { margin-left: 0 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-0a18b51 *//* ========================================== Elementor 产品页“购买区域”深度美化 ========================================== */ /* 1. 强制表单容器为 Flex 垂直排列，并消除浮动造成的错位 */ .elementor-add-to-cart form.cart { display: flex !important; flex-direction: column !important; gap: 12px !important; /* 数量行与 Buy Now 之间的间距 */ width: 100% !important; max-width: 380px !important; /* 限制最大宽度，防止大屏下按钮过宽 */ } .elementor-add-to-cart .quantity .qty { width: 100% !important; height: 100% !important; border: 1.5px solid #e4e4e7 !important; /* 浅灰色边框 */ border-radius: 0px !important; /* 圆角归一 */ text-align: center !important; font-size: 16px !important; font-weight: 600 !important; color: #242424 !important; background-color: #ffffff !important; outline: none !important; box-sizing: border-box !important; transition: border-color 0.2s ease; } /* 4. “加入购物车”按钮样式 —— 极简质感线框 */ .elementor-add-to-cart .single_add_to_cart_button { flex-grow: 1 !important; /* 自动撑满剩余空间 */ height: 46px !important; /* 统一高度 */ line-height: 43px !important; /* 垂直居中文字（扣除1.5px的双边框高度） */ padding: 0 !important; margin: 10 !important; border-radius: 0px !important; background-color: #000 !important; color: #fff !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer; box-sizing: border-box !important; transition: all 0.2s ease-in-out; } .elementor-add-to-cart .single_add_to_cart_button:hover { background-color: #202020 !important; /* 悬停时带极轻微灰色背景 */ color: #fff !important; } /* 5. “Buy Now” 立即购买按钮 —— 主色填充（推荐深色或品牌色） */ .elementor-add-to-cart .wc-buy-now-btn { width: 100% !important; /* 独占整行 */ height: 46px !important; /* 统一高度 */ line-height: 46px !important; padding: 0 !important; margin: 0 !important; background-color: #5433EB !important; /* 深灰色填充（若需要品牌绿色可替换为 #15803d） */ color: #ffffff !important; border: none !important; border-radius: 0px !important; font-size: 15px !important; font-weight: 600 !important; cursor: pointer; box-sizing: border-box !important; transition: background-color 0.2s ease-in-out; } .elementor-add-to-cart .wc-buy-now-btn:hover { background-color: #5433E1 !important; /* 悬停时加深至纯黑 */ color: #fff !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-befe0cf *//* 让右侧内容区域 (ID: befe0cf) 实现粘性定位 */ .elementor-element-befe0cf { position: -webkit-sticky !important; position: sticky !important; top: 15px !important; /* 👈 距离浏览器顶部的距离，可根据实际页眉高度调整 */ z-index: 10; /* 核心关键：防止右侧容器高度被 Flexbox 自动拉伸， 使其保持自身内容的高度，这样才能在滚动时产生滑动的“轨道” */ align-self: flex-start !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-acc423d *//* ========================================== WooCommerce 产品详情页 Tab 选项卡极简美化 ========================================== */ /* 1. 整体容器间距微调 */ .woocommerce-tabs { margin-top: 0px !important; margin-bottom: 50px !important; } /* 2. 选项卡导航栏（ul.tabs）美化 —— 转换为极简下划线风格 */ .woocommerce-tabs ul.tabs { display: flex !important; flex-direction: row !important; gap: 32px !important; /* 选项卡之间的间距 */ margin: 0 0 28px 0 !important; padding: 0 !important; list-style: none !important; border-bottom: 1px solid #e4e4e7 !important; /* 底部浅灰色通栏贯穿线 */ background: transparent !important; } /* 单个选项卡列表项（li） */ .woocommerce-tabs ul.tabs li { position: relative !important; background: transparent !important; border: none !important; margin: 0 !important; padding: 0 0 12px 0 !important; /* 与底线的距离 */ border-radius: 0 !important; box-shadow: none !important; } /* 移除浏览器/主题默认生成的文件夹多余伪元素 */ .woocommerce-tabs ul.tabs li::after, .woocommerce-tabs ul.tabs li::before { display: none !important; } /* 选项卡内的文字链接 */ .woocommerce-tabs ul.tabs li a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #71717a !important; /* 未激活状态为低调的中灰色 */ text-decoration: none !important; transition: all 0.2s ease-in-out !important; outline: none !important; } /* 鼠标悬停未激活的选项卡 */ .woocommerce-tabs ul.tabs li:hover a { color: #242424 !important; } /* 激活选中的选项卡（Active）样式 —— 加粗并亮起底线下划线 */ .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid #242424 !important; /* 高级深灰/黑色下划线 */ margin-bottom: -1px !important; /* 与外层底线完美重合对齐 */ } .woocommerce-tabs ul.tabs li.active a { color: #242424 !important; /* 激活后文字变成深色 */ } /* 3. 内容展示区（Tab Panels）美化 */ .woocommerce-tabs .woocommerce-Tabs-panel { border: none !important; /* 彻底去除周围多余的线框 */ background: transparent !important; /* 彻底去除背景色 */ padding: 8px 0 0 0 !important; /* 与导航栏保留恰当的间距 */ margin: 0 !important; box-shadow: none !important; } /* 核心去重：自动隐藏详情面板里极其累赘的多余标题（如“描述”、“评论”） */ .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-of-type, .woocommerce-tabs .woocommerce-Tabs-panel > h3:first-of-type { display: none !important; } /* ========================================== 4. 评价选项卡（Reviews）细节优化 ========================================== */ /* 评论列表美化 */ .woocommerce-tabs #comments ol.commentlist { padding: 0 !important; margin: 0 0 40px 0 !important; list-style: none !important; } .woocommerce-tabs #comments ol.commentlist li.review { padding: 24px 0 !important; border-bottom: 1px dashed #e4e4e7 !important; /* 虚线段落分割，看起来更轻盈 */ margin: 0 !important; background: transparent !important; } .woocommerce-tabs #comments ol.commentlist li.review:last-child { border-bottom: none !important; } /* 评论用户头像圆角化 */ .woocommerce-tabs #comments ol.commentlist li.review img.avatar { border-radius: 50% !important; /* 圆形头像 */ border: 1px solid #e4e4e7 !important; padding: 2px !important; background-color: #ffffff !important; float: left !important; } /* 评论内容文本区排版 */ .woocommerce-tabs #comments ol.commentlist li.review .comment-text { border: none !important; /* 移除默认的主题大边框 */ padding: 0 0 0 76px !important; /* 完美对齐头像 */ margin: 0 !important; background: transparent !important; } .woocommerce-tabs #comments ol.commentlist li.review .comment-text p.meta { font-size: 13px !important; color: #71717a !important; margin-bottom: 6px !important; } .woocommerce-tabs #comments ol.commentlist li.review .comment-text p.meta strong { color: #242424 !important; } .woocommerce-tabs #comments ol.commentlist li.review .comment-text .description { font-size: 14px !important; color: #4b5563 !important; line-height: 1.6 !important; } /* ========================================== 5. 评价提交表单（Review Form）美化 ========================================== */ .woocommerce-tabs #review_form_wrapper { background-color: #fbfbfc !important; /* 极其柔和的微灰表单底色 */ border: 1px solid #f4f4f5 !important; border-radius: 12px !important; /* 表单外框圆角化 */ padding: 28px !important; margin-top: 32px !important; } /* 表单标题 */ .woocommerce-tabs #review_form_wrapper #reply-title { font-size: 16px !important; font-weight: 600 !important; color: #242424 !important; margin-bottom: 18px !important; display: block; } /* 输入框与评论输入大框（textarea） */ .woocommerce-tabs #review_form_wrapper input[type="text"], .woocommerce-tabs #review_form_wrapper input[type="email"], .woocommerce-tabs #review_form_wrapper textarea { width: 100% !important; border: 1px solid #e4e4e7 !important; border-radius: 8px !important; /* 统一使用 8px 现代圆角 */ padding: 10px 14px !important; font-size: 14px !important; color: #242424 !important; background-color: #ffffff !important; outline: none !important; box-sizing: border-box !important; transition: border-color 0.2s ease; } /* 输入框聚焦效果 */ .woocommerce-tabs #review_form_wrapper input[type="text"]:focus, .woocommerce-tabs #review_form_wrapper input[type="email"]:focus, .woocommerce-tabs #review_form_wrapper textarea:focus { border-color: #242424 !important; /* 聚焦变成有质感的黑色边框 */ } /* 表单提交按钮（Submit）优化 */ .woocommerce-tabs #review_form_wrapper input[type="submit"] { background-color: #242424 !important; color: #ffffff !important; border: none !important; border-radius: 8px !important; padding: 11px 28px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; transition: background 0.2s ease !important; box-shadow: none !important; } .woocommerce-tabs #review_form_wrapper input[type="submit"]:hover { background-color: #000000 !important; } /* ========================================== 产品详情面板（Tab 内容区）排版与标题深度优化 ========================================== */ /* 1. 统一优化 Tab 面板内所有大标题 (Overview, Specifications, Suggested use 等) */ .woocommerce-Tabs-panel h1, .woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 18px !important; /* 大幅缩减主标题大小，使其精致小巧 */ font-weight: 600 !important; /* 改为半粗体，避免过黑过沉重 */ color: #1f2937 !important; /* 采用高级深灰色，字色更显品质 */ margin-top: 24px !important; /* 标题上方的呼吸间距 */ margin-bottom: 10px !important; /* 标题下方紧跟内容 */ line-height: 1.4 !important; } /* 2. 统一优化次级标题（如 What Is... 等小标题，或段落中强行加粗的标题） */ .woocommerce-Tabs-panel h4, .woocommerce-Tabs-panel h5, .woocommerce-Tabs-panel h6, .woocommerce-Tabs-panel p strong:only-child { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 15px !important; /* 适度缩减次级小标题 */ font-weight: 600 !important; color: #27272a !important; /* 偏深一点的灰色 */ margin-top: 18px !important; margin-bottom: 8px !important; line-height: 1.4 !important; display: block; /* 确保强行加粗的段落标题独占一行 */ } /* 3. 去除最上方第一个主标题的顶部多余外边距，实现完美置顶对齐 */ .woocommerce-Tabs-panel > *:first-child, .woocommerce-Tabs-panel > div:first-child > *:first-child, .woocommerce-Tabs-panel h1:first-of-type, .woocommerce-Tabs-panel h2:first-of-type, .woocommerce-Tabs-panel h3:first-of-type { margin-top: 0 !important; } /* 4. 优化描述正文（p、li）的字色、字号与舒适阅读行高 */ .woocommerce-Tabs-panel p, .woocommerce-Tabs-panel li { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; /* 国际标准网页阅读字号 */ color: #4b5563 !important; /* 柔和的中灰色，极大地缓解视觉疲劳 */ line-height: 1.6 !important; /* 充裕的行距，方便阅读大段文字 */ } /* 5. 精细化列表（ul / ol）的缩进与间隙 */ .woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel ol { padding-left: 20px !important; /* 适度的缩进 */ margin-top: 8px !important; margin-bottom: 16px !important; } .woocommerce-Tabs-panel li { margin-bottom: 6px !important; /* 列表项之间的小空隙，避免挤在一起 */ }/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-be96a77 *//* 1. 两个按钮的基础重置与等宽排版（PC端并排） */ .button.ajax_add_to_cart, .wc-buy-now-btn { display: inline-block !important; width: calc(46% - 6px) !important; /* 左右各占 50% 减去中间的间距 */ height: 40px !important; /* 统一锁死高度，防止因字体差异高低不一 */ line-height: 40px !important; /* 文字垂直居中（扣除1px边框后的高度） */ padding: 0 !important; /* 清空默认内边距 */ box-sizing: border-box !important; text-align: center !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.8px !important; /* 稍微拉开字距，彰显极简品质感 */ text-transform: uppercase !important; /* 英文自动大写 */ border-radius: 0px !important; /* 极硬朗的微圆角（可设为 0px 纯直角） */ transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; /* 优雅的平滑移入曲线 */ text-decoration: none !important; vertical-align: middle !important; } /* 2. “加入购物车” 按钮默认样式（白底黑框线框风） */ .button.ajax_add_to_cart { background-color: #ffffff !important; color: #111111 !important; border: 1px solid #111111 !important; margin-right: 0px !important; /* 腾出右侧间距 */ } /* “加入购物车” 鼠标移入（Hover）效果：反转为黑底白字 */ .button.ajax_add_to_cart:hover { background-color: #111111 !important; color: #ffffff !important; border-color: #111111 !important; } /* 3. “Buy Now” 按钮默认样式（纯黑硬朗实体风） */ .wc-buy-now-btn { background-color: #111111 !important; color: #ffffff !important; border: 1px solid #111111 !important; margin-left: 6px !important; /* 腾出左侧间距 */ } /* “Buy Now” 鼠标移入（Hover）效果：淡化为高级深灰 */ .wc-buy-now-btn:hover { background-color: #333333 !important; border-color: #333333 !important; color: #ffffff !important; } /* 4. 响应式：在手机端（屏幕小于 767px）自动转为垂直堆叠，体验更好 */ @media (max-width: 767px) { .button.ajax_add_to_cart, .wc-buy-now-btn { display: block !important; width: 100% !important; /* 手机上宽度撑满 */ margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 8px !important; /* 堆叠时的垂直间距 */ } } /* 限制商品标题最多显示两行，超出部分打省略号，并统一高度对齐 */ h2.woocommerce-loop-product__title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; /* 👈 限制最多显示两行 */ -webkit-box-orient: vertical !important; overflow: hidden !important; margin-bottom: 10px !important; text-overflow: ellipsis !important; /* 超出部分显示省略号 */ /* 统一两行的高度。即使标题只有一行，也会自动占满两行高度以实现底部对齐。 两行的高度通常在 45px 到 54px 之间，您可以根据实际字体大小微调此数值。 */ height: 52px !important; }/* End custom CSS */