.elementor-314 .elementor-element.elementor-element-3d6f722{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-5ae526b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-8e34e6a{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-314 .elementor-element.elementor-element-0941af6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-314 .elementor-element.elementor-element-2cb395e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-314 .elementor-element.elementor-element-2cb395e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-314 .elementor-element.elementor-element-2cb395e{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-314 .elementor-element.elementor-element-2cb395e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-314 .elementor-element.elementor-element-2cb395e .elementor-icon-list-item > a{font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;}.elementor-314 .elementor-element.elementor-element-2cb395e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-widget-jet-smart-filters-search .jet-search-filter__submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-314 .elementor-element.elementor-element-0062559 .jet-search-filter__input-wrapper{max-width:100%;}.elementor-314 .elementor-element.elementor-element-0062559 .jet-search-filter__input{background-color:#00000000;}.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-314 .elementor-element.elementor-element-e4a83c5{--divider-border-style:solid;--divider-color:#DDDDDD;--divider-border-width:1px;}.elementor-314 .elementor-element.elementor-element-e4a83c5 .elementor-divider-separator{width:100%;}.elementor-314 .elementor-element.elementor-element-e4a83c5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-range .apply-filters__button, .elementor-widget-jet-smart-filters-range .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__slider__track{height:4px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__slider__input::-webkit-slider-thumb{width:16px;height:16px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__slider__input::-moz-range-thumb{width:16px;height:16px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__slider__input::-ms-thumb{width:16px;height:16px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__slider__input{height:16px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__values{text-align:center;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-range__inputs__container{margin-left:auto;margin-right:auto;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-filter-label{font-size:14px;font-weight:600;text-transform:capitalize;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-filters-group .jet-filter{width:100%;max-width:100%;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-filters-group .jet-filter+.jet-filter{margin-top:10px;}.elementor-314 .elementor-element.elementor-element-f317690 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-314 .elementor-element.elementor-element-71a3b94{--divider-border-style:solid;--divider-color:#DDDDDD;--divider-border-width:1px;}.elementor-314 .elementor-element.elementor-element-71a3b94 .elementor-divider-separator{width:100%;}.elementor-314 .elementor-element.elementor-element-71a3b94 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(18px/2);margin-bottom:calc(18px/2);}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-18px/2);margin-bottom:calc(-18px/2);}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list__label{font-size:14px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-collapse-icon{width:20px;height:20px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-collapse-none{width:20px;height:20px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-filter-label{font-size:14px;font-weight:600;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-filters-counter{margin-left:initial;padding-left:5px;}.rtl .elementor-314 .elementor-element.elementor-element-66209b8 .jet-filters-counter{margin-right:initial;padding-right:5px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-filter+.jet-filter{margin-top:10px;}.elementor-314 .elementor-element.elementor-element-66209b8 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-314 .elementor-element.elementor-element-95d3ae8{--divider-border-style:solid;--divider-color:#DDDDDD;--divider-border-width:1px;}.elementor-314 .elementor-element.elementor-element-95d3ae8 .elementor-divider-separator{width:100%;}.elementor-314 .elementor-element.elementor-element-95d3ae8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-rating .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating-star__icon{font-size:14px;margin-left:6px;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating-star__label{color:#A8A8A8;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating input.is-checked ~ label{color:#FFBC45;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating input.is-checked ~ label ~ label{color:#FFBC45;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating input:not(.is-checked) ~ label:hover{color:#FFBC45;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-rating input:not(.is-checked) ~ label:hover ~ label{color:#FFBC45;}.elementor-314 .elementor-element.elementor-element-40d5f90 .jet-filter-label{font-size:14px;font-weight:600;}.elementor-314 .elementor-element.elementor-element-7007e53{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-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-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-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-wc-archive-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-wc-archive-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-widget-wc-archive-products .elementor-products-nothing-found{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-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__link, .elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__dots{font-size:14px;}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__link{color:var( --e-global-color-secondary );padding:8px 8px 8px 8px;}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__dots{color:var( --e-global-color-secondary );padding:8px 8px 8px 8px;}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__link:hover{color:var( --e-global-color-accent );}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__current .jet-filters-pagination__link{background-color:#EE4D2D;color:#FFFFFF;}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination{column-gap:6px;row-gap:6px;justify-content:center;}.elementor-314 .elementor-element.elementor-element-8dfae4d .jet-filters-pagination__load-more{order:initial;}.elementor-314 .elementor-element.elementor-element-4729848{--display:flex;}body.elementor-page-314:not(.elementor-motion-effects-element-type-background), body.elementor-page-314 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5E6;}@media(max-width:1024px){.elementor-314 .elementor-element.elementor-element-3d6f722{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-314 .elementor-element.elementor-element-8e34e6a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(max-width:767px){.elementor-314 .elementor-element.elementor-element-3d6f722{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-314 .elementor-element.elementor-element-8e34e6a{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-314 .elementor-element.elementor-element-f6e4ce5.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(min-width:768px){.elementor-314 .elementor-element.elementor-element-3d6f722{--content-width:1200px;}.elementor-314 .elementor-element.elementor-element-8e34e6a{--content-width:1200px;}.elementor-314 .elementor-element.elementor-element-0941af6{--width:20%;}.elementor-314 .elementor-element.elementor-element-7007e53{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-314 .elementor-element.elementor-element-0941af6{--width:30%;}}/* Start custom CSS for jet-smart-filters-range, class: .elementor-element-f317690 *//* ========================================================================== 1. 显示并美化默认的产品标题 (product price) ========================================================================== */ .jet-filter-label { display: block !important; /* 恢复并强制显示标题 */ margin-bottom: 20px !important; /* 增加标题与下方滑动条轨道的安全距离，解决重叠问题 */ padding: 0 !important; } /* 隐藏无视觉作用的内部 legend 辅助标签 */ .jet-range legend { display: none !important; } /* 隐藏原生的纯文本数值显示 */ .jet-range__values { display: none !important; } /* ========================================================================== 2. 滑块轨道与黑色圆点样式 ========================================================================== */ /* 清除滑块默认浏览器外观 */ .jet-range input[type="range"] { -webkit-appearance: none !important; appearance: none !important; background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; } /* 重新定义滑动轨道两端的圆点（黑色实心圆） */ .jet-range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 14px !important; height: 14px !important; border-radius: 50% !important; background-color: #000000 !important; border: none !important; cursor: pointer; } .jet-range input[type="range"]::-moz-range-thumb { width: 14px !important; height: 14px !important; border-radius: 50% !important; background-color: #000000 !important; border: none !important; cursor: pointer; } /* 轨道细灰线 */ .jet-range__slider__track { height: 2px !important; background-color: #e0e0e0 !important; } /* 选中区间细线 */ .jet-range__slider__track__range { background-color: #b0b0b0 !important; } /* ========================================================================== 3. 输入框弹性并排与唯一外框设计 ========================================================================== */ /* 输入框主容器：必须设为溢出可见，防止裁剪上方文字 */ .jet-range__inputs__container { display: flex !important; justify-content: space-between !important; gap: 15px !important; margin-top: 35px !important; /* 预留出 From/To 标签的上方空间 */ overflow: visible !important; /* 关键：确保超出的标签不被隐藏 */ } /* 针对两个输入框的外层包裹层：添加唯一的灰色直角边框，且允许内容溢出 */ .jet-range__inputs__container > div { position: relative !important; /* 必须：为绝对定位的 From/To 伪元素提供参考坐标 */ overflow: visible !important; /* 关键：强制开启溢出可见，防止裁剪 top 绝对定位标签 */ flex: 1 !important; display: flex !important; flex-direction: row !important; /* 横向并排 */ align-items: center !important; border: 1px solid #cccccc !important; /* 唯一的灰色外边框 */ border-radius: 0px !important; /* 直角 */ background-color: #ffffff !important; height: 40px !important; /* 框体高度 */ padding: 0 12px !important; /* 内边距 */ box-sizing: border-box !important; box-shadow: none !important; } /* 彻底清除输入框内部所有后代元素的外观与边框，消灭内部竖线 */ .jet-range__inputs__container > div * { border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; background: transparent !important; box-shadow: none !important; } /* ========================================================================== 4. 用 CSS 伪元素自动生成并悬浮显示 “From” 与 “To” 标签 (兼容写法) ========================================================================== */ /* 统一设置伪元素标签的字号、颜色和位置 */ .jet-range__inputs__container > div::before { display: block !important; /* 确保伪元素以块级渲染 */ position: absolute !important; top: -24px !important; /* 悬浮在输入框正上方 */ left: 0 !important; /* 左对齐 */ font-size: 14px !important; /* 字号 */ color: #333333 !important; /* 字体颜色 */ font-weight: 400 !important; /* 字体不加粗 */ line-height: 1.2 !important; z-index: 999 !important; /* 保证层级在最上方，不被背景或其他元素遮挡 */ pointer-events: none !important; /* 忽略鼠标事件，防止干扰正常输入 */ } /* 第一个输入框（最小值）上方自动生成 "From" */ .jet-range__inputs__container > div:first-of-type::before, .jet-range__inputs__container > div[class*="min"]::before, .jet-range__inputs__container > div[class*="from"]::before { content: "From" !important; } /* 第二个输入框（最大值）上方自动生成 "To" */ .jet-range__inputs__container > div:last-of-type::before, .jet-range__inputs__container > div[class*="max"]::before, .jet-range__inputs__container > div[class*="to"]::before { content: "To" !important; } /* ========================================================================== 5. 框内文字与输入区样式微调 ========================================================================== */ /* 重置框内 $ 符号的边距，使其右侧与数字保持间距 */ .jet-range__inputs__container span, .jet-range__inputs__container [class*="addon"], .jet-range__inputs__container [class*="prefix"] { margin-right: 8px !important; /* 符号与输入数字之间的间距 */ color: #333333 !important; font-size: 14px !important; line-height: 1 !important; width: auto !important; height: auto !important; } /* 清洗包裹层内部 input 元素，使其与外框无缝融合 */ .jet-range__inputs__container input { flex: 1 !important; padding: 0 !important; margin: 0 !important; height: 100% !important; color: #333333 !important; font-size: 14px !important; outline: none !important; } /* 鼠标聚焦到框内时，外框线变黑 */ .jet-range__inputs__container > div:focus-within { border-color: #000000 !important; }/* End custom CSS */ /* Start custom CSS for wc-archive-products, class: .elementor-element-f6e4ce5 *//* ========================================================= WooCommerce 默认产品归档列表 100% 改装 Shopee 风格 ========================================================= */ /* 1. 卡片外框：白色背景 + 圆角边框 + Hover 红框阴影 */ ul.products li.product { background-color: #ffffff !important; border: 1px solid #e8e8e8 !important; border-radius: 8px !important; padding: 0 0 10px 0 !important; /* 图片贴边，底部留内边距 */ position: relative !important; overflow: visible !important; /* 允许 hover 按钮在框外悬浮展示 */ transition: all 0.2s ease-in-out !important; z-index: 1 !important; } /* 鼠标移入卡片：变成 Shopee 红色边框 + 浮雕阴影 + 层级置顶 */ ul.products li.product:hover { border-color: #ee4d2d !important; box-shadow: 0 4px 16px rgba(238, 77, 45, 0.18) !important; z-index: 99 !important; } /* 2. 图片：强制 1:1 正方形 + 顶部圆角 */ ul.products li.product img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; border-radius: 7px 7px 0 0 !important; display: block !important; margin: 0 !important; } /* 隐藏左上角默认大促销标签（如果觉得碍眼） */ ul.products li.product .onsale { display: none !important; } /* 3. 标题：最多显示 2 行 + 强行固定高度（保持横向对齐） */ ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 { font-size: 14px !important; font-weight: 400 !important; color: #222222 !important; line-height: 1.3em !important; height: 2.6em !important; /* 强行固定 2 行高度 */ display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; margin: 8px 10px 4px 10px !important; padding: 0 !important; } /* 4. 评分与销量区域外边距 */ ul.products li.product .custom-rating-badge-wrap { margin: 2px 10px 1px 10px !important; font-size: 0px; } /* 5. 价格样式（原价划线、现价红字加粗带下划线） */ ul.products li.product .price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; margin: 0 10px !important; font-size: 14px !important; } ul.products li.product .price del .amount { color: #999999 !important; font-size: 12px !important; font-weight: 400 !important; text-decoration: line-through !important; } ul.products li.product .price ins .amount { color: #ee4d2d !important; font-size: 16px !important; font-weight: 800 !important; text-decoration: underline !important; } /* 6. 将“加入购物车”按钮改装为【底边框外平滑向上升起】的 Shopee 红色按钮 */ ul.products li.product .button, ul.products li.product a.add_to_cart_button { position: absolute !important; top: 100% !important; /* 定位在卡片底边正下方外侧 */ left: -1px !important; /* 对齐卡片左边框 */ right: -1px !important; /* 对齐卡片右边框 */ width: calc(100% + 2px) !important; background-color: #ee4d2d !important; /* Shopee 经典橙红色 */ color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; text-align: center !important; padding: 9px 0 !important; border-radius: 0 0 8px 8px !important; /* 底部圆角 */ border: none !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; margin: 0 !important; /* 默认隐藏在下方 12px 处 */ opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: transform 0.25s ease, opacity 0.25s ease !important; z-index: 100 !important; } /* 鼠标移入卡片：按钮从下往上向上升起展开（绝不遮挡卡片内的价格） */ ul.products li.product:hover .button, ul.products li.product:hover a.add_to_cart_button { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } /* ========================================== 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; /* 柔和的外侧微阴影 */ } /* 为折扣标签 (-43%) 添加背景及边框样式 */ .custom-discount-badge { display: inline-block !important; background-color: #fff0ed !important; /* 核心：背景颜色（浅粉红背景，可替换） */ color: #e63920 !important; /* 文字颜色（鲜红色） */ padding: 2px 6px !important; /* 核心：内边距（撑开背景色，上下 2px，左右 6px） */ border-radius: 4px !important; /* 核心：圆角大小（想做成胶囊圆角可改成 10px） */ font-size: 11px !important; /* 字号大小 */ font-weight: 800 !important; /* 粗体 */ line-height: 1.2 !important; margin-left: 6px !important; /* 距离左侧价格的间距 */ vertical-align: middle !important; /* 与价格中线对齐 */ } /* 隐藏原生 WooCommerce 分页，仅保留 JetSmartFilters 分页 */ nav.woocommerce-pagination:not(.jet-smart-filters-pagination) { display: none !important; }/* End custom CSS */