.elementor-10 .elementor-element.elementor-element-211117b{--display:flex;--flex-direction:row;--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D7D7D7;--border-color:#D7D7D7;box-shadow:0px 30px 10px 0px rgba(193.36171875, 193.36171875, 193.36171875, 0.5);--padding-top:14px;--padding-bottom:14px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-211117b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-211117b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF5;}.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-10 .elementor-element.elementor-element-d0a0edc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:var( --container-widget-width, 2% );max-width:2%;--container-widget-width:2%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-d0a0edc .elementor-divider-separator{width:100%;}.elementor-10 .elementor-element.elementor-element-d0a0edc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.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-10 .elementor-element.elementor-element-bf6ec36.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-bf6ec36 img{width:100%;max-width:100%;height:20px;}.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-10 .elementor-element.elementor-element-3d6f9d1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-3d6f9d1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-3d6f9d1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-3d6f9d1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-3d6f9d1 .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-10 .elementor-element.elementor-element-3d6f9d1 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{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-10 .elementor-element.elementor-element-48b583c .elementor-countdown-wrapper{max-width:100%;}.elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-item{border-radius:4px 4px 4px 4px;padding:3px 3px 3px 3px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-item:not(:first-of-type){margin-left:calc( 6px/2 );}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-item:not(:last-of-type){margin-right:calc( 6px/2 );}body.rtl .elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-item:not(:first-of-type){margin-right:calc( 6px/2 );}body.rtl .elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-item:not(:last-of-type){margin-left:calc( 6px/2 );}.elementor-10 .elementor-element.elementor-element-48b583c .elementor-countdown-digits{font-family:"Arial", Sans-serif;font-size:14px;font-weight:900;}.elementor-10 .elementor-element.elementor-element-67e4c57{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:var( --container-widget-width, 2% );max-width:2%;--container-widget-width:2%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-67e4c57 .elementor-divider-separator{width:100%;}.elementor-10 .elementor-element.elementor-element-67e4c57 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10 .elementor-element.elementor-element-28f1e9b{--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-10 .elementor-element.elementor-element-4c1a230{--display:flex;--min-height:240px;--justify-content:flex-end;}.elementor-10 .elementor-element.elementor-element-4c1a230:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4c1a230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop56.xiaoergege.top/wp-content/uploads/2026/08/ph-11134004-820l7-mrshah1ddiipde.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-e60ce55{--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:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.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 );}.elementor-widget-woocommerce-products.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-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.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-products.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-products.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-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-18f039d );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-28f1e9b{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-e60ce55{--content-width:1200px;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-6ba3ed6.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-6ba3ed6 *//* =================================================== SHOPEE MALL 风格产品列表样式优化 =================================================== */ /* 1. 商品卡片整体外框 */ ul.products.elementor-grid li.product { position: relative; background: #ffffff !important; border: 1px solid #f0f0f0 !important; border-radius: 6px !important; padding: 10px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; transition: all 0.25s ease-in-out !important; overflow: hidden; } /* 鼠标悬停：微浮起与微投影 */ ul.products.elementor-grid li.product:hover { border-color: #ee4d2d !important; /* Shopee 经典橙红 */ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important; transform: translateY(-2px); } /* 2. 商品图片 & 链接容器 */ ul.products.elementor-grid li.product .woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; text-decoration: none !important; flex-grow: 1; } ul.products.elementor-grid li.product img { width: 100% !important; aspect-ratio: 1 / 1 !important; /* 强制 1:1 正方形 */ object-fit: cover !important; border-radius: 4px !important; margin-bottom: 8px !important; } /* 3. 左上角促销/Mall标签优化（覆盖WC默认圆圈） */ ul.products.elementor-grid li.product .onsale { position: absolute !important; top: 10px !important; left: 10px !important; right: auto !important; margin: 0 !important; min-height: auto !important; min-width: auto !important; line-height: 1 !important; background: #d0011b !important; /* Shopee Mall 专属红 */ color: #ffffff !important; font-size: 11px !important; font-weight: 800 !important; padding: 3px 6px !important; border-radius: 3px 0 4px 0 !important; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,0.15); z-index: 2; } /* 4. 商品标题：精准 2 行截断并固定高度对齐 */ ul.products.elementor-grid li.product .woocommerce-loop-product__title { font-size: 13.5px !important; font-weight: 500 !important; color: #222222 !important; line-height: 1.35 !important; height: 2.7em !important; /* 固定两行高度，确保所有卡片对齐 */ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; text-overflow: ellipsis !important; margin: 4px 0 6px 0 !important; padding: 0 !important; } /* 2. 隐藏中间的默认竖线 "|" */ .custom-rating-badge-wrap .rating-sep { display: none !important; } /* 3. 图二效果：五星评级（Shopee 暖黄色高亮） */ .custom-rating-badge-wrap .rating-pill { display: inline-flex !important; align-items: center !important; color: #f5a623 !important; /* Shopee 标准星级暖黄色 */ font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; } /* 如果内部包含星星图标或 SVG，统一渲染为金黄色 */ .custom-rating-badge-wrap .rating-pill i, .custom-rating-badge-wrap .rating-pill svg, .custom-rating-badge-wrap .rating-pill * { color: #f5a623 !important; fill: #f5a623 !important; } /* 4. 图三效果：Shopee 火焰热卖胶囊进度条 */ .custom-rating-badge-wrap .sold-text { display: inline-flex !important; align-items: center !important; position: relative !important; /* 模拟 Shopee 销量进度条（左侧渐变橙红代表已售比例，右侧浅粉色为底色） */ background: linear-gradient(to right, #ee4d2d 0%, #ff7337 60%, #fbcbbd 60%, #fbcbbd 100%) !important; color: #ffffff !important; font-size: 10.5px !important; font-weight: 800 !important; text-transform: uppercase !important; /* 强制大写: SOLD */ letter-spacing: 0.4px !important; padding: 2px 10px 2px 5px !important; border-radius: 12px !important; /* 胶囊圆角 */ line-height: 1.2 !important; box-shadow: 0 1px 3px rgba(238, 77, 45, 0.25) !important; } /* 胶囊左侧自动生成火焰 🔥 图标 */ .custom-rating-badge-wrap .sold-text::before { content: '🔥' !important; font-size: 11px !important; margin-right: 3px !important; line-height: 1 !important; display: inline-block !important; } /* 原价（划线小字） */ ul.products.elementor-grid li.product .price del { font-size: 16px !important; color: #929292 !important; text-decoration: line-through !important; opacity: 0.85; margin-top: 13px; margin-bottom: 2px !important; font-weight: 300 !important; } /* 现价（橙红色大号加粗） */ ul.products.elementor-grid li.product .price ins, ul.products.elementor-grid li.product .price > .woocommerce-Price-amount:only-child { font-size: 20px !important; font-weight: 800 !important; margin-right: 10px !important; color: #ee4d2d !important; /* 经典 Shopee 价格红橙色 */ text-decoration: none !important; background: transparent !important; } /* =================================================== SHOPEE 经典小闹钟折扣标签 (YELLOW DISCOUNT BADGE) =================================================== */ .custom-discount-badge { display: inline-flex !important; align-items: center !important; background-color: #ffe685 !important; /* Shopee 专属亮黄色底 */ color: #ee4d2d !important; /* 橙红色折扣文字 */ font-size: 11px !important; font-weight: 900 !important; /* 极粗字体 */ line-height: 1 !important; padding: 2px 4px 2px 1px !important; border-radius: 3px !important; /* 微圆角 */ vertical-align: middle !important; box-sizing: border-box !important; margin-bottom: 8px; } /* 左侧自动生成 Shopee 橙红闹钟带 % 图标 */ .custom-discount-badge::before { content: '' !important; display: inline-block !important; width: 14px !important; height: 14px !important; margin-right: 2px !important; margin-left: -2px !important; /* 产生微向外凸出的立体感 */ background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; /* 高清矢量闹钟 SVG（含中间白色 %） */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ee4d2d' d='M3.2 4.6l1.6-1.6 1.6 1.6-1.6 1.6zm13.6 0l-1.6-1.6-1.6 1.6 1.6 1.6zM4.8 15.4l-1.6 1.6 1.6 1.6 1.6-1.6zm10.4 0l1.6 1.6-1.6 1.6-1.6-1.6z'/%3E%3Cpath fill='%23ee4d2d' d='M10 1a1 1 0 011 1v.5A8 8 0 119 2.5V2a1 1 0 011-1z'/%3E%3Ccircle cx='10' cy='10.5' r='7' fill='%23ee4d2d'/%3E%3Ctext x='10' y='13' font-size='8.5' font-family='Arial,sans-serif' font-weight='900' text-anchor='middle' fill='%23ffffff'%3E%25%3C/text%3E%3C/svg%3E") !important; } /* 7. 隐藏默认的“加入购物车”按钮（图二只需保留 Buy Now） */ ul.products.elementor-grid li.product .add_to_cart_button:not(.wc-buy-now-btn), ul.products.elementor-grid li.product .screen-reader-text { display: none !important; } /* 8. “Buy Now” 按钮样式定制（Shopee 橙红实心圆角按钮） */ ul.products.elementor-grid li.product .wc-buy-now-btn { display: block !important; width: 100% !important; background: #ee4d2d !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; padding: 8px 0 !important; border-radius: 4px !important; border: none !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.2s ease, transform 0.1s ease !important; margin-top: auto !important; } /* 按钮悬停效果 */ ul.products.elementor-grid li.product .wc-buy-now-btn:hover { background: #d73211 !important; color: #ffffff !important; } ul.products.elementor-grid li.product .wc-buy-now-btn:active { transform: scale(0.98); } /* ========================================== 6. 结果统计与排序下拉框优化 (Header Controls) ========================================== */ /* 电脑端布局对齐（左右分栏，垂直居中对齐） */ @media (min-width: 768px) { .woocommerce-result-count { float: left; margin: 0 !important; line-height: 38px; /* 保证与下拉框的高度（38px）垂直居中对齐 */ } .woocommerce-ordering { float: right; margin: 0 !important; } /* 清除浮动，确保下方产品网格不会被挤压或错位 */ .products.elementor-grid { clear: both; padding-top: 24px !important; } } /* 移动端排版自适应 */ @media (max-width: 767px) { .woocommerce-result-count { display: block; text-align: left; margin-bottom: 12px !important; line-height: 1.4; } .woocommerce-ordering { display: block; width: 100%; margin-bottom: 20px !important; } .woocommerce-ordering select.orderby { width: 100% !important; /* 移动端选择框占满宽度 */ } } /* 1. 结果统计文本样式（iHerb 风格：中性、低调） */ .woocommerce-result-count { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px !important; color: #71717a !important; /* 优雅的中灰色 */ font-weight: 400; } /* 2. 排序下拉选择框深度美化 */ .woocommerce-ordering select.orderby { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px !important; color: #242424 !important; font-weight: 500 !important; /* 尺寸与留白 */ height: 38px !important; padding: 0 36px 0 12px !important; /* 右侧留出空间放置自定义箭头 */ border: 1px solid #e4e4e7 !important; /* 极简浅灰边框 */ border-radius: 8px !important; /* 与产品卡片呼应的轻微圆角 */ background-color: #ffffff !important; box-sizing: border-box !important; cursor: pointer; /* 隐藏浏览器默认的丑陋下拉箭头 */ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; /* 使用精心绘制的轻量级 SVG 灰色箭头作为背景图 */ background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px !important; transition: all 0.2s ease-in-out !important; } /* 下拉框交互动态效果 */ .woocommerce-ordering select.orderby:hover { border-color: #a1a1aa !important; /* 鼠标悬停时边框微加深 */ } .woocommerce-ordering select.orderby:focus { outline: none !important; border-color: #242424 !important; /* 聚焦时变为质感深黑色边框 */ box-shadow: 0 0 0 3px rgba(36, 36, 36, 0.06) !important; /* 柔和的外侧微阴影 */ }/* End custom CSS */