/* HongFu Blocks — 全站组件样式（唯一事实来源）
 *
 * 2026-07-25 统一：此前同一批规则分散在 8 处（本文件仅供编辑器 + functions.php 的
 * #hf-inline-css + 抽屉 CSS + 灯箱 CSS + parts/header.html + parts/footer.html +
 * templates/taxonomy-product_cat.html + templates/single-product.html），
 * 数值互相漂移且每页重复内联、不可缓存。现在只有这一份，
 * 通过 wp_enqueue_style（前端）+ add_editor_style（编辑器）加载 —— 编辑器所见 = 前端。
 *
 * ⚠ 分区顺序 = 原来的加载顺序，不要重排：后面的分区依赖覆盖前面的分区。
 * ⚠ 压缩交给 LiteSpeed（optm-css_min=1），所以这里保持可读，不要手工压。
 * ⚠ mu_float_cta.php 的浮标样式故意留在该 mu-plugin 内（自包含模块，不依赖主题）。
 * ⚠ 首页 1725 / about 1336 的 post_content 里还有一段 style 块（.hf-cp 系列、.hf-stats、
 *   .hf-pillar-num、.hf-factory-btn），随页面内容存在数据库里，未并入本文件——删页面
 *   样式块前先把这些类搬进来，否则首页产品卡和数字墙会掉样式。
 *   （注释里不要出现星号加斜杠的组合，会提前关掉这段注释并吞掉下一条规则。）
 * ⚠ 当前 LiteSpeed 的 UCSS 是关闭的（optm-ucss 为空），所以外部样式表安全。
 *   若日后启用 UCSS，必须把本文件加进 UCSS File Excludes，否则"未使用"的类
 *   （弹窗/抽屉/灯箱等靠 JS 才出现的元素）会被剥掉。
 */

html{overflow-anchor:none;scroll-behavior:smooth}

/* ============================================================
 * 1. 全站组件（原 functions.php #hf-inline-css）
 * ============================================================ */

.hf-card{border:1px solid #EFE9DC;border-radius:16px;padding:28px;background:#fff;box-shadow:0 2px 24px rgba(28,26,23,.05);transition:transform .25s ease,box-shadow .25s ease}
.hf-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(28,26,23,.1)}
.hf-card.hf-card--contact{padding:24px}
.hf-prodcard{border:1px solid #EFE9DC;border-radius:16px;padding:12px;background:#fff;box-shadow:0 2px 18px rgba(28,26,23,.04);transition:transform .25s ease,box-shadow .25s ease}
.hf-prodcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(28,26,23,.12)}
.hf-prodcard .wp-block-post-title{margin:12px 0 4px;line-height:1.35}
.hf-prodcard .wp-block-post-terms{font-size:.85rem}

/* WPForms（询盘表单 1590）的样式已移出本文件 → assets/hf-wpforms.css。
 * 原因：WPForms 在 wp_footer 优先级 15 才输出自己的样式表，永远排在本文件之后，
 * 所以这里的每条规则都必须写 !important 才压得住（原本 20 处）。
 * 改成独立文件 + 页脚入队（见 functions.php 的 hf-wpforms 入队），
 * 排在 WPForms 之后，靠层叠顺序取胜，那 20 处 !important 已全部删除。
 * ⚠ 别把 WPForms 规则搬回本文件，搬回来就得重新加 !important。 */

