ume 额外的 css .summary-inner .extra-bold { font-weight: 700; .wp-block-woocommerce-cart .wc-block-cart__submit-button { 背景颜色：#CC4E5B; /* 背景颜色 */ color: #ffffff; /* 字体颜色变成白色 */ border-radius: 100px; /* 圆角边框，数字可以根据需要调整 */ border: 2px Solid #CC4E5B; /* 设置自己喜欢的颜色和粗细，或者根据需要调整 */ } tr.woocommerce-product-attributes-item--weight { display:none; } .page .wd-page-content { 背景颜色: rgb(255, 255, 255);背景图像：无； } main.wd-content-layout.content-layout-wrapper.container { 背景颜色：白色； } .wd-content-layout { 填充块：0px; /* 自定义 header 下拉样式 */ /* 父容器始终贴合 span 底部 */ .custom-header-dropdowns .dropdown {position:relative;显示：内联块； } /* 下拉内容到达底部 */ .custom-header-dropdowns .dropdown-content { display: none;位置：绝对；顶部：100%； /* 恰好贴在 span 下方 */ left: 0;背景颜色：#fff；边框：1px实心#ddd；盒子阴影：0 2px 6px rgba(0,0,0,0.1);最小宽度：120px； z 指数：99；指针事件：自动； /* 鼠标可以进入 */ } /* 标题*/ /* 横向排列下拉块 */ .dropdown-horizontal { display: flex;弹性方向：行！重要；对齐项目：居中；间隙：20px； } /* 每个下拉容器 */ .dropdown-horizontal .dropdown {position:relative;显示：内联块；光标：指针； } /* 图标 + 文字容器 */ .dropdown-horizontal .dropdown > span { display: flex;对齐项目：居中；间隙：6px；字体大小：16px； } .dropdown-horizontal .dropdown > span .icon { 字体大小：20px; } /* 默认隐藏下拉菜单 */ .dropdown-horizontal .dropdown-content { display: none; /* ✅ 默认隐藏 */ position: absolute; top: 100%; left: 0; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 6px rgba(0,0,0,0.1); min-width: 120px; z-index: 999; padding: 6px 0; flex-direction: column; } /* 鼠标悬停时才显示 */ .dropdown-horizontal .dropdown:hover .dropdown-content { display: flex; } /* 下拉链接样式 */ .dropdown-horizontal .dropdown-content a { display: block; padding: 6px 12px; text-decoration: none; color: #333; white-space: nowrap; } .dropdown-horizontal .dropdown-content a:hover { background-color: #f8f8f8; color: #d9534f; } /* 仅作用于 TranslatePress 短码切换器 */ .lang-switcher-safe .trp_language_switcher_shortcode .trp-language-switcher, .trp_language_switcher_shortcode .trp-ls-shortcode-current-language, .trp_language_switcher_shortcode .trp-ls-shortcode-language { border: 0 !important; box-shadow: none !important; } /* 去掉当前按钮上的箭头（通常主题用::after 画的） */ .lang-switcher-safe .trp_language_switcher_shortcode .trp-ls-shortcode-current-language a::after { content: none !important; } /* 去掉 TP 自己可能的外边距 */ .lang-switcher-safe .trp-language-switcher{ margin:0 !important;宽度：40px！重要； } .trp_language_switcher_shortcode .trp-ls-shortcode-current-language a img.trp-flag-image{ 变换：translateY(-5px); } .trp_language_switcher_shortcode .trp-ls-shortcode-language{ 转换：translateY(-5px) !重要; .dropdown-horizontal .dropdown .icon{ font-size: 1.5em; line-height: 1; display: inline-flex; vertical-align: middle; } .dropdown-horizontal .dropdown .icon{ transform: translateY(1px); } .icon{ width:1.2em; height:1.2em; display:inline-block; vertical-align:middle; line-height:1; background-color: var(--btn-accented-bgcolor, var(--btn-default-bgcolor, rgb(215, 79, 93))); -webkit-mask: url('/wp-content/uploads/2025/10/pin.svg') no-repeat center/contain; mask: url('/wp-content/uploads/2025/10/pin.svg') no-repeat center/contain; } .whb-column>.info-box-wrapper, .wd-header-text, .whb-column>.wd-button-wrapper, .whb-column>.wd-social-icons, .wd-header-html { padding-inline: 18px; } .aws-container .aws-search-form{ border: 1px solid #ddd !important; border-radius: 9999px !important; overflow: hidden !important; background: #fff !important; } .aws-container .aws-search-field{ width: 35vw !important;边框：0！重要；内边距：0 16px！重要； -webkit-外观：无！重要； / 外观：无！重要；边界半径：0！重要；背景剪辑：填充框！重要；大纲：无！重要； .aws-container .aws-search-btn, .aws-container .aws-search-btn 按钮{ border: 0 !important;背景：透明！重要；盒子阴影：无！重要； } /* 仅限桌面端 */ @media (min-width:1024px){ /* —— 可调参数 —— */ :root{ --bar-width: min(1100px, 90vw); /* 细节条最大宽度（增大=三步更分散） */ --line-inset: 3%; /* 头尾缩进（缩小=线更贴近两端圆点） */ --dot-size: 26px; /* 圆点直径 */ --line-thickness: 6px; /* 进度线粗细 */ /* var(--btn-accented-bgcolor)*/ --line-base: var(--btn-accented-bgcolor); /* 底线颜色 */ --line-active: #FFDBDB; /* 高亮线颜色 */ --dot-bg: #FFDBDB; /* 圆默认点底色 */ --dot-active: var(--btn-accented-bgcolor); /* 已完成/当前圆点底色 */ } /* 执行：水平布局 + 画线定位 */ .wd-checkout-steps{position:relative;显示：柔性； justify-content：空间之间；对齐项目：弹性开始；宽度：var(--bar-width);边距：28px 自动 12px；顶部填充： calc(var(--dot-size) / 2 + 4px);底部填充：34px； /* 给予绝对定位的文字施工空间 */ list-style: none;计数器重置：步骤； } /* 提出主题带来的箭头装饰 */ .wd-checkout-steps li::after, .wd-checkout-steps a::after { content:none !important; } /* 底线（整条） */ .wd-checkout-steps::before{ content:"";位置：绝对；左：var（--行插入）；右：var(--行插入);顶部： calc(var(--dot-size) / 2 + 1px);高度：var(--线宽); border-radius: calc(var(--line-thickness) / 2); background: var(--line-base); z-index: 0; } /* 高亮线（长度随当前步骤变化） */ .wd-checkout-steps::after{ content:""; position:absolute; left: var(--line-inset); top: calc(var(--dot-size) / 2 + 1px); height: var(--line-thickness); border-radius: calc(var(--line-thickness) / 2); background: var(--line-active); width: 0%; z-index: 0; } .wd-checkout-steps:has(li.step-cart.step-active)::after { width: 13%; } .wd-checkout-steps:has(li.step-checkout.step-active)::after { 宽度: 48%; } .wd-checkout-steps:has(li.step-complete.step-active)::after { 宽度: 100%; } /* 每个步骤节点 */ .wd-checkout-steps li{position:relative; /* 供圆点/文字绝对定位 */ z-index: 1; /* 让圆点盖在线上 */ flex: 1 1 auto;文本对齐：居中； } /* 数字圆点（1/2/3） */ .wd-checkout-steps li::before{ counter-increment: step;内容：计数器（步骤）！重要；位置：绝对；顶部：0；左：50%；变换：翻译（-50%，-50%）；宽度：var(--dot-size);高度：var(--dot-size);边界半径：50%；显示：网格；地点项目：中心；背景：var(--dot-bg);颜色：#fff；字体粗细：700；字体大小：14px； /* 数字大小 */ line-height: 1;框阴影：0 0 0 2px rgba(255,255,255,.9) 插图； } /* 已完成 + 当前步骤高亮 */ .wd-checkout-steps li:has(~ li.step-active)::before, .wd-checkout-steps li.step-active::before{ background: var(--dot-active); } /*步骤文字：固定到同一中心，统一风格 */ .wd-checkout-steps li a, .wd-checkout-steps li > span{position:absolute!important;左：50%；变换：translateX(-50%)；顶部： calc(var(--dot-size) + 14px); /* 距离圆点的垂直距离：改这里 */ margin: 0 !important;显示：内联块；行高：1.2！重要；文本对齐：居中；字体大小：18px；字体粗细：600；颜色：继承；文本装饰：无！重要；边框底部：无！重要；盒子阴影：无！重要；空白：nowrap； /* 需要换行就去掉这行 */ } /* 暂停时不改变高度/下划线 */ .wd-checkout-steps li a:hover{ text-decoration: none !important;边框底部：无！重要；盒子阴影：无！重要； } } /* 手机端的页面顶部卖家信息的padding */ .header-banner-container { padding-inline: 5px; }