/* 呼吸灯动画：更轻、更集中 */ @keyframes neonBreath { 0% { transform: translate(-50%, -50%) scale(1); opacity: .5; } 50% { transform: translate(-50%, -50%) scale(1.1); opacity: .95; } 100% { transform: translate(-50%, -50%) scale(1); opacity: .5; } } .product-info-main .product-info-price .price-box { height: 34px; } /* FAQ 容器整体 */ .faq-section { max-width: 920px; margin: 40px auto; font-family: inherit; } /* 标题样式 */ .faq-section h2 { font-size: 34px; font-weight: 700; margin-bottom: 30px; color: #111; } /* 单个 FAQ 卡片 */ .faq-item { border: 1px solid #eee; border-radius: 10px; margin-bottom: 16px; background: #fff; overflow: hidden; transition: all 0.2s ease; } .product.attribute.overview.overview-collapsible { border: 1px solid #eee; border-radius: 8px; margin: 15px 0; padding-bottom: 0; background: #fff; } .product.attribute.overview .overview-header { padding: 12px 16px; font-weight: 600; cursor: pointer; position: relative; } .page-wrapper > .breadcrumbs { margin: 0 auto;min-height: 30px; padding: 0;} .jumbotron { background: #ffffff; padding: 0px 0 5px; position: relative; } .breadcrumbs .items { display: flex; flex-wrap: wrap; gap: 1rem; text-transform: uppercase; padding: 10px 8px; } .product.attribute.overview .overview-header::after { content: "›"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(0deg); font-size: 20px; color: #888; transition: transform .2s ease; } .product.attribute.overview.overview-active .overview-header::after { transform: translateY(-50%) rotate(90deg); } .product.attribute.overview .value { padding: 0 16px 12px; font-size: 14px; line-height: 1.7; } /* 鼠标悬浮 */ .faq-item:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.04); } /* 问题栏 */ .faq-question { padding: 18px 22px; font-size: 16px; font-weight: 600; cursor: pointer; position: relative; background: #fff; } /* 右侧箭头 */ .faq-question::after { content: "›"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(0deg); font-size: 22px; color: #888; transition: transform 0.25s ease; } /* 打开时箭头旋转 */ .faq-item.active .faq-question::after { transform: translateY(-50%) rotate(90deg); } /* 展开内容 */ .faq-answer { padding: 0 22px 18px; font-size: 14.5px; line-height: 1.7; color: #444; } /* 小标题 */ .faq-answer h4 { font-weight: 600; margin: 15px 0 8px; } /* 列表 */ .faq-answer ul, .faq-answer ol { padding-left: 18px; margin: 10px 0; } .faq-answer li { margin-bottom: 6px; } .product.data.items.expanded > .title h2 { font-size: 2.4rem; line-height: 1; text-align: center; } .cms-index-index .easyslide-description { max-width: 100%; text-align: center; } div.category-view:not(:has(.category-image)) { min-height: clamp(5vh, 250px, 15vh); } h1 , div.category-view h1{ font-size: 3.1rem; margin-bottom: 1rem; } /* CTA 本体 */ .cms-index-index .easyslide-description .action { position: relative; border-radius: 28px; z-index: 1; /* 只保留非常轻的立体阴影 */ box-shadow: 0 4px 8px rgba(0, 0, 0, .45); transition: transform .2s ease, box-shadow .2s ease; } /* 永远存在的霓虹光晕（重点：位置偏按钮下方） */ .cms-index-index .easyslide-description .action::before { content: ""; position: absolute; left: 50%; top: 60%; /* 往下挪，避免打到上边缘 */ width: 120%; /* 缩小范围 */ height: 150%; /* 比之前矮很多 */ transform: translate(-50%, -50%); border-radius: 999px; z-index: -1; background: radial-gradient( circle, rgba(255, 0, 204, 0.9) 0%, rgba(255, 0, 204, 0.5) 35%, rgba(255, 0, 204, 0.0) 70% ); filter: blur(10px); opacity: .7; animation: neonBreath 2.2s ease-in-out infinite !important; } /* hover：只加一点放大和阴影，并不影响动画 */ .cms-index-index .easyslide-description .action:hover { transform: scale(1.06); box-shadow: 0 6px 14px rgba(0, 0, 0, .6), 0 0 16px rgba(255, 0, 204, .4); } .jumbotron.jumbotron-dark { background: #00aca5; } .cms-custom-neon-business-signs #form_1_form input[type="text"],.cms-custom-neon-business-signs #form_1_form textarea{ border-color: #000} @media only screen and (min-width:768px){.cms-custom-neon-business-signs .page-title{text-align:center;margin-bottom:35px;font-size:28px} .cms-custom-neon-business-signs #form_1_form .std{line-height:2;width: 60%;margin: 0 auto;} .cms-custom-neon-business-signs #form_1_form .formbuilder{width:60%;border:none} .cms-custom-neon-business-signs .fieldset .legend{font-size:18px;margin-bottom:20px;border:none} .cms-custom-neon-business-signs .fieldset>.field:not(.choice)>.label{font-weight:700;margin-bottom:5px} .cms-custom-neon-business-signs .actions-toolbar .primary,.cms-custom-neon-business-signs button#submit_1{width:100%;height:42px;border-radius:4px;} } @media only screen and (max-width:768px){ .cms-custom-neon-business-signs #form_1_form .std{line-height:1.5; margin-top: 15px;} .cms-custom-neon-business-signs .fieldset .legend{border:none} .cms-custom-neon-business-signs form#form_1{margin-bottom: 45px;} .cms-custom-neon-business-signs button#submit_1{width: 100%; height: 36px;} .page-main .page-title-wrapper .page-title { word-break: break-word; font-size: 14px; line-height: 1.5; } .lightcolor .mageworx-swatch-option.text { width: 40px; height: 40px; font-size: 0; } .firecheckout .table-checkout-shipping-method tbody td { padding: 7px 2px; } .firecheckout .header.content .logo {padding-left:0px} } /* 容器作为定位父级 */ .formbuilder .field .control { position: relative; } /* file input 铺满整个灰框，透明但可点 */ .field-uploadimage { position: absolute; inset: 0; /* top/right/bottom/left: 0 */ width: 100%; height: 100%; opacity: 0; /* 隐藏原生样式 */ cursor: pointer; z-index: 2; } /* 灰色上传区域：用紧随其后的

来画 */ .field-uploadimage + p.no-margin { margin: 0; height: 180px; border: 2px dashed #d3d3d3; background-color: #f5f5f5; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; /* 整体垂直居中 */ align-items: center; text-align: center; font-size: 13px; color: #777; padding: 0 20px; box-sizing: border-box; /* 默认提示文案由 data-label 提供 */ } /* 顶部主标题：默认 “Choose file or drag here” */ .field-uploadimage + p.no-margin::before { content: attr(data-label); font-size: 18px; color: #555; margin-bottom: 8px; } /* 允许格式说明（你原来的 strong 内容） */ .field-uploadimage + p.no-margin strong { display: block; font-weight: 400; font-size: 12px; color: #777; margin-top: 4px; } /* Browse file 按钮 */ .field-uploadimage + p.no-margin::after { content: "Browse file"; margin-top: 18px; padding: 8px 22px; border: 1px solid #000; background-color: #fff; font-size: 14px; cursor: pointer; } /* 悬停高亮灰框 */ .field-uploadimage:hover + p.no-margin, .field-uploadimage:focus + p.no-margin { background-color: #eeeeee; border-color: #b5b5b5; } /* ===== 上传成功状态 ===== */ /* p.no-margin 被加上 has-file 类时，显示绿色对号 + 文案 */ /* 成功状态：文件名强制一行 + 超出省略 */ .field-uploadimage + p.no-margin.has-file::before { content: "\f058 " attr(data-label); /* 你之前用的图标保持 */ font-family: FontAwesome; font-size: 16px; color: #28a745; display: block; /* 关键：必须 block / inline-block */ width: 100%; /* 给省略号一个“活动范围” */ max-width: 100%; white-space: nowrap; /* 不允许换行 */ overflow: hidden; /* 隐藏溢出 */ text-overflow: ellipsis; /* 出现 ... */ box-sizing: border-box; padding: 0 16px; /* 防止贴边 */ line-height: 1.4; } /* 成功后按钮文字 */ .field-uploadimage + p.no-margin.has-file::after { content: "Change file"; } /* 成功后，下方小字颜色稍微淡一点 */ .field-uploadimage + p.no-margin.has-file strong { color: #999; } .cart-container #block-shipping { display: none !important; } .block-minicart .paypal, .cart-summary .paypal { clear: both; margin-top: 10px; } /* base */ .lightcolor .mageworx-swatch-option.text{width:50px;height:50px;font-size:0} .swatch-attribute.size .mageworx-swatch-option.selected,.swatch-attribute.manufacturer .mageworx-swatch-option.selected{background:transparent} .mageworx-swatch-option.selected,.mageworx-swatch-option:not(.disabled):hover{outline:2px solid #FF5100!important} /* solid colors by label */ .lightcolor .mageworx-swatch-option[data-option-label="Warmweiß"]{background:rgb(255,253,207)!important;box-shadow:0 0 25px rgb(255,253,207)} .lightcolor .mageworx-swatch-option[data-option-label="Weiß"]{background:#fff!important;box-shadow:0 0 25px #fff} .lightcolor .mageworx-swatch-option[data-option-label="Zitronengelb"]{background:#ffd62e!important;box-shadow:0 0 25px #ffd62e} .lightcolor .mageworx-swatch-option[data-option-label="Orange"]{background:#ff8d02!important;box-shadow:0 0 25px #ff8d02} .lightcolor .mageworx-swatch-option[data-option-label="Rot"]{background:#ff2a4d!important;box-shadow:0 0 25px #ff2a4d} .lightcolor .mageworx-swatch-option[data-option-label="Tiefrosa"]{background:#f900ff!important;box-shadow:0 0 25px #f900ff} .lightcolor .mageworx-swatch-option[data-option-label="Lila"]{background:#812aff!important;box-shadow:0 0 25px #812aff} .lightcolor .mageworx-swatch-option[data-option-label="Tiefblau"]{background:#0274fc!important;box-shadow:0 0 25px #0274fc} .lightcolor .mageworx-swatch-option[data-option-label="Türkisblau"]{background:#00dbfe!important;box-shadow:0 0 25px #00dbfe} .lightcolor .mageworx-swatch-option[data-option-label="Grün"]{background:#0bd748!important;box-shadow:0 0 25px #0bd748} /* RGB / Full color */ .lightcolor .mageworx-swatch-option[data-option-label="Mehrfarbig (RGB)"],.lightcolor .mageworx-swatch-option[data-option-label="Mehrfarbig (RGB)"].selected{animation:fullcolor 6s infinite alternate!important} .lightcolor .mageworx-swatch-option[data-option-label="Vollfarbe"]{background:conic-gradient(#9ed110,#50b517,#179067,#476eaf,#9f49ac,#cc42a2,#e02b27,#ff5800,#ff8100,#feac00,#fc0,#ede604);animation:yy 2s linear infinite} /* RGB / Full color */ .lightcolor .mageworx-swatch-option[data-option-label="Multi Color "],.lightcolor .mageworx-swatch-option[data-option-label="Mehrfarbig (RGB)"].selected{animation:fullcolor 6s infinite alternate!important} .lightcolor .mageworx-swatch-option[data-option-label="Full Color "]{background:conic-gradient(#9ed110,#50b517,#179067,#476eaf,#9f49ac,#cc42a2,#e02b27,#ff5800,#ff8100,#feac00,#fc0,#ede604);animation:yy 2s linear infinite} /* animations */ @keyframes yy{0%{filter:hue-rotate(0)}50%{filter:hue-rotate(360deg)}100%{filter:hue-rotate(-360deg)}} @keyframes fullcolor{ 0%{background:rgb(255,253,207);box-shadow:0 0 25px rgb(255,253,207)} 11%{background:#fff;box-shadow:0 0 25px #fff} 22%{background:#ffd62e;box-shadow:0 0 25px #ffd62e} 33%{background:#ff8d02;box-shadow:0 0 25px #ff8d02} 44%{background:#ff2a4d;box-shadow:0 0 25px #ff2a4d} 56%{background:#f900ff;box-shadow:0 0 25px #f900ff} 67%{background:#812aff;box-shadow:0 0 25px #812aff} 78%{background:#00dbfe;box-shadow:0 0 25px #00dbfe} 89%{background:#0274fc;box-shadow:0 0 25px #0274fc} 100%{background:#0bd748;box-shadow:0 0 25px #0bd748} } .block .benefits .text, .page-container .benefits .text { max-width: 320px; margin: 0 auto 1.6rem auto; text-align: left; } .block .benefits .title, .page-container .benefits .title { justify-content: left; padding-left: 10px; } @media (min-width: 768px), print { .product-add-form .product-options-wrapper .field .control { width: 100%; } .catalog-product-view .payment-request-button { width: 100%; } } h1 , div.category-view h1 , .h1{ font-size: 2.2rem; margin-bottom: 0rem; } div.category-view:not(:has(.category-image)) { min-height: clamp(0vh, 10px, 0vh); } .product-image-photo { position: inherit; } .product-image-container { aspect-ratio: auto !important; } /* 默认：桌面端 4 列 */ .catalog-category-view .products-grid .product-items , .page-with-filter .products-grid .product-items , .catalogsearch-result-index .products-grid .product-items { column-count: 4; column-gap: 24px; } /* 每个商品作为一个完整块 */ .column.main .products-grid .product-item:nth-child(n) { break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom: 24px; width: 100%; } /* ✅ 平板：3 列 */ @media (max-width: 1024px) { .catalog-category-view .products-grid .product-items , .page-with-filter .products-grid .product-items , .catalogsearch-result-index .products-grid .product-items { column-count: 3; } } /* ✅ 手机：2 列 */ @media (max-width: 768px) { .catalog-category-view .products-grid .product-items , .page-with-filter .products-grid .product-items , .catalogsearch-result-index .products-grid .product-items { column-count: 2; column-gap: 16px; } .column.main .products-grid .product-item:nth-child(n) { margin-bottom: 16px; } } .products-grid .product-item-name { display: -webkit-box; -webkit-line-clamp: 2; /* 显示两行 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; max-height: 2.8em; /* 行高 x 行数 */ } .page-footer {background:#f5f6f7} /* 保修图标：沿用原来的 chic-return 图标 */ .chic-icon.chic-return::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGZpbGw9IiMwMDAwMDAiIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDE5My4yOTEgMTkzLjI5MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMTg3Ljk5MiwzMi44NzhjLTEuMTMyLTEuMTktMi43MDQtMS44NjMtNC4zNDYtMS44NjNjLTAuMDQ3LDAtMC4wOTMsMC0wLjEzOSwwYy02LjQyMiwwLTEyLjQwOS0yLjU2NC0xNi44NjktNy4yMjkNCgkJYy00LjUyOC00LjczNS02Ljg0NC0xMC45NDctNi41MjEtMTcuNDkyYzAuMDgxLTEuNjQxLTAuNTE0LTMuMjQzLTEuNjQ3LTQuNDMyQzE1Ny4zMzcsMC42NzMsMTU1Ljc2NywwLDE1NC4xMjQsMEgzOS4xNjcNCgkJYy0xLjY0MywwLTMuMjEzLDAuNjczLTQuMzQ2LDEuODYzYy0xLjEzMywxLjE4OS0xLjcyOCwyLjc5Mi0xLjY0Nyw0LjQzMmMwLjMyMyw2LjU0NC0xLjk5MywxMi43NTYtNi41MjEsMTcuNDkyDQoJCWMtNC40Niw0LjY2NC0xMC40NDcsNy4yMjktMTYuODY5LDcuMjI5Yy0wLjAzNywwLTAuMDc0LDAtMC4xMTEsMGMtMS43LTAuMDEtMy4yMzUsMC42NjctNC4zNzQsMS44NjMNCgkJYy0xLjE0LDEuMTk3LTEuNzM1LDIuODExLTEuNjQ2LDQuNDZDNS43Miw3NS42MTUsMjAuMTM3LDE0Ni42NTQsOTMuNDcxLDE5Mi4zODJjMC45NzIsMC42MDYsMi4wNzMsMC45MDksMy4xNzUsMC45MDkNCgkJczIuMjAzLTAuMzAzLDMuMTc1LTAuOTA5YzczLjMzNC00NS43MjgsODcuNzUxLTExNi43NjgsODkuODE3LTE1NS4wNDNDMTg5LjcyNywzNS42ODksMTg5LjEzMiwzNC4wNzUsMTg3Ljk5MiwzMi44Nzh6DQoJCSBNOTYuNjQ2LDE4MC4xNzhDMzQuMTE1LDEzOS41MTMsMTkuMDYyLDc4LjgyNywxNi4wMzMsNDIuNDdjNy4zMjEtMS4yOTYsMTQuMDE2LTQuODcxLDE5LjI5Mi0xMC4zODkNCgkJYzUuMjY5LTUuNTA5LDguNjA5LTEyLjU5Nyw5LjU4Mi0yMC4wODFoMTAzLjQ3OGMwLjk3Myw3LjQ4NCw0LjMxMywxNC41NzIsOS41ODIsMjAuMDgxYzUuMjc3LDUuNTE4LDExLjk3MSw5LjA5NCwxOS4yOTIsMTAuMzg5DQoJCUMxNzQuMjI5LDc4LjgyNywxNTkuMTc2LDEzOS41MTMsOTYuNjQ2LDE4MC4xNzh6Ii8+DQoJPHBhdGggZD0iTTEwMC43NTcsMjcuMzY4Yy0yOS4zMjktMi4yNy01NS4wMjcsMTkuNzQ2LTU3LjI5NSw0OS4wNzFjLTIuMjY3LDI5LjMyNSwxOS43NDYsNTUuMDI4LDQ5LjA3MSw1Ny4yOTUNCgkJYzEuMzkzLDAuMTA4LDIuNzc1LDAuMTYxLDQuMTQ5LDAuMTYxYzI3LjU2MywwLDUwLjk4Ni0yMS4yOTksNTMuMTQ2LTQ5LjIzMkMxNTIuMDk2LDU1LjMzOCwxMzAuMDgzLDI5LjYzNSwxMDAuNzU3LDI3LjM2OHoNCgkJIE0xMzcuODY1LDgzLjczOGMtMS43NTgsMjIuNzI4LTIxLjY4MywzOS43NzYtNDQuNDA2LDM4LjAzMmMtMjIuNzI4LTEuNzU3LTM5Ljc4OS0yMS42NzgtMzguMDMyLTQ0LjQwNg0KCQljMS42NzQtMjEuNjUsMTkuODI3LTM4LjE1Niw0MS4xOS0zOC4xNTZjMS4wNjQsMCwyLjEzOCwwLjA0MSwzLjIxNiwwLjEyNEMxMjIuNTYxLDQxLjA4OSwxMzkuNjIyLDYxLjAxLDEzNy44NjUsODMuNzM4eiIvPg0KCTxwYXRoIGQ9Ik0xMTYuNTU3LDYzLjc5OUw4OC4xNCw4OC4xMzhsLTkuODEyLTExLjQ1NmMtMi4xNTYtMi41MTctNS45NDMtMi44MS04LjQ2LTAuNjU0Yy0yLjUxNywyLjE1Ni0yLjgxLDUuOTQzLTAuNjU0LDguNDYNCgkJTDgyLjkyOSwxMDAuNWMxLjE4NywxLjM4NiwyLjg2OCwyLjA5Nyw0LjU2LDIuMDk3YzEuMzgxLDAsMi43NjktMC40NzQsMy45LTEuNDQzbDMyLjk3NC0yOC4yNDFjMi41MTctMi4xNTYsMi44MS01Ljk0MywwLjY1NC04LjQ2DQoJCUMxMjIuODYxLDYxLjkzNywxMTkuMDc0LDYxLjY0NCwxMTYuNTU3LDYzLjc5OXoiLz4NCjwvZz4NCjwvc3ZnPg=='); width: 20px; height: 20px; content: ''; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 环保图标：使用你提供的 base64（很大的那串） */ .chic-icon.chic-eco::before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzY0NzQwNDg0ODM5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3NzQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTUxMiAxMDI0QzIyOS44ODggMTAyNCAwIDc5NC4xMTIgMCA1MTJTMjI5Ljg4OCAwIDUxMiAwczUxMiAyMjkuODg4IDUxMiA1MTItMjI5Ljg4OCA1MTItNTEyIDUxMnogbTAtOTYwYy0yNDYuNzg0IDAtNDQ4IDIwMS4yMTYtNDQ4IDQ0OHMyMDEuMjE2IDQ0OCA0NDggNDQ4IDQ0OC0yMDEuMjE2IDQ0OC00NDgtMjAxLjIxNi00NDgtNDQ4LTQ0OHoiIGZpbGw9IiMzMzMzMzMiIHAtaWQ9IjE3NzUiPjwvcGF0aD48cGF0aCBkPSJNNDgzLjg0IDY5Ni4zMmMtMC41MTIgMC00NS41NjgtMS41MzYtNjkuNjMyLTExLjI2NC0xNi4zODQtNi42NTYtMjQuMDY0LTI1LjYtMTYuODk2LTQxLjk4NCA2LjY1Ni0xNi4zODQgMjUuNi0yNC4wNjQgNDEuOTg0LTE2Ljg5NiA3LjY4IDMuMDcyIDM2LjM1MiA2LjE0NCA0NS4wNTYgNi42NTYgMzAuMjA4IDAgNTguMzY4LTcuMTY4IDgzLjk2OC0yMS41MDQgMzMuMjgtMTguNDMyIDYyLjQ2NC00OC42NCA4Ni41MjgtOTAuNjI0IDI4LjE2LTQ5LjE1MiA0OS42NjQtMTEzLjE1MiA2NC0xOTAuNDY0aC0yMS41MDRjLTExMS42MTYgMC0xODkuNDQgMS4wMjQtMjQ3LjgwOCAxNS4zNi0zMi43NjggNy42OC01Ny44NTYgMTkuNDU2LTc2LjggMzUuODQtMTkuOTY4IDE2Ljg5Ni0zMy4yOCAzOC45MTItNDEuNDcyIDY4LjA5Ni01LjYzMiAyMC40OC03LjE2OCA1Ni44MzIgMy4wNzIgOTAuMTEyIDMuMDcyIDEwLjI0IDcuMTY4IDE5LjQ1NiAxMy44MjQgMjkuMTg0IDkuNzI4IDE0Ljg0OCA1LjEyIDM0LjgxNi05LjcyOCA0NC4wMzItMTQuODQ4IDkuNzI4LTM0LjgxNiA1LjEyLTQ0LjAzMi05LjcyOC05LjcyOC0xNC44NDgtMTYuMzg0LTI5LjY5Ni0yMC45OTItNDUuMDU2LTE1LjM2LTQ4LjY0LTExLjI2NC05OC4zMDQtMy41ODQtMTI1Ljk1MiAxMS4yNjQtNDAuOTYgMzIuMjU2LTc0Ljc1MiA2MS40NC05OS44NCAyNi42MjQtMjIuNTI4IDYwLjQxNi0zOC45MTIgMTAyLjkxMi00OS4xNTIgNjUuMDI0LTE1Ljg3MiAxNDYuNDMyLTE3LjQwOCAyNjIuNjU2LTE3LjQwOGgyOC42NzJjMTUuODcyIDAgMzEuMjMyIDYuMTQ0IDQyLjQ5NiAxNy40MDhsMi4wNDggMi4wNDhjMTAuMjQgMTIuMjg4IDE0Ljg0OCAyOS4xODQgMTIuOCA0NS41Njh2MS4wMjRjLTE1LjM2IDg5LjA4OC0zOS45MzYgMTYyLjgxNi03My4yMTYgMjIwLjE2LTMwLjIwOCA1Mi4yMjQtNjcuNTg0IDkwLjYyNC0xMTEuMTA0IDExNC42ODgtMzQuODE2IDE5Ljk2OC03My4yMTYgMjkuNjk2LTExNC42ODggMjkuNjk2eiIgZmlsbD0iIzMzMzMzMyIgcC1pZD0iMTc3NiI+PC9wYXRoPjxwYXRoIGQ9Ik0zMTUuOTA0IDc3Mi42MDhoLTIuMDQ4Yy0xNy40MDgtMS4wMjQtMzEuMjMyLTE2LjM4NC0yOS42OTYtMzMuNzkyIDYuNjU2LTEwMS44ODggNTMuNzYtMTU2LjE2IDg4LjU3Ni0xOTUuNTg0bDMuNTg0LTQuMDk2YzIwLjQ4LTI1LjA4OCA3OC44NDgtNjguMDk2IDEwOS4wNTYtODMuNDU2IDI2LjYyNC0xMy44MjQgNDguMTI4LTIyLjAxNiA4MC44OTYtMjQuNTc2IDE3LjkyLTEuNTM2IDMyLjc2OCAxMS43NzYgMzQuMzA0IDI5LjY5NiAxLjUzNiAxNy40MDgtMTEuNzc2IDMyLjc2OC0yOS42OTYgMzQuMzA0LTE5Ljk2OCAxLjUzNi0zMi43NjggNS42MzItNTYuMzIgMTcuNDA4LTI1LjYgMTMuMzEyLTc2LjI4OCA1MS4yLTkwLjYyNCA2OC4wOTZsLTMuNTg0IDQuMDk2Yy0zMS43NDQgMzYuMzUyLTY3LjU4NCA3Ny44MjQtNzIuNzA0IDE1OC4yMDgtMS4wMjQgMTYuMzg0LTE1LjM2IDI5LjY5Ni0zMS43NDQgMjkuNjk2eiIgZmlsbD0iIzMzMzMzMyIgcC1pZD0iMTc3NyI+PC9wYXRoPjwvc3ZnPg=="); width: 20px; height: 20px; content: ''; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 保持原有尺寸类可继续使用 */ .chic-icon.chic-icon-medium::before { width: 30px; height: 30px; } div.hero .block-title {padding-left:75px; text-align: center;} div.hero .block-title strong { font-weight: 700; font-size: 2.4rem; margin-bottom: 2.4rem; text-transform: uppercase; } .as-tex { text-decoration: none; color: #000;} @media (max-width: 767px) { div.hero .block-title { padding-left: 0px; } .catalog-category-view .products-grid .product-items , .page-with-filter .products-grid .product-items { column-count: 2; column-gap: 10px; } .benefits.argento-grid .col-md-3 { width: 50%; float: left; padding: 2px 8px; } .page-footer .footer-toolbar-top .content { padding: 1rem 1rem; } .cms-index-index .jumbotron.benefits { padding-top: 1rem; padding-bottom: 0rem; } .benefits .title , .page-container .benefits .title , .block .benefits .title { font-size: 14px; margin-bottom: 4px; justify-content: left; } .benefits .title , .page-container .benefits .title span {padding-top:2px} .page-header .block-search {margin-left: 0;} .header.content .logo { min-height: 40px; line-height: 40px; margin: 0 auto 13px auto; padding-left: 60px; } .benefits .text { display: none; } .benefits .chic-icon.chic-icon-medium::before { width: 20px; margin-top: 2px; height: 20px; } div.block .block-title strong , div.hero .block-title strong { font-size: 1.8rem; margin-top: 0rem; margin-bottom: 1.8rem; } div.block .block-title{ text-align: center; } .as-tex { font-size: 12px;} } .page-main .page-title-wrapper .page-title { word-break: break-word; font-size: 2rem; line-height: 1.5; } .colormode{margin-top:20px} .colormode .block-title{margin-bottom:14px} .colormode .floats{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;text-align:left} .colormode .floats-img{display:block;width:100%;border-radius:10px;overflow:hidden;margin:0 0 10px} .colormode video,.colormode img{display:block;width:100%;height:auto} .colormode .tertiary_title{margin:8px 0 6px;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:.02em;text-transform:uppercase} .colormode p{margin:4px 0 8px;font-size:14px;line-height:1.65} .colormode ul{margin:6px 0 0;padding:0 0 0 18px;list-style:disc} .colormode li{margin:2px 0;padding:0;font-size:14px;line-height:1.6} .colormode ul ul,.colormode ol ul,.colormode ul ol,.colormode ol ol{margin:6px 0 0;padding-left:18px} @media (min-width:768px){.colormode .row{display:flex;flex-wrap:wrap}.colormode .col-sm-4{display:flex;flex-direction:column}.colormode .floats{width:100%}} @media (max-width:767px){.colormode .col-xs-4{width:100%!important;float:none!important}.colormode .floats{margin:0 0 22px}.colormode .tertiary_title{font-size:17px}.colormode p,.colormode li{font-size:14px}}