/* 询盘弹窗 */
.hf-qm{position:fixed;inset:0;z-index:100000}
.hf-qm[hidden]{display:none}
.hf-qm-overlay{position:absolute;inset:0;background:rgba(21,20,15,.62)}
.hf-qm-card{position:relative;max-width:560px;margin:5vh auto;background:#fff;border-radius:14px;padding:30px 30px 24px;max-height:90vh;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.35)}
@media(max-width:640px){.hf-qm-card{margin:2vh 12px}}
.hf-qm-title{margin:0 0 4px;font-size:1.5rem}
.hf-qm-sub{margin:0 0 16px;color:#6B665D;font-size:14px}
.hf-qm-close{position:absolute;top:10px;right:14px;font-size:28px;line-height:1;background:none;border:0;cursor:pointer;color:#6B665D}
.hf-qm-close:hover{color:#1C1A17}

/* 头部购物车角标 */
.hf-cart-btn{position:relative;display:inline-block;font-size:26px;line-height:1;text-decoration:none}
.hf-cart-count{position:absolute;top:-7px;right:-11px;background:#8A6A1E;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* 工厂图卡 / 数字 */
.hf-fcard{border:1px solid #EFEADB;border-radius:12px;overflow:hidden}
.hf-fcard .wp-block-image{margin:0}
.hf-fcard img{display:block;width:100%}
.hf-fcap{padding:12px 14px;font-weight:600;font-size:14.5px;margin:0}
.hf-num{color:#8A6A1E;font-weight:700}

/* 全站修复：浅背景上的幽灵描边按钮（深色文字被主题染成浅金→发灰看不清） */
.wp-block-button.is-style-outline .wp-block-button__link.has-contrast-color{color:#8A6A1E!important;border:2px solid #B8923F!important;background:transparent!important;border-radius:8px!important;font-weight:700;letter-spacing:.4px;padding:13px 30px!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.wp-block-button.is-style-outline .wp-block-button__link.has-contrast-color:hover{background:#8A6A1E!important;color:#fff!important;box-shadow:0 6px 18px rgba(138,106,30,.34)}

/* ------------------------------------------------------------
 * 全站修复：文字对比度（WCAG 2.1 AA，正文 4.5:1 / 大字与图形 3:1）
 * 2026-08-02。金色统一：#C9A96A 压白字 = 2.24:1，#B8923F 压白字 = 2.91:1，
 * 都不达标；深金 #8A6A1E 与白 = 5.05:1，hover 用 #6E5417 = 7.13:1。
 *
 * ⚠ 千万别改 theme.json 里 primary 这个 token 的色值来"一次性解决"。
 *   站上金底按钮有两种：白字（.has-base-color，2.24:1，要修）和
 *   深字（.has-dark-color，#15140F 压 #C9A96A = 8.22:1，本来就合格，主要在页脚）。
 *   把 primary 调暗会让后者掉到 3.65:1 —— 拆东墙补西墙。
 *   所以只修"白字 + 金底"这一个组合，token 保持不变。
 *
 * ⚠ 核心输出的 .has-*-color 预设类自带 !important
 *   （.has-primary-background-color{background-color:var(...)!important}），
 *   只能用更高特异性 + !important 才压得住，这里的 !important 删不掉。
 * ------------------------------------------------------------ */

.wp-block-button__link.has-primary-background-color.has-base-color{background-color:#8A6A1E!important}
.wp-block-button__link.has-primary-background-color.has-base-color:hover{background-color:#6E5417!important}

/* 页头 tagline 是全站唯一落在白底上的 has-primary-color 金字（2.24:1）。
   其余 has-primary-color 都在深色区块上（#C9A96A 压 #15140F = 8.22:1），别一刀切。 */
.site-header .hf-tagline.has-primary-color{color:#8A6A1E!important}

/* theme.json 的 elements.link 已改为深金（白底 5.05:1），但页脚是深色底、
   有 17 个继承该色的链接，深金压深底只剩 3.65:1，所以深色区块内换回浅金。
   特异性 (0,2,1) > 核心 :root :where(a...) 的 (0,1,0)，无需 !important。 */
.has-dark-background-color a:not(.wp-element-button),
.has-contrast-background-color a:not(.wp-element-button){color:#C9A96A}
.has-dark-background-color a:not(.wp-element-button):hover,
.has-contrast-background-color a:not(.wp-element-button):hover{color:#E8C87A}

/* 键盘焦点轮廓：accent-4/accent-6 修复（2026-08-03）。
 * 父主题 Twenty Twenty-Five 的按钮 :focus 轮廓色、分隔线颜色写死引用
 * var(--wp--preset--color--accent-4 / accent-6)，但子主题 theme.json 用
 * defaultPalette:false 整体替换了调色板，这两个槽位从未被定义过 ——
 * 于是全站按钮 Tab 聚焦时轮廓不显示（键盘用户看不到焦点在哪），
 * 分隔线颜色也退化成继承值，行为不可预期。
 * 已在 theme.json 补回这两个 slug：accent-4=#15140F（对白底 20:1、对金色按钮
 * 底色 ~4:1，双双达标）、accent-6=#EFE9DC（与 .hf-card 边框色一致，纯装饰用途）。
 *
 * 但 accent-4 是近黑色，压在 Hero 深色遮罩/页脚这类深色区块上会失去对比 ——
 * 焦点恰恰最该在这些地方看得见，所以按同一套深色区块换色的惯例单独覆盖。 */
.has-dark-background-color :where(.wp-element-button,.wp-block-button__link):focus,
.has-contrast-background-color :where(.wp-element-button,.wp-block-button__link):focus{outline-color:#FAF7F0}

/* FAQ —— Gutenberg details 版（首页/about 等：<details class="hf-faq">）。
   产品页是 <div class="hf-faq"><details>，样式见第 5 区，用 .hf-faq details 精确隔离。 */
.hf-faq{border:1px solid #E6DECB;border-radius:8px;padding:14px 18px}
.hf-faq + .hf-faq{margin-top:10px}
.hf-faq summary{cursor:pointer;font-weight:600;list-style-position:inside}

/* 产品规格/尺寸表在窄屏横向滚动（[hf_specs] 的表格容器） */
.hf-spectable{overflow-x:auto}

/* 公开价格契约：已审核起价或非数字询价状态。 */
.hf-public-price-text{font-weight:700;color:#8A6A1E}
.hf-public-price-text.is-quote{font-size:.94em}
.hf-price-prefix{font-size:.72em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6B665D}
/* 2026-08-02 移除 .hf-price-basis（「+ shipping」标注）：一度改为包邮，后定为
   DDP 含关税 + 运费按目的地阶梯另计，`From $X` 保持干净、运费在 /shipping/ 公示。
   若日后改回在价格旁标注基准，连同 functions.php 的 hf_public_price_html() 一并恢复。 */

/* 退货/取消申请表单（mu_return_request.php 的 [hf_return_request]）。
   ⚠ .hf-rf-trap 是蜜罐字段，必须对真人不可见但对机器人可见——
   所以用绝对定位移出视口，不要改成 display:none 或 visibility:hidden，
   那两种会被爬虫识别为陷阱从而绕开。aria-hidden 由标记侧留空即可。 */
.hf-rf-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hf-return-form{max-width:720px}
.hf-return-form p{margin:0 0 14px}
.hf-return-form label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#1D1D1F}
.hf-rf-opt{font-weight:400;color:#6B665D;font-size:12.5px}
.hf-return-form input[type=text],.hf-return-form input[type=email],.hf-return-form input[type=date],.hf-return-form select,.hf-return-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #E6E0D2;border-radius:3px;font-size:15px;background:#fff;font-family:inherit}
.hf-return-form input:focus,.hf-return-form select:focus,.hf-return-form textarea:focus{border-color:#8A6A1E;outline:none;box-shadow:0 0 0 3px rgba(138,106,30,.22)}
.hf-rf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media (max-width:600px){.hf-rf-row{grid-template-columns:1fr}}
.hf-rf-submit{background:#8A6A1E;color:#fff;border:0;border-radius:3px;padding:15px 38px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s;font-family:inherit}
.hf-rf-submit:hover{background:#6E5417}
.hf-card-price{margin:2px 0 0}
.hf-card-moq{margin:2px 0 0;font-size:12px;color:#6B665D}
.hf-cardp-value{font-size:15px}

/* 询价购物车/结算页的「待报价」提示 */
.hf-quote-note{color:#8A6A1E;font-weight:600}

.hf-imgcard{border:1px solid #EFEADB;border-radius:14px;overflow:hidden}
.hf-imgcard figure.wp-block-image{margin:0}
.hf-imgcard img{display:block;width:100%}
.hf-imgcard-body{padding:22px}

/* 实力数字墙 / 支柱数字（原先重复写在页面 1725 与 1336 的 post_content 里，
   1336 那份是 1725 的子集；2026-07-25 并入本文件） */
.hf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;text-align:center}
.hf-stat-n{margin:0;font-size:32px;font-weight:800;color:#8A6A1E;line-height:1.2}
.hf-stat-l{margin:4px 0 0;font-size:12.5px;color:#6B665D;text-transform:uppercase;letter-spacing:1.2px}
.hf-pillar-num{font-size:26px;font-weight:800;color:#8A6A1E;margin:0 0 6px;letter-spacing:1px}

/* 首页分产品线卡片网格（[hf_cat_products] 输出的标记）。
   2026-08-02 改版：每个品类独占整行、桌面固定 4 列。
   原先是 auto-fit + minmax(250px)，在半幅容器里只排得下 2 列，
   首页看起来就是几块零散的大卡片。 */
.hf-cpgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1000px){.hf-cpgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (max-width:760px){.hf-cpgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.hf-cp{display:flex;flex-direction:column;box-sizing:border-box;height:100%;background:#fff;border:1px solid #EFE9DC;border-radius:12px;padding:10px 10px 14px;text-decoration:none;box-shadow:0 1px 8px rgba(0,0,0,.05);transition:transform .18s,box-shadow .18s,border-color .18s}
.hf-cp:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(43,35,23,.13);border-color:#E0D5BC}

/* ⚠ 用 1:1 + contain，不要用 4:3 + cover。
   吊灯是竖长物件，横向裁切会把灯体切掉两头 —— 这是改版前首页最刺眼的问题。
   产品图是黑底棚拍，所以图块底色取 #15140F（预设 dark）与照片融为一体，
   contain 留出的边看不出来，同时整灯完整可见、不裁切。
   若日后换成白底产品图，这里的 background 要一并改白，否则会出现黑框。 */
.hf-cp img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#15140F;border-radius:9px}
.hf-cp-t{display:block;margin-top:12px;font-weight:600;font-size:14px;color:#1D1D1F;line-height:1.4}
.hf-cp-p{display:block;margin-top:auto;padding-top:10px;font-weight:700;font-size:14px;color:#8A6A1E}
.hf-cp-m{display:block;margin-top:3px;font-size:11.5px;color:#6B665D;line-height:1.4}
@media (max-width:760px){.hf-cp{padding:8px 8px 12px}.hf-cp-t{font-size:13px;margin-top:10px}.hf-cp-p{font-size:13px}.hf-cp-m{font-size:11px}}

/* 品类行标题（首页每个产品线一行） */
.hf-catrow-head{align-items:baseline;gap:10px 24px}
.hf-catrow-head h2{margin:0}
.hf-catrow-head h2 a{text-decoration:none;color:#2B241B}
.hf-catrow-head h2 a:hover{color:#8A6A1E}
.hf-catrow-more{margin:0;font-size:14px;font-weight:700;white-space:nowrap}
.hf-catrow-more a{text-decoration:none;color:#8A6A1E}
.hf-catrow-more a:hover{text-decoration:underline;text-underline-offset:4px}
.hf-catrow-lead{max-width:68ch;margin-top:8px;margin-bottom:26px}

/* 首页四个产品系列使用同一视觉系统：桌面 2x2，窄屏单列。 */
.hf-home-collections{overflow:hidden}
.hf-collections-lead{max-width:720px;margin-right:auto;margin-left:auto}
.hf-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:38px}
.hf-collection-panel{min-width:0;padding:28px;border:1px solid #E7DECB;border-radius:20px;background:#fff;box-shadow:0 8px 30px rgba(43,35,23,.06)}
.hf-collection-panel>.wp-block-heading{margin-top:0;margin-bottom:10px;line-height:1.22}
.hf-collection-panel>.wp-block-heading a{text-decoration:none;color:#2B241B}
.hf-collection-panel>.wp-block-heading a:hover{color:#8A6A1E}
.hf-collection-panel>p.has-muted-color{min-height:3.2em;margin-top:0;margin-bottom:22px;line-height:1.6}
.hf-collection-panel .hf-cpgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hf-collection-panel .hf-cp{border:1px solid #EFE9DC;box-shadow:none}
.hf-collection-panel .hf-cp:hover{box-shadow:0 10px 24px rgba(43,35,23,.1)}
.hf-collection-link{margin:20px 0 0;font-size:14px;font-weight:700}
.hf-collection-link a{text-decoration:none;color:#8A6A1E}
.hf-collection-link a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.hf-collection-grid{grid-template-columns:1fr}.hf-collection-panel>p.has-muted-color{min-height:0}}
@media(max-width:520px){.hf-home-collections{padding-top:54px!important;padding-bottom:58px!important}.hf-collection-grid{gap:20px;margin-top:28px}.hf-collection-panel{padding:20px;border-radius:16px}.hf-collection-panel .hf-cpgrid{grid-template-columns:1fr}}

/* Factory Tour 描边按钮 */
.hf-factory-btn a.wp-block-button__link{background:transparent !important;border:2px solid #B8923F !important;color:#8A6A1E !important;font-weight:700;letter-spacing:.6px;border-radius:8px;padding:13px 32px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.hf-factory-btn a.wp-block-button__link:hover{background:#8A6A1E !important;color:#fff !important;box-shadow:0 6px 18px rgba(138,106,30,.34)}

/* ============================================================
 * 2. 页头（原 parts/header.html 的 <style>）
 * ============================================================ */

.site-header .wp-block-navigation a{transition:color .18s ease;position:relative}
.site-header .wp-block-navigation .wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle):hover{color:#8A6A1E !important}
.site-header .wp-block-navigation .wp-block-navigation-item{padding-bottom:2px}
.site-header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content{color:#8A6A1E !important}
.site-header .wp-block-button__link{transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;letter-spacing:.5px}
.site-header .wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(184,146,63,.38)}
.site-header .wp-block-site-title a{transition:color .18s ease}
/* 吸顶跟随 + 滚动收缩（sticky 必须加在 <header> 外层元素上,其父级才够高）。
   html{overflow-anchor:none} 已提到文件顶部：关闭滚动锚定,避免收缩改变高度时浏览器回补 scrollY 造成抖动。 */
.wp-site-blocks > header{position:sticky;top:0;z-index:200}
.site-header{transition:padding .25s ease,box-shadow .25s ease}
.site-header .wp-block-site-title{transition:font-size .25s ease}
.site-header .hf-tagline{transition:opacity .2s ease,max-height .25s ease,margin .25s ease;overflow:hidden;max-height:24px}
.site-header.is-stuck{padding-top:11px !important;padding-bottom:11px !important;box-shadow:0 3px 18px rgba(0,0,0,.09)}
.site-header.is-stuck .wp-block-site-title{font-size:23px !important}
.site-header.is-stuck .hf-tagline{opacity:0;max-height:0;margin-top:0 !important}
.site-header.is-stuck .wp-block-button__link{padding-top:9px !important;padding-bottom:9px !important}
@media (max-width:781px){.site-header .wp-block-site-title{font-size:22px !important}.site-header.is-stuck .wp-block-site-title{font-size:20px !important}}

/* ============================================================
 * 3. 页脚（原 parts/footer.html 的 <style>）
 * ============================================================ */

.wp-site-blocks > footer{margin-block-start:0 !important}

/* 社交链接块（页脚只有 WhatsApp 一个）。
   核心的 wp-block-social-links 样式带着 45 个平台的品牌色共 11.8KB，本站只用到 1 个平台；
   functions.php 已 dequeue 核心那份，这里保留的是**从核心 CSS 原样摘出**的通用/布局规则
   + WhatsApp 两条色值（2.6KB），所以图标尺寸、间距、hover 缩放与核心表现一致。
   ⚠ 页脚若新增其他平台（facebook / instagram / linkedin …），必须在此补对应的
   `:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-<平台>{...}`，
   否则那个图标会显示成默认灰底。 */
.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}
.wp-block-social-links .wp-social-link svg{height:1em;width:1em}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}
.wp-block-social-links.has-small-icon-size{font-size:16px}
.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}
.wp-block-social-links.has-large-icon-size{font-size:36px}
.wp-block-social-links.has-huge-icon-size{font-size:48px}
.wp-block-social-links.aligncenter{display:flex;justify-content:center}
.wp-block-social-links.alignright{justify-content:flex-end}
.wp-block-social-link{border-radius:9999px;display:block;height:auto}
@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}
.wp-block-social-link a{align-items:center;display:flex;line-height:0}
.wp-block-social-link:hover{transform:scale(1.1)}
.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}
.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}
:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}
:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}
:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}

/* ============================================================
 * 4. 产品分类归档页（原 templates/taxonomy-product_cat.html 的 <style>）
 * 类名与第 5 区不交叉,无需页面作用域。
 * ============================================================ */

.hf-cat-sidebar .hf-side-box{background:#fff;border:1px solid #EDE9E0;border-radius:10px;padding:16px 16px 10px;margin-bottom:22px}
.hf-side-title{margin:0 0 8px;font-weight:700;font-size:15px;border-bottom:1px solid #EDE9E0;padding-bottom:9px}
.hf-side-list{list-style:none;margin:0;padding:0}
.hf-side-list a{display:block;padding:8px 2px;font-size:14px;color:#444;text-decoration:none;border-bottom:1px dashed #F0EDE6}
.hf-side-list li:last-child a{border-bottom:0}
.hf-side-list a:hover{color:#8A6A1E}
.hf-side-list a.is-current{color:#8A6A1E;font-weight:700}
.hf-side-list a span{color:#6B665D;font-size:12px}
.hf-pick{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed #F0EDE6;text-decoration:none}
.hf-pick:last-of-type{border-bottom:0}
.hf-pick img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 64px}
.hf-pick-body{display:block;min-width:0}
.hf-pick-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:#333}
.hf-pick-price{display:block;font-size:13px;font-weight:700;color:#8A6A1E;margin-top:3px}
.hf-pick-moq{display:block;font-size:11.5px;color:#6B665D;margin-top:1px}
.hf-card-badge{margin:8px 0 0;font-size:12px;color:#3E7C4F}
.hf-card-actions{display:flex;gap:10px;margin-top:12px}
.hf-card-actions a{flex:1;text-align:center;padding:9px 6px;border-radius:22px;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.3px;white-space:nowrap}
.hf-btn-quote{background:#8A6A1E;border:1px solid #8A6A1E;color:#fff !important}
.hf-btn-quote:hover{background:#6E5417}
.hf-btn-wa{border:1px solid #25D366;color:#1DA851 !important}
.hf-btn-wa:hover{background:#F0FBF4}
.hf-cat-main .wp-block-query-pagination .page-numbers,
.hf-cat-main .wp-block-query-pagination-previous,
.hf-cat-main .wp-block-query-pagination-next{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;background:#fff;border:1px solid #E3DFD6;border-radius:8px;font-size:14px;font-weight:600;color:#444;text-decoration:none;line-height:1}
.hf-cat-main .wp-block-query-pagination .page-numbers:hover,
.hf-cat-main .wp-block-query-pagination-previous:hover,
.hf-cat-main .wp-block-query-pagination-next:hover{border-color:#B8923F;color:#8A6A1E}
.hf-cat-main .wp-block-query-pagination .page-numbers.current{background:#1D1D1F;border-color:#1D1D1F;color:#fff}
.hf-cat-main .wp-block-query-pagination .page-numbers.dots{background:transparent;border:0;min-width:auto;padding:0 3px}
.hf-cat-main .wp-block-query-pagination-numbers{display:inline-flex;gap:6px}
.hf-cat-main .wp-block-query-pagination-previous,
.hf-cat-main .wp-block-query-pagination-next{font-size:0;gap:0}
.hf-cat-main .wp-block-query-pagination-previous-arrow,
.hf-cat-main .wp-block-query-pagination-next-arrow{font-size:16px;margin:0}
.hf-goto{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#555}
.hf-goto input{width:56px;height:38px;border:1px solid #E3DFD6;border-radius:8px;text-align:center;font-size:14px;background:#fff;-moz-appearance:textfield}
.hf-goto input::-webkit-outer-spin-button,.hf-goto input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hf-goto input:focus{outline:none;border-color:#8A6A1E;box-shadow:0 0 0 3px rgba(138,106,30,.22)}
.hf-goto button{height:38px;padding:0 22px;border:1.5px solid #1D1D1F;border-radius:20px;background:#fff;font-size:14px;font-weight:700;color:#1D1D1F;cursor:pointer}
.hf-goto button:hover{background:#1D1D1F;color:#fff}
@media (max-width:781px){.hf-cat-layout{display:flex;flex-direction:column}.hf-cat-sidebar{order:2;width:100%!important}}

/* ============================================================
 * 5. 产品详情页（原 templates/single-product.html 的 <style>）
 * ============================================================ */

.hf-pd-row{display:flex;align-items:center;gap:44px;margin:0 0 46px}
.hf-pd-rev{flex-direction:row-reverse}
.hf-pd-media{flex:0 0 48%;min-width:0}
.hf-pd-img{width:100%;height:auto;border-radius:14px;display:block}
.hf-pd-text{flex:1;min-width:0}
.hf-pd-text h3{margin:0 0 12px;font-size:24px}
.hf-pd-text p{margin:0 0 12px;color:#555;line-height:1.75}
.hf-pd-text ul{margin:0;padding-left:20px;color:#555;line-height:1.95;font-size:15px}
.hf-pack-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #EDE9E0}
.hf-pack-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hf-pack-card p{margin:0;padding:12px 14px;font-size:13.5px;font-weight:600;color:#444}
/* 产品页 FAQ = <div class="hf-faq"><details>；用 .hf-faq details 与第 1 区的
   <details class="hf-faq"> 版隔离（特异性更高,产品页照旧胜出）。 */
.hf-faq details{background:#fff;border:1px solid #EDE9E0;border-radius:10px;margin-bottom:12px}
.hf-faq details summary{cursor:pointer;font-weight:600;font-size:15.5px;padding:16px 44px 16px 18px;list-style:none;position:relative}
.hf-faq details summary::-webkit-details-marker{display:none}
.hf-faq details summary:after{content:"+";position:absolute;right:18px;top:12px;font-size:22px;color:#8A6A1E}
.hf-faq details[open] summary:after{content:"\2013"}
.hf-faq .hf-faq-a{padding:0 18px 16px;color:#555;font-size:14.5px;line-height:1.75}
@media (max-width:781px){.hf-pd-row,.hf-pd-rev{flex-direction:column;gap:18px;margin-bottom:36px}.hf-pd-media{flex-basis:auto;width:100%}}

.hf-attr-h{font-size:20px;margin:26px 0 12px;font-weight:700}

/* 尺寸与配置表（[hf_specs]）。斑马纹用 nth-child：数据行在 tbody 内，
   第 1 行白、第 2 行米色 —— 与分离前 PHP 里的 $alt 交替顺序一致。 */
.hf-sizetable{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 6px;min-width:560px}
.hf-sizetable thead tr{background:#15140F;color:#fff}
.hf-sizetable th{padding:10px 12px;border:1px solid #333;text-align:left}
.hf-sizetable td{padding:10px 14px;border:1px solid #ECE8E0;color:#3A372F}
.hf-sizetable tbody tr:nth-child(odd){background:#FFFFFF}
.hf-sizetable tbody tr:nth-child(even){background:#FAF7F0}

/* [hf_specs] 末尾的定制说明 */
.hf-cust-note{font-size:14px;color:#6B665D;margin:14px 0 0}
.hf-attr{display:grid;grid-template-columns:210px 1fr 210px 1fr;border:1px solid #EDE9E0;border-radius:10px;overflow:hidden;font-size:13.5px;background:#fff}
.hf-attr>div{padding:12px 14px;border-bottom:1px solid #F0EDE6;display:flex;align-items:center;min-height:20px}
.hf-attr-l{background:#F7F6F3;color:#555}
.hf-attr-v{color:#1D1D1F;font-weight:500}
.hf-attr>div:nth-last-child(-n+4){border-bottom:0}
@media (max-width:781px){.hf-attr{grid-template-columns:132px 1fr}.hf-attr>div:nth-last-child(-n+4){border-bottom:1px solid #F0EDE6}.hf-attr>div:nth-last-child(-n+2){border-bottom:0}.hf-attr-pad{display:none}}

.hf-public-price{display:flex;flex-direction:column;gap:5px;border:1px solid #EDE9E0;border-radius:12px;margin:2px 0 6px;padding:14px 16px;background:#FBFAF7}
.hf-public-price-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B665D}
.hf-public-price-value{font-size:22px;line-height:1.3}
.hf-public-price-value .woocommerce-Price-amount{font-size:22px;font-weight:800}
.hf-public-price-note{font-size:12.5px;line-height:1.5;color:#6B665D}
.hf-public-price-trade{align-self:flex-start;margin-top:3px;font-size:12.5px;font-weight:600;color:#8A6A1E;text-decoration:none}
.hf-public-price-trade:hover{text-decoration:underline}
.hf-protect{border:1px solid #EDE9E0;background:#FBFAF7;border-radius:12px;padding:14px 16px;margin-top:16px}
.hf-protect-t{margin:0 0 8px;font-weight:700;font-size:13px;color:#8A6A1E;text-transform:uppercase;letter-spacing:1px}
.hf-protect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px;color:#555}

/* 画廊（缩略图竖排 + 主图舞台） */
.hf-gal{display:flex;gap:12px;align-items:flex-start}
.hf-gal-thumbs{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;max-height:560px;overflow-y:auto;scrollbar-width:thin;padding:2px}
.hf-gal-main{position:relative;flex:1;min-width:0}
.hf-gal-main img{width:100%;border-radius:16px;display:block;cursor:zoom-in}
.hf-gal-th{padding:0;border:2px solid #EDE9E0;border-radius:10px;background:none;cursor:pointer;overflow:hidden;line-height:0;flex:0 0 auto}
.hf-gal-th img{width:64px;height:64px;object-fit:cover;display:block}
.hf-gal-th.is-on{border-color:#8A6A1E}
.hf-gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);border:1px solid #E3DFD6;box-shadow:0 2px 12px rgba(0,0,0,.14);font-size:16px;color:#333;cursor:pointer;z-index:5;line-height:1}
.hf-gal-nav:hover{border-color:#B8923F;color:#8A6A1E}
.hf-gal-prev{left:12px}
.hf-gal-next{right:12px}
.hf-gal-count{position:absolute;right:14px;bottom:12px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;padding:3px 10px;border-radius:999px;pointer-events:none}

/* 粘性头部 + 粘性 tab 条的高度契约。
   .hf-anchor 的 scroll-margin-top 必须 ≥ 两者之和，否则点 tab 跳转后小节标题
   会被压在 tab 条底下。原先是写死的 122px，只对桌面成立（见下方 600px 断点）。
   数值来源（收缩态，均含 1px 边框）：
     header  = padding 11+11 + border 1 + 内容行 ≈39   → ≈62px，取 64 留余量
     tab 条  = padding 14+14 + 14px×line-height 1.7(≈24) + 上下边框 2 → ≈54px
   ⚠ .hf-ptabs a 的 line-height 显式写成 1.7（原本靠继承 theme.json 的 body 值），
     这样上面这套算术不会因为 theme.json 改排版而失效。 */
:root{--hf-stuck-header:64px;--hf-ptabs-h:54px}

.hf-ptabs{position:sticky;top:var(--hf-stuck-header);z-index:55;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #EDE9E0;border-bottom:1px solid #EDE9E0;display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:0 8px}
.hf-ptabs a{padding:14px 16px;font-size:14px;line-height:1.7;font-weight:600;color:#444;text-decoration:none;border-bottom:2px solid transparent}
.hf-ptabs a:hover{color:#8A6A1E;border-bottom-color:#8A6A1E}
.hf-anchor{display:block;height:0;scroll-margin-top:calc(var(--hf-stuck-header) + var(--hf-ptabs-h) + 8px)}
/* 移动端 tab 条：5 个标签（Specifications / Product Details / Packing & Shipping /
   FAQ / Related Models）在 13px 下总宽约 530px，375px 屏必然折行。原来是 flex-wrap:wrap，
   折成 2 行后 tab 条高度翻倍到 ≈92px，加上头部 ≈62px 已超过原来写死的 122px，
   于是点 tab 之后小节标题被压在条底下约 30px。改为单行横向滚动，高度回到可预测的一行。
   ⚠ justify-content 必须同时从 center 改回 flex-start：
     居中 + overflow-x 会让溢出到左边的内容永远滚不到（各浏览器通病）。 */
@media (max-width:600px){
  :root{--hf-ptabs-h:48px}
  .hf-protect-grid{grid-template-columns:1fr}
  .hf-ptabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
  .hf-ptabs::-webkit-scrollbar{display:none}
  .hf-ptabs a{padding:12px 10px;font-size:13px;white-space:nowrap;flex:0 0 auto}
  .hf-gal{flex-direction:column}
  .hf-gal-thumbs{flex-direction:row;order:2;max-height:none;overflow-x:auto;overflow-y:hidden;width:100%}
}

/* 中栏型号、公开价格与变体芯片 */
.hf-md-meta{margin:2px 0 0;color:#6B665D;font-size:13.5px}
.hf-md-div{height:1px;background:#ECE8E0;margin:16px 0}
.hf-md-note{margin:10px 0 0;font-size:13px;color:#8A6A1E;line-height:1.5}
.hf-md-opts{display:flex;flex-direction:column;gap:12px}
.hf-md-opt{display:flex;align-items:flex-start;gap:12px}
.hf-md-opt-l{flex:0 0 82px;font-size:13.5px;font-weight:600;color:#1D1D1F;padding-top:5px}
.hf-md-opt-v{display:flex;flex-wrap:wrap;gap:8px}
.hf-md-chip{display:inline-block;border:1px solid #E3DFD6;background:#fff;color:#555;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.3}
.hf-md-chip.is-on{border-color:#1D1D1F;color:#1D1D1F;font-weight:600;box-shadow:inset 0 0 0 1px #1D1D1F}
.hf-md-desc-t{margin:0 0 8px;font-size:13px;font-weight:700;color:#1D1D1F;text-transform:uppercase;letter-spacing:.6px}

/* 供应商名片 */
.hf-supcard{margin-top:16px;border:1px solid #EDE9E0;background:#FBFAF7;border-radius:12px;padding:16px 18px}
.hf-supcard-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.hf-supcard-logo{width:44px;height:44px;border-radius:10px;background:#1D1D1F;color:#E8C87A;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:.5px;flex:0 0 auto}
.hf-supcard-n{margin:0;font-size:15px;font-weight:700;color:#1D1D1F}
.hf-supcard-n a{text-decoration:none;color:inherit}
.hf-supcard-n a:hover{color:#8A6A1E}
.hf-supcard-s{margin:2px 0 0;font-size:12px;color:#6B665D}
.hf-supstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #EDE9E0;padding-top:12px}
.hf-supstats b{display:block;font-size:15px;color:#1D1D1F}
.hf-supstats span{display:block;font-size:11px;color:#6B665D;line-height:1.35;margin-top:2px}
.hf-supcard-f{margin:12px 0 0;font-size:12.5px;color:#555;border-top:1px solid #EDE9E0;padding-top:10px}

/* 右栏（sticky rail）+ 运输卡 + CTA。⚠ .hf-rail 声明两次是原样保留：
   第二条覆盖 top 并加 max-height/overflow,顺序不能调。 */
.hf-rail{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}
.hf-rail .hf-protect{margin-top:0}
.hf-ship{border:1px solid #EDE9E0;background:#fff;border-radius:12px;padding:16px 18px}
.hf-ship-t{margin:0 0 8px;font-weight:700;font-size:13px;color:#8A6A1E;text-transform:uppercase;letter-spacing:1px}
.hf-ship ul{list-style:none;margin:0;padding:0;font-size:13.5px;color:#555}
.hf-ship li{padding:4px 0}
.hf-ship li b{color:#1D1D1F;font-weight:600}
.hf-ship-n{margin:8px 0 0;font-size:12.5px;color:#8A6A1E;line-height:1.5}
.hf-cta{display:flex;flex-direction:column;gap:10px}
.hf-cta-primary{display:block;text-align:center;background:#8A6A1E;color:#fff !important;font-weight:700;font-size:15px;border-radius:999px;padding:14px 20px;text-decoration:none}
.hf-cta-primary:hover{background:#6E5417}
.hf-cta-drw{display:block;width:100%;text-align:center;background:#fff;border:1.5px solid #B8923F;color:#8A6A1E;font-weight:600;font-size:14px;border-radius:999px;padding:12px 20px;cursor:pointer;font-family:inherit}
.hf-cta-drw:hover{background:#FFF6DF}
.hf-cta-wa{display:block;text-align:center;background:#fff;border:1.5px solid #25D366;color:#1DA851 !important;font-weight:600;font-size:14px;border-radius:999px;padding:12px 20px;text-decoration:none}
.hf-cta-wa:hover{background:#F0FBF4}
.hf-hero-cols>.wp-block-column:first-child{position:sticky;top:76px;align-self:flex-start}
.hf-rail{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;scrollbar-width:thin}
.hf-rail-sum{border:1px solid #EDE9E0;background:#fff;border-radius:12px;padding:14px 16px;display:flex;gap:10px;align-items:center}
.hf-rail-sum img{width:52px;height:52px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.hf-rail-sum-t{margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.35;color:#1D1D1F}
.hf-rail-sum-p{margin:0;font-size:15px;font-weight:700;color:#8A6A1E}
.hf-rail-sum-p .woocommerce-Price-amount{font-size:15px;font-weight:700}
.hf-cta-m{display:none}
@media (max-width:781px){.hf-rail{position:static}.hf-supstats{grid-template-columns:1fr 1fr}.hf-hero-cols>.wp-block-column:first-child{position:static}.hf-cta-m{display:flex;margin-top:14px}}

/* ============================================================
 * 6. 图片灯箱（原 functions.php wp_footer, 优先级 30）
 * ============================================================ */

#hf-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(15,14,12,.93);display:flex;align-items:center;justify-content:center}
#hf-lightbox[hidden]{display:none}
.hf-lb-img{max-width:88vw;max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px rgba(0,0,0,.5)}
.hf-lb-close{position:fixed;top:18px;right:22px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;border:0;font-size:26px;cursor:pointer;line-height:1}
.hf-lb-close:hover{background:rgba(255,255,255,.3)}
.hf-lb-prev,.hf-lb-next{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;border:0;font-size:22px;cursor:pointer;line-height:1}
.hf-lb-prev{left:22px}
.hf-lb-next{right:22px}
.hf-lb-prev:hover,.hf-lb-next:hover{background:#8A6A1E}
.hf-lb-count{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:1px;background:rgba(255,255,255,.14);padding:5px 16px;border-radius:999px}
@media (max-width:600px){.hf-lb-prev{left:8px}.hf-lb-next{right:8px}.hf-lb-close{top:10px;right:10px}}
.hf-gal-main{border-radius:16px;overflow:hidden}
.hf-gal-main #hf-gal-stage{transition:transform .18s ease-out}
.hf-gal-nav,.hf-gal-count{transition:opacity .15s}
.hf-gal-main.is-zoom .hf-gal-nav,.hf-gal-main.is-zoom .hf-gal-count{opacity:0;pointer-events:none}

/* ============================================================
 * 7. 选配抽屉（原 functions.php wp_footer, 优先级 32）
 * ============================================================ */

.hf-drw-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;margin:2px 0 12px;padding:12px 16px;background:#fff;border:1.5px solid #E3DFD6;border-radius:10px;font-size:14.5px;font-weight:600;color:#1D1D1F;cursor:pointer;font-family:inherit}
.hf-drw-trigger:hover{border-color:#B8923F;color:#8A6A1E}
.hf-drw-caret{font-size:20px;color:#B8923F}
.hf-drw{position:fixed;inset:0;z-index:99999;visibility:hidden}
.hf-drw.on{visibility:visible}
.hf-drw-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}
.hf-drw.on .hf-drw-overlay{opacity:1}
.hf-drw-panel{position:absolute;top:0;right:0;height:100%;width:540px;max-width:94vw;background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,.18);transform:translateX(102%);transition:transform .28s ease;display:flex;flex-direction:column}
.hf-drw.on .hf-drw-panel{transform:none}
.hf-drw-bodywrap{display:flex;flex-direction:column;flex:1;min-height:0}
.hf-drw-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 8px}
.hf-drw-head h3{margin:0;font-size:20px;font-weight:700}
.hf-drw-x{border:0;background:none;font-size:28px;cursor:pointer;color:#666;line-height:1;padding:0 2px}
.hf-drw-body{flex:1;overflow-y:auto;padding:4px 22px 20px}
.hf-drw-price{font-size:26px;font-weight:800;color:#1D1D1F;margin:0 0 2px}
.hf-drw-moq{font-size:13px;color:#6B665D;margin:0 0 6px}
.hf-drw-group{margin:16px 0 8px;font-weight:700;font-size:14px;color:#1D1D1F}
.hf-chips{display:flex;flex-wrap:wrap;gap:8px}
.hf-chip{position:relative}
.hf-chip input{position:absolute;opacity:0;pointer-events:none}
.hf-chip span{display:inline-block;padding:8px 13px;border:1.5px solid #E3DFD6;border-radius:8px;font-size:13px;color:#444;cursor:pointer;background:#fff;line-height:1.3}
.hf-chip span:hover{border-color:#B8923F}
.hf-chip input:checked+span{border-color:#8A6A1E;background:#FFF6DF;color:#8A6A1E;font-weight:700}
.hf-drw textarea{width:100%;border:1.5px solid #E3DFD6;border-radius:8px;padding:9px 11px;font-size:13.5px;min-height:54px;font-family:inherit;box-sizing:border-box}
.hf-qtyrow{display:flex;justify-content:space-between;align-items:center;margin:16px 0 4px}
.hf-qtyrow>span{font-weight:700;font-size:14px}
.hf-qty{display:flex;align-items:center;border:1.5px solid #E3DFD6;border-radius:9px;overflow:hidden}
.hf-qty button{width:40px;height:40px;border:0;background:#FAFAF7;font-size:19px;cursor:pointer;color:#444}
.hf-qty button:hover{background:#FFF6DF;color:#8A6A1E}
.hf-qty input{width:58px;height:40px;border:0;border-left:1.5px solid #E3DFD6;border-right:1.5px solid #E3DFD6;text-align:center;font-size:15px;font-weight:600}
.hf-qty input::-webkit-outer-spin-button,.hf-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hf-drw-ship{border:1px solid #EDE9E0;background:#FBFAF7;border-radius:10px;padding:12px 14px;font-size:13px;color:#555;line-height:1.7;margin-top:14px}
.hf-drw-foot{border-top:1px solid #EDE9E0;padding:14px 22px 18px;background:#fff}
.hf-drw-sub{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;margin-bottom:12px;color:#444}
.hf-drw-sub b{font-size:18px;color:#1D1D1F}
.hf-drw-submit{width:100%;padding:15px;border:0;border-radius:26px;background:#8A6A1E;color:#fff;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.4px;font-family:inherit}
.hf-drw-submit:hover{background:#6E5417}
.hf-drw-wa{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:#1DA851;text-decoration:none;font-weight:600}

/* ============================================================
 * Contact 页组件（2026-08-12）
 * 复用既有 token：gold-ink #8A6A1E / border #EFE9DC / muted #6B665D
 * 卡片外观继承 .hf-card，这里只补内部排版。
 * ========================================================== */

/* 渠道卡与分流卡的网格 */
.hf-cgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}
.hf-rgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}

/* 渠道卡：标签 / 值 / 用途提示 */
.hf-ch{display:block;text-decoration:none;color:inherit}
.hf-ch-l{margin:0;font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8A6A1E}
.hf-ch-v{margin:9px 0 0;font-size:17px;font-weight:700;color:#1C1A17;line-height:1.35;overflow-wrap:anywhere}
.hf-ch-h{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:#6B665D}
a.hf-ch:hover .hf-ch-v{color:#8A6A1E}

/* 分流卡：整块可点，箭头在底部对齐 */
a.hf-route{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.hf-route-t{margin:0;font-family:"Playfair Display","Iowan Old Style",Georgia,serif;font-size:20px;font-weight:600;line-height:1.3;color:#1C1A17}
.hf-route-d{margin:9px 0 16px;font-size:14px;line-height:1.65;color:#6B665D;flex:1}
.hf-route-a{margin:0;font-size:13.5px;font-weight:700;letter-spacing:.3px;color:#8A6A1E}
a.hf-route:hover .hf-route-a{text-decoration:underline}

/* 「你发出之后会怎样」编号步骤 */
.hf-steps{list-style:none;margin:0;padding:0;counter-reset:hfstep}
.hf-steps li{position:relative;padding-left:44px;padding-bottom:24px;counter-increment:hfstep}
.hf-steps li:before{content:counter(hfstep);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:#8A6A1E;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hf-steps li:after{content:"";position:absolute;left:15px;top:37px;bottom:4px;width:1px;background:#E7E2D6}
.hf-steps li:last-child{padding-bottom:0}
.hf-steps li:last-child:after{display:none}
.hf-step-t{margin:5px 0 0;font-size:15.5px;font-weight:700;color:#1C1A17;line-height:1.4}
.hf-step-d{margin:6px 0 0;font-size:14px;line-height:1.65;color:#6B665D}

/* 表单左侧说明框 */
.hf-cbox{border:1px solid #EFE9DC;border-radius:16px;background:#fff;padding:26px}
.hf-cbox-h{margin:0 0 18px;font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8A6A1E}
.hf-cnote{margin:20px 0 0;padding-top:17px;border-top:1px solid #EFE9DC;font-size:13px;line-height:1.65;color:#6B665D}

/* 表单锚点：让跳转不被吸顶 header 盖住 */
#enquiry{scroll-margin-top:calc(var(--hf-stuck-header) + 16px)}

@media (max-width:781px){
  .hf-card.hf-card--contact{padding:20px}
  .hf-cbox{padding:22px}
  .hf-cgrid,.hf-rgrid{gap:14px}
}

/* FAQ 容器变体：去掉外层框（产品页那套保留原样，不受影响）。
   条目用暖白 #FBFAF7，展开转纯白 —— 白底章节上仍能看出层次。 */
.hf-faq.hf-faq-flat{border:0;padding:0;border-radius:0}
.hf-faq.hf-faq-flat details{background:#FBFAF7}
.hf-faq.hf-faq-flat details[open]{background:#fff}

/* 渠道卡里的完整地址：比其他卡的值略小，两行仍不挤 */
.hf-ch-addr{font-size:15px;font-weight:600;line-height:1.55}

/* ============================================================
 * /start/ 社媒入口页（2026-08-18）
 * 目标：390×844 首屏内看全品牌 + 前四个按钮，第五个轻微下滚可见。
 * 刻意极简：不加载产品轮播、不用 mega menu、不堆长文。
 * ========================================================== */
.hf-start-links{display:flex;flex-direction:column;gap:11px}
.hf-start-btn{display:block;padding:14px 18px;border-radius:12px;background:#211F1A;
 border:1px solid #3A362D;text-decoration:none;transition:background .18s,border-color .18s}
.hf-start-btn:hover,.hf-start-btn:focus-visible{background:#2B2822;border-color:#8A6A1E}
.hf-start-t{display:block;font-size:16px;font-weight:700;color:#FFFFFF;line-height:1.3}
.hf-start-s{display:block;margin-top:3px;font-size:12.5px;color:#B5AE9E;line-height:1.4}
.hf-start-wa{background:#12301F;border-color:#1E5233}
.hf-start-wa:hover,.hf-start-wa:focus-visible{background:#17402A;border-color:#25D366}
.hf-start-wa .hf-start-t{color:#5FE49B}

/* 入口页不需要站内的固定 CTA 条与浮球，它们会挡住第五个按钮 */
.hf-start-page .hf-cta-m,
.hf-start-page #hf-float-wa,
.hf-start-page .hf-sb-wa{display:none !important}

@media (max-width:380px){
  .hf-start-btn{padding:12px 15px}
  .hf-start-t{font-size:15px}
  .hf-start-s{font-size:12px}
}