/* Cormorant Garamond 600（SIL OFL 1.1 开源字体）：2026-10-18 起放在自己服务器上，不再从谷歌加载 */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/cormorant-garamond-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* AUD 建材 品牌样式：覆盖 DefaultClean 主题配色与字体
   色板取自 audbuild.com（navy #0B253F / bronze #7A5C3A / champagne #D8BE95 / stone #FAF8F4）
   服务器位置：/opt/aud-shop/data/Themes/DefaultClean/Content/css/aud-brand.css
   注意：本文件经“自定义 <head> 标签”加载，位置在主题 styles.css 之前，
   所以选择器统一加 html / html body 前缀来提高优先级。 */

/* 不再从 Google Fonts 加载 Manrope（会阻塞渲染），直接用系统字体；中文本来就用苹方/雅黑 */

html:root {
  --accent-blue-color: #7A5C3A;
  --accent-blue-active-color: #0B253F;
  --dark-gray-color: #0F1B26;
  --gray-color: #5A6670;
  --error-red-color: #A23B2A;
  --success-green-color: #2F6B4F;
  --aud-navy: #0B253F;
  --aud-navy-700: #12324F;
  --aud-bronze: #7A5C3A;
  --aud-champagne: #D8BE95;
  --aud-on-dark: #E8DCC8;
  --aud-stone: #FAF8F4;
}

html body,
html body input,
html body select,
html body textarea,
html body button {
  font-family: "Manrope", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", Arial, sans-serif;
}

/* 页眉 */
html body .header-upper {
  border-bottom-color: #E7E0D4;
}
html body .header-logo a img {
  max-height: 72px;
}

/* 主按钮 */
html body .button-1,
html body .search-box .search-box-button,
html body .product-box-add-to-cart-button,
html body .add-to-cart-button,
html body .newsletter-subscribe-button {
  background-color: var(--aud-navy);
  border-color: var(--aud-navy);
  color: #fff;
}
html body .button-1:hover, html body .button-1:focus,
html body .search-box .search-box-button:hover, html body .search-box .search-box-button:focus,
html body .product-box-add-to-cart-button:hover, html body .product-box-add-to-cart-button:focus,
html body .add-to-cart-button:hover, html body .add-to-cart-button:focus,
html body .newsletter-subscribe-button:hover, html body .newsletter-subscribe-button:focus {
  background-color: var(--aud-bronze);
  border-color: var(--aud-bronze);
}

/* 页脚 */
html body .footer {
  background-color: var(--aud-navy);
  color: var(--aud-on-dark);
}
html body .footer-upper {
  border-bottom-color: rgba(216, 190, 149, 0.25);
}
html body .footer-block .title,
html body .footer-block .title strong {
  color: var(--aud-champagne);
}
html body .footer-block .list a,
html body .footer-lower,
html body .footer-info,
html body .footer-disclaimer,
html body .footer-tax-shipping,
html body .footer-powered-by {
  color: var(--aud-on-dark);
}
html body .footer-block .list a:hover,
html body .footer-block .list a:focus {
  color: #fff;
}
html body .footer-tax-shipping a,
html body .footer-powered-by a {
  color: var(--aud-champagne);
}
html body .newsletter-email input[type="email"] {
  border-color: rgba(216, 190, 149, 0.5);
}

/* 页脚菜单（4.90 新结构）：桌面端标题香槟金、链接浅色；手机端折叠条用深蓝底 */
html body .footer .footer-menu__title,
html body .footer .follow-us .title,
html body .footer .newsletter .title {
  color: var(--aud-champagne);
}
html body .footer .footer-menu__link {
  color: var(--aud-on-dark);
}
html body .footer .footer-menu__link:hover,
html body .footer .footer-menu__link:focus {
  color: #fff;
}
@media all and (max-width: 1000px) {
  html body .footer .footer-menu__toggle,
  html body .footer .footer-block .title {
    background-color: var(--aud-navy-700);
    color: var(--aud-champagne);
  }
}

/* 页脚订阅按钮：深蓝底上用古铜色，避免和背景融在一起 */
html body .footer .newsletter-subscribe-button {
  background-color: var(--aud-bronze);
  border-color: var(--aud-bronze);
}
html body .footer .newsletter-subscribe-button:hover,
html body .footer .newsletter-subscribe-button:focus {
  background-color: var(--aud-champagne);
  border-color: var(--aud-champagne);
  color: var(--aud-navy);
}

/* ===== 首页：三种商业模式（2026-10-18 改版）=====
   内容在后台 内容管理 → 主题页面 → HomepageText（中英文各一份），这里只放样式。
   类名统一用 ah- 开头；选择器加 html body 前缀，压过主题里 .topic-block p / a / ul 的默认样式。
   通用重置用 :where() 包起来，不增加优先级，避免盖住下面各组件自己的颜色和间距。 */
html body .ah {
  --ah-navy: #0B253F; --ah-navy-900: #081B2E; --ah-ink: #0F1B26;
  --ah-bronze: #7A5C3A; --ah-bronze-400: #B08A5B; --ah-champagne: #D8BE95;
  --ah-stone-50: #FAF8F4; --ah-stone-100: #F3EEE6; --ah-stone-200: #E7E0D4;
  --ah-muted: #5A6670; --ah-on-dark: #E8DCC8; --ah-park: #182724;
  --ah-serif: "Cormorant Garamond", "Noto Serif CJK SC", "Songti SC", "STSong", Georgia, serif;
  --ah-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  text-align: left; color: var(--ah-ink); font-size: 16px; line-height: 1.7;
}
html body .ah :where(*) { box-sizing: border-box; }
html body .ah :where(p) { margin: 0; text-align: left; }
html body .ah :where(a) { text-decoration: none; }
html body .ah :where(ul, ol) { margin: 0; padding: 0; list-style: none; }
html body .ah :where(h1, h2, h3, h4) { margin: 0; color: inherit; font-weight: 600; letter-spacing: 0; }
html body .ah :where(blockquote) { margin: 0; padding: 0; border: 0; quotes: none; }
html body .ah :where(img) { display: block; max-width: 100%; height: auto; }
html body .ah :where(figure) { margin: 0; }
html body .ah a:focus-visible { outline: 2px solid var(--ah-bronze-400); outline-offset: 3px; }
html body .ah-eyebrow { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--ah-bronze); }

/* 招商公告条 */
html body .ah-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 18px; background: var(--ah-navy-900); color: var(--ah-on-dark); border-radius: 4px; font-size: 14px; line-height: 1.5; }
html body .ah-notice__tag { font-size: 11.5px; letter-spacing: .14em; font-weight: 700; color: var(--ah-navy-900); background: var(--ah-champagne); padding: 3px 8px; border-radius: 2px; white-space: nowrap; }
html body .ah-notice__text { flex: 1 1 280px; color: #fff; font-weight: 600; }
html body .ah-notice__links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
html body .ah-notice__links a { color: var(--ah-champagne); font-weight: 600; }
html body .ah-notice__links a:hover { color: #fff; }

/* 首屏 */
html body .ah-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); min-height: 440px; margin-top: 16px; background: var(--ah-navy); color: var(--ah-on-dark); border-radius: 4px; overflow: hidden; }
html body .ah-hero__text { display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 56px 48px; }
html body .ah-hero .ah-eyebrow { color: var(--ah-champagne); }
html body .ah-hero__title { font-family: var(--ah-serif); font-size: clamp(32px, 4vw, 50px); line-height: 1.15; color: #fff; }
html body .ah-hero__lede { max-width: 34em; font-size: 16px; line-height: 1.8; color: var(--ah-on-dark); }
html body .ah-hero__promise { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 12px 0; border-top: 1px solid rgba(216, 190, 149, .25); border-bottom: 1px solid rgba(216, 190, 149, .25); font-size: 14px; font-weight: 600; color: #fff; }
html body .ah-hero__promise li::before { content: "✓"; margin-right: 6px; color: var(--ah-champagne); }
html body .ah-hero__media { position: relative; min-height: 280px; }
html body .ah-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ah-hero__media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--ah-navy) 0, rgba(11, 37, 63, 0) 30%); }

/* 按钮 */
html body .ah-actions { display: flex; flex-wrap: wrap; gap: 12px; }
html body .ah-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border: 1px solid transparent; border-radius: 2px; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
html body .ah-btn--gold { background: var(--ah-champagne); border-color: var(--ah-champagne); color: var(--ah-navy); }
html body .ah-btn--gold:hover { background: #fff; border-color: #fff; color: var(--ah-navy); }
html body .ah-btn--line { border-color: var(--ah-champagne); color: var(--ah-champagne); }
html body .ah-btn--line:hover { background: var(--ah-champagne); color: var(--ah-navy); }
html body .ah-btn--navy { background: var(--ah-navy); border-color: var(--ah-navy); color: #fff; }
html body .ah-btn--navy:hover { background: var(--ah-bronze); border-color: var(--ah-bronze); color: #fff; }
html body .ah-btn--ghost { border-color: var(--ah-navy); color: var(--ah-navy); }
html body .ah-btn--ghost:hover { background: var(--ah-navy); color: #fff; }
html body .ah-btn--bronze { background: var(--ah-bronze-400); border-color: var(--ah-bronze-400); color: var(--ah-ink); }
html body .ah-btn--bronze:hover { background: var(--ah-champagne); border-color: var(--ah-champagne); color: var(--ah-ink); }
html body .ah-btn--sand { border-color: rgba(232, 220, 200, .5); color: var(--ah-on-dark); }
html body .ah-btn--sand:hover { border-color: var(--ah-champagne); color: #fff; }

/* 三种合作方式入口 */
html body .ah-models { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
html body .ah-model { display: flex; flex-direction: column; gap: 6px; padding: 22px 22px 20px; background: #fff; border: 1px solid var(--ah-stone-200); border-top: 3px solid var(--ah-navy); border-radius: 4px; color: var(--ah-ink); transition: box-shadow .15s ease, transform .15s ease; }
html body .ah-model:hover { box-shadow: 0 10px 28px rgba(15, 27, 38, .10); transform: translateY(-2px); color: var(--ah-ink); }
html body .ah-model--trade { border-top-color: var(--ah-bronze-400); }
html body .ah-model--partner { border-top-color: var(--ah-park); }
html body .ah-model__no { font: 600 12px/1 var(--ah-mono); letter-spacing: .08em; color: var(--ah-bronze); }
html body .ah-model__name { font-family: var(--ah-serif); font-size: 26px; line-height: 1.15; font-weight: 600; color: var(--ah-navy); }
html body .ah-model__desc { font-size: 14px; line-height: 1.65; color: var(--ah-muted); }
html body .ah-model__go { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 700; color: var(--ah-bronze); }

/* 频道区块通用 */
html body .ah-sec { margin-top: 64px; scroll-margin-top: 16px; }
html body .ah-sec__head { display: grid; gap: 10px; max-width: 760px; margin-bottom: 28px; }
html body .ah-sec__title { font-family: var(--ah-serif); font-size: clamp(30px, 3.6vw, 44px); line-height: 1.1; color: var(--ah-navy); }
html body .ah-sec__lede { font-size: 17px; line-height: 1.75; color: var(--ah-ink); }
html body .ah-sec > .ah-actions { margin-top: 28px; }

/* 01 Luxury Selections */
html body .ah-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 40px; align-items: stretch; }
html body .ah-pillars { border-top: 1px solid var(--ah-stone-200); }
html body .ah-pillars li { display: grid; grid-template-columns: 40px 1fr; gap: 4px 12px; padding: 20px 0; border-bottom: 1px solid var(--ah-stone-200); }
html body .ah-pillars .ah-pillar__no { grid-row: span 2; padding-top: 4px; font: 600 12px/1.4 var(--ah-mono); color: var(--ah-bronze); }
html body .ah-pillars h3 { font-size: 19px; line-height: 1.35; color: var(--ah-navy); }
html body .ah-pillars p { font-size: 15px; line-height: 1.7; color: var(--ah-muted); }
html body .ah-pillars p strong { color: var(--ah-navy); font-weight: 700; }
html body .ah-badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 2px; background: var(--ah-champagne); color: var(--ah-navy); font-size: 12px; font-weight: 700; letter-spacing: .04em; vertical-align: 3px; white-space: nowrap; }
html body .ah-fine { margin-top: 12px; font-size: 12.5px; line-height: 1.6; color: var(--ah-muted); }
html body .ah-figure { position: relative; min-height: 320px; border-radius: 4px; overflow: hidden; background: var(--ah-stone-100); }
html body .ah-figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ah-figure figcaption { position: absolute; left: 12px; bottom: 12px; padding: 4px 10px; border-radius: 2px; background: rgba(8, 27, 46, .72); color: #fff; font-size: 12px; line-height: 1.5; }
html body .ah-picks { margin-top: 36px; }
html body .ah-picks__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 16px; margin-bottom: 14px; }
html body .ah-picks__head h3 { font-size: 19px; color: var(--ah-navy); }
html body .ah-picks__head p { font-size: 13px; color: var(--ah-muted); }
html body .ah-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
html body .ah-card { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 4px; overflow: hidden; color: var(--ah-ink); transition: box-shadow .15s ease, border-color .15s ease; }
html body .ah-card:hover { border-color: var(--ah-champagne); box-shadow: 0 10px 28px rgba(15, 27, 38, .10); color: var(--ah-ink); }
html body .ah-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--ah-stone-100); }
html body .ah-card__body { display: grid; gap: 4px; padding: 12px 14px 14px; }
html body .ah-card__cat { font-size: 12px; letter-spacing: .08em; font-weight: 700; color: var(--ah-bronze); }
html body .ah-card__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.45; color: var(--ah-ink); }

/* 02 Materials & Trade（深色） */
html body .ah-trade { padding: 52px 48px; background: var(--ah-ink); color: var(--ah-on-dark); border-radius: 4px; }
html body .ah-trade .ah-eyebrow { color: var(--ah-bronze-400); }
html body .ah-trade .ah-sec__title { color: #fff; }
html body .ah-trade .ah-sec__lede { color: var(--ah-on-dark); }
html body .ah-tri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: rgba(232, 220, 200, .14); border: 1px solid rgba(232, 220, 200, .14); border-radius: 4px; overflow: hidden; }
html body .ah-tri li { display: grid; align-content: start; gap: 8px; padding: 24px 22px; background: var(--ah-ink); }
html body .ah-tri__k { font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--ah-bronze-400); }
html body .ah-tri h3 { font-size: 20px; color: #fff; }
html body .ah-tri p { font-size: 14.5px; line-height: 1.7; color: rgba(232, 220, 200, .82); }
html body .ah-cats__title { margin: 36px 0 14px; font-size: 15px; font-weight: 700; color: #fff; }
html body .ah-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
html body .ah-cats a { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 68px; padding: 12px 16px; border: 1px solid rgba(232, 220, 200, .18); border-radius: 3px; color: #fff; transition: background-color .15s ease, border-color .15s ease; }
html body .ah-cats a:hover { background: rgba(176, 138, 91, .16); border-color: var(--ah-bronze-400); color: #fff; }
html body .ah-cats b { font-size: 15px; font-weight: 600; }
html body .ah-cats span { font-size: 12px; color: rgba(232, 220, 200, .62); }
html body .ah-cats a.ah-cats__cta { background: var(--ah-bronze-400); border-color: var(--ah-bronze-400); color: var(--ah-ink); }
html body .ah-cats a.ah-cats__cta span { color: rgba(15, 27, 38, .78); }
html body .ah-cats a.ah-cats__cta:hover { background: var(--ah-champagne); border-color: var(--ah-champagne); color: var(--ah-ink); }

/* AUD Build 介绍专区（文案取自 audbuild.com，链接互通） */
html body .ah-about { padding: 52px 48px; background: var(--ah-stone-100); border-radius: 4px; }
html body .ah-about__intro { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 40px; align-items: center; }
html body .ah-about__text { display: grid; gap: 14px; }
html body .ah-about__title { font-family: var(--ah-serif); font-size: clamp(28px, 3.2vw, 40px); line-height: 1.22; color: var(--ah-navy); text-wrap: balance; }
html body .ah-about__text p { font-size: 15.5px; line-height: 1.8; color: var(--ah-ink); }
html body .ah-about__media { position: relative; aspect-ratio: 16 / 10; border-radius: 4px; overflow: hidden; background: var(--ah-stone-200); }
html body .ah-about__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ah-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
html body .ah-links a { padding: 6px 14px; border: 1px solid var(--ah-navy); border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--ah-navy); transition: background-color .15s ease, color .15s ease; }
html body .ah-links a:hover { background: var(--ah-navy); color: #fff; }
html body .ah-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 36px; padding: 24px 0; border-top: 1px solid rgba(11, 37, 63, .14); border-bottom: 1px solid rgba(11, 37, 63, .14); }
html body .ah-stats li { display: grid; align-content: start; gap: 4px; }
html body .ah-stats b { font-family: var(--ah-serif); font-size: 34px; line-height: 1.05; font-weight: 600; color: var(--ah-navy); white-space: nowrap; }
html body .ah-stats span { font-size: 13px; line-height: 1.5; color: var(--ah-muted); }
html body .ah-awards__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 24px; margin: 36px 0 16px; }
html body .ah-awards__head h3 { font-family: var(--ah-serif); font-size: 28px; line-height: 1.2; color: var(--ah-navy); text-wrap: balance; }
html body .ah-awards__head p { max-width: 54ch; font-size: 13.5px; line-height: 1.6; color: var(--ah-muted); }
html body .ah-awards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
html body .ah-award { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 4px; overflow: hidden; }
html body .ah-award__img { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ah-stone-200); }
html body .ah-award__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ah-award__body { display: grid; grid-template-columns: 52px 1fr; gap: 4px 16px; align-items: start; padding: 20px 22px 22px; }
html body .ah-award__badge { grid-row: span 3; width: 52px; }
html body .ah-award__k { font-size: 12px; letter-spacing: .06em; font-weight: 700; color: var(--ah-bronze); }
html body .ah-award h4 { font-family: var(--ah-serif); font-size: 24px; line-height: 1.2; color: var(--ah-navy); }
html body .ah-award p { font-size: 13.5px; line-height: 1.6; color: var(--ah-muted); }
html body .ah-visit { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 32px; align-items: center; margin-top: 20px; padding: 24px 26px; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 4px; }
html body .ah-visit h3 { font-size: 19px; line-height: 1.4; color: var(--ah-navy); }
html body .ah-visit p { margin-top: 4px; font-size: 14.5px; line-height: 1.7; color: var(--ah-muted); }
html body .ah-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
html body .ah-chips li { padding: 4px 12px; border: 1px solid var(--ah-stone-200); border-radius: 999px; background: var(--ah-stone-50); font-size: 13px; line-height: 1.6; color: var(--ah-navy); }
html body .ah-quote { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 32px; align-items: center; margin-top: 20px; padding: 32px 36px; background: var(--ah-navy); border-radius: 4px; color: var(--ah-on-dark); }
html body .ah-quote blockquote { font-family: var(--ah-serif); font-size: clamp(22px, 2.6vw, 30px); line-height: 1.35; color: #fff; text-wrap: balance; }
html body .ah-quote figcaption { margin-top: 10px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--ah-champagne); }

/* 联系方式 */
html body .ah-contact { margin-top: 16px; }
html body .ah-contact__box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 32px; padding: 24px 26px; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 4px; }
html body .ah-contact__text { display: grid; gap: 6px; }
html body .ah-contact__box h2 { font-family: var(--ah-serif); font-size: 26px; line-height: 1.2; color: var(--ah-navy); }
html body .ah-contact__box p { font-size: 15px; line-height: 1.7; color: var(--ah-muted); }
html body .ah-contact__links { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 15px; }
html body .ah-contact__links a { color: var(--ah-navy); font-weight: 600; border-bottom: 1px solid var(--ah-champagne); }
html body .ah-contact__links a:hover { color: var(--ah-bronze); }

/* 平板：首屏和左右分栏改上下排列 */
@media all and (max-width: 1000px) {
  html body .ah-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  html body .ah-hero__media { order: -1; min-height: 0; aspect-ratio: 16 / 9; }
  html body .ah-hero__media::before { background: linear-gradient(0deg, var(--ah-navy) 0, rgba(11, 37, 63, 0) 35%); }
  html body .ah-hero__text { padding: 28px 28px 36px; }
  html body .ah-split { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  html body .ah-figure { min-height: 0; aspect-ratio: 16 / 9; }
  html body .ah-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body .ah-trade { padding: 40px 28px; }
  html body .ah-about { padding: 40px 28px; }
  html body .ah-about__intro { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  html body .ah-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
  html body .ah-quote { grid-template-columns: minmax(0, 1fr); }
}
/* 手机：单列；商品卡和品类两列，方便单手浏览 */
@media all and (max-width: 768px) {
  html body .ah-models { grid-template-columns: minmax(0, 1fr); }
  html body .ah-sec { margin-top: 48px; }
  html body .ah-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  html body .ah-tri { grid-template-columns: minmax(0, 1fr); }
  html body .ah-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .ah-awards { grid-template-columns: minmax(0, 1fr); }
  html body .ah-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .ah-stats b { font-size: 28px; }
  html body .ah-visit { grid-template-columns: minmax(0, 1fr); }
  html body .ah-quote { padding: 26px 22px; }
}
@media all and (max-width: 480px) {
  html body .ah-hero__text { padding: 22px 20px 28px; }
  html body .ah-trade { padding: 32px 20px; }
  html body .ah-about { padding: 32px 20px; }
  html body .ah-actions .ah-btn { width: 100%; }
  html body .ah-cards { gap: 10px; }
  html body .ah-card__body { padding: 10px 12px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .ah * { transition: none !important; }
  html body .ah-model:hover { transform: none; }
}

/* ===== 手机商城样式（2026-10-18）=====
   只在宽度 ≤1000px（主题切换成手机菜单的宽度）生效，电脑版不受影响。
   1. 全站页眉：一行“标志 + 登录注册 + 语言”，一行圆角大搜索框，滚动时固定在顶部
   2. 底部导航栏（由 aud-mobile.js 生成）：首页 / 分类 / 购物车 / 我的
   3. 首页：首屏压成带文字的横幅、三个入口变小方块、新增分类宫格与热门商品（类名 ah-m 开头，只在手机显示） */
html body .aud-tabbar, html body .ah-m { display: none; }
html.is-member body .ah-tip-guest { display: none; }
html body .ah-tip-member { display: none; }
html.is-member body .ah-tip-member { display: inline; }

@media all and (max-width: 1000px) {
  /* 页眉 */
  html body .header { position: sticky; top: 0; z-index: 60; display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "logo links lang" "search search search"; align-items: center; gap: 8px 10px; width: 100%; margin: 0; padding: 8px 4% 10px; background: #fff; box-shadow: 0 1px 0 #E7E0D4, 0 4px 12px rgba(15, 27, 38, .04); text-align: left; }
  html body .header-upper, html body .header-lower { display: contents; }
  html body .header-logo { grid-area: logo; margin: 0; text-align: left; }
  html body .header-logo a img { max-height: 32px; width: auto; }
  html body .header-links-wrapper { grid-area: links; justify-self: end; padding: 0; }
  html body .header-links ul { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; }
  html body .header-links li { margin: 0; }
  html body .header-links li:has(.ico-wishlist), html body .header-links li:has(.ico-cart), html body .header-links li:has(#topcartlink) { display: none; }
  /* 登录后的“购物车 (0)”是 li#topcartlink，主题用 ID 选择器设成 block，要用同级 ID 才压得住；手机上购物车走底部导航栏 */
  html body .header-links #topcartlink { display: none; }
  html body .header-links a { font-size: 13px; line-height: 28px; color: var(--aud-navy); }
  html body .header-selectors-wrapper { grid-area: lang; border: 0; padding: 0; }
  html body .header-selectors-wrapper > div { display: block; width: auto; min-width: 0; margin: 0; line-height: normal; }
  html body .language-selector select { width: auto; max-width: none; height: 30px; padding: 0 20px 0 8px; border: 1px solid #E7E0D4; border-radius: 15px; background-color: #FAF8F4; font-size: 12px; color: var(--aud-navy); }
  html body .search-box { grid-area: search; }
  html body .search-box form { flex-wrap: nowrap; justify-content: stretch; gap: 0; }
  html body .search-box input.search-box-text { flex: 1 1 auto; width: auto; min-width: 0; height: 40px; margin: 0; padding: 0 16px; border: 1.5px solid var(--aud-navy); border-right: 0; border-radius: 20px 0 0 20px; font-size: 16px; }
  html body .search-box .search-box-button { flex: 0 0 auto; height: 40px; min-width: 72px; border-radius: 0 20px 20px 0; font-size: 15px; font-weight: 700; }
  html body .header-menu { width: 92%; margin: 10px auto 14px; }
  html body .header-menu .menu__toggle { padding: 9px 14px; border-radius: 4px; background-color: var(--aud-navy); background-size: auto 20px; font-size: 14px; }

  /* 底部导航栏 */
  html body .aud-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; display: grid; grid-template-columns: repeat(4, 1fr); padding-bottom: env(safe-area-inset-bottom, 0px); background: #fff; border-top: 1px solid #E7E0D4; box-shadow: 0 -4px 16px rgba(15, 27, 38, .06); }
  html body .aud-tabbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; height: 54px; font-size: 11px; line-height: 1.2; color: #5A6670; text-decoration: none; }
  html body .aud-tabbar svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  html body .aud-tabbar a.is-active { color: var(--aud-navy); font-weight: 700; }
  html body .aud-tabbar a.is-active svg { stroke-width: 2.2; }
  html body.has-aud-tabbar { padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px)); }

  /* 首页：手机专属区块 */
  html body .ah-m { display: block; margin-top: 24px; scroll-margin-top: 120px; }
  html body .ah-m__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; }
  html body .ah-m__head h2 { font-size: 18px; line-height: 1.3; font-weight: 700; color: var(--ah-navy); }
  html body .ah-m__head a { font-size: 13px; font-weight: 600; color: var(--ah-bronze); }
  html body .ah-m-cats__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 6px; padding: 16px 8px; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 8px; }
  html body .ah-m-cats__grid a { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--ah-ink); text-align: center; }
  html body .ah-m-cats__grid img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: var(--ah-stone-100); box-shadow: 0 0 0 1px var(--ah-stone-200); }
  html body .ah-m-cats__grid span { font-size: 12px; line-height: 1.3; }
  html body .ah-m-hot__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html body .ah-m-hot__grid a { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--ah-stone-200); border-radius: 8px; overflow: hidden; color: var(--ah-ink); }
  html body .ah-m-hot__grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--ah-stone-100); }
  html body .ah-m-hot__body { display: grid; gap: 6px; padding: 8px 10px 10px; }
  html body .ah-m-hot__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; font-size: 13px; line-height: 1.45; }
  html body .ah-m-hot__row { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
  html body .ah-m-hot__price { font-size: 13px; font-weight: 700; color: var(--ah-bronze); }
  html body .ah-m-hot__chip { padding: 1px 6px; border-radius: 2px; background: var(--ah-champagne); font-size: 11px; font-weight: 700; color: var(--ah-navy); white-space: nowrap; }

  /* 首页：精选材料已在“热门商品”里展示，豪宅臻选区块里不再重复 */
  html body .ah-lux .ah-picks { display: none; }
}
@media all and (min-width: 600px) and (max-width: 1000px) {
  html body .ah-m-hot__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* 分类页、搜索页：手机上商品和子分类改成双列（主题原本小于 481px 是单列大图）；列表视图保持原样 */
@media all and (max-width: 480px) {
  html body .item-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 10px; }
  html body .product-list .item-grid { display: block; }
  html body .item-grid .item-box { float: none; width: auto; margin: 0; }
  html body .product-list .item-grid .item-box { margin: 0 0 20px; }
  html body .item-grid .item-box .picture { margin: 0 0 8px; }
  html body .item-grid .item-box .details { padding: 0 2px; }
  html body .item-grid .item-box .product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 0; margin: 0 0 4px; font-size: 13.5px; line-height: 1.4; }
  html body .item-grid .item-box .sub-category-item .title { margin: 0 0 6px; font-size: 14px; line-height: 1.35; }
  html body .item-grid .item-box .sub-category-item .title a { padding: 0; }
}
@media all and (max-width: 768px) {
  /* 招商公告压成一行 */
  html body .ah-notice { flex-wrap: nowrap; gap: 10px; padding: 9px 12px; font-size: 13px; }
  html body .ah-notice__text { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  html body .ah-notice__links { flex: 0 0 auto; }
  html body .ah-notice__links a + a { display: none; }
  /* 首屏：图片做底，文字压在上面 */
  html body .ah-hero { position: relative; display: block; min-height: 0; margin-top: 10px; }
  html body .ah-hero__media { position: absolute; inset: 0; aspect-ratio: auto; }
  html body .ah-hero__media::before { background: linear-gradient(180deg, rgba(11, 37, 63, .2) 0%, rgba(11, 37, 63, .86) 55%, rgba(11, 37, 63, .96) 100%); }
  html body .ah-hero__text { position: relative; z-index: 2; gap: 10px; padding: 110px 18px 20px; }
  html body .ah-hero__title { font-size: 28px; }
  html body .ah-hero__lede { display: none; }
  html body .ah-hero__promise { gap: 4px 12px; padding: 8px 0; font-size: 12.5px; }
  html body .ah-hero .ah-actions { flex-wrap: nowrap; gap: 8px; }
  html body .ah-hero .ah-actions .ah-btn { flex: 1 1 0; width: auto; min-height: 42px; padding: 0 10px; font-size: 14px; }
  /* 三个入口：小方块 */
  html body .ah-models { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
  html body .ah-model { gap: 2px; padding: 12px 10px; }
  html body .ah-model:hover { transform: none; }
  html body .ah-model__name { font-size: 16px; line-height: 1.2; }
  html body .ah-model__desc, html body .ah-model__go { display: none; }
  /* 区块间距收紧 */
  html body .ah-sec { margin-top: 36px; }
  html body .ah-trade, html body .ah-about { padding: 28px 18px; }
}

/* 商品页（手机 ≤768px）：“产品特点 / 产品规格”放到价格框上面
   顺序：商品图 → 商品名 → 简介 → 产品特点与规格 → 星级、SKU、会员价格框、发货、比较、分享。
   做法：overview 用 display: contents 拆开，和商品图、产品描述一起按 order 重新排；电脑版和平板不变 */
@media all and (max-width: 768px) {
  html body .product-details-page .product-essential { display: flex; flex-direction: column; }
  html body .product-details-page .product-essential > .overview { display: contents; }
  /* 宽度写死 100%：gallery 自带 margin:0 auto，在纵向 flex 里会按内容收缩，只有一张图（没有缩略图条）时宽度变成 0 */
  html body .product-details-page .product-essential > .gallery { order: 1; width: 100%; }
  html body .product-details-page .product-essential > .overview > * { order: 10; }
  html body .product-details-page .product-essential > .overview > .product-name { order: 2; }
  html body .product-details-page .product-essential > .overview > .short-description { order: 3; }
  html body .product-details-page .product-essential > .full-description { order: 4; margin-bottom: 28px; }
  html body .product-details-page .aud-spec-table tr > :first-child { white-space: nowrap; }
}
/* 商品描述末尾原有的“价格仅对注册并通过审核的会员显示。”已从数据里删除；万一重新导入又带上，也不显示（会员价格框里已有同样提示） */
html body .full-description .aud-member-note { display: none; }

/* 分类页“属性过滤”（手机 ≤1000px）：默认收起，点标题展开（页面自带的点击展开脚本照常工作）；
   已经勾选了筛选条件时保持展开，方便看到当前条件 */
@media all and (max-width: 1000px) {
  html body .block.product-filters .filter-content { display: none; }
  html body .block.product-filters .filter-content:has(input:checked) { display: block; }
  html body .block.product-filters .filter-title { margin: 0 0 8px; cursor: pointer; }
}

/* 电脑版页眉压缩（≥1001px）：顶栏 45→34px、标志 72→46px、标志区上下留白 35→14px、菜单下方间距 30→20px；
   布局和内容不变，手机版不受影响 */
@media all and (min-width: 1001px) {
  html body .header-links a, html body .header-links span { line-height: 34px; }
  html body .header-selectors-wrapper > div { line-height: 34px; }
  html body .header-lower { padding: 14px 0; }
  html body .header-logo a img { max-height: 46px; }
  html body .header-menu { margin-bottom: 20px; }
}

/* 电脑版页眉改成单行（≥1001px，覆盖上面的两行压缩版）：标志 | 搜索框 | 帐户链接与购物车 | 语言，页眉总高约 52px；
   菜单栏字号 18→16px、链接内边距收紧。购物车下拉框仍按 .header-links-wrapper 定位，不受影响 */
@media all and (min-width: 1001px) {
  html body .header { display: flex; align-items: center; gap: 24px; padding: 8px 0; text-align: left; }
  html body .header-upper, html body .header-lower { display: contents; }
  html body .header-upper::after { display: none; }
  html body .header-logo { order: 1; display: block; flex: 0 0 auto; margin: 0; }
  html body .header-logo a img { max-height: 36px; }
  html body .search-box { order: 2; display: block; flex: 1 1 auto; min-width: 0; }
  html body .search-box form { flex-wrap: nowrap; justify-content: center; gap: 0; }
  html body .search-box input.search-box-text { flex: 1 1 auto; width: auto; min-width: 120px; max-width: 460px; height: 36px; }
  html body .search-box .search-box-button { flex: 0 0 auto; height: 36px; }
  html body .header-links-wrapper { order: 3; float: none; flex: 0 0 auto; }
  html body .header-links li { margin: 0 0 0 18px; }
  html body .header-links li:first-child { margin-left: 0; }
  html body .header-links a, html body .header-links span { line-height: 36px; }
  html body .header-selectors-wrapper { order: 4; float: none; flex: 0 0 auto; }
  html body .header-selectors-wrapper > div { min-width: 0; margin: 0; line-height: normal; }
  html body .header-selectors-wrapper select { height: 30px; }
  html body .header-menu { margin-bottom: 16px; }
  html body .header-menu .menu-container { padding: 8px 0; }
  html body .header-menu .menu { font-size: 16px; }
  html body .header-menu .menu > .menu__item > .menu__link, html body .header-menu .menu > .menu__item .menu__item-toggle > .menu__link { padding: 3px 8px; }
}

/* 首页 360° 全景（.ah-vr，另一个会话加的区块）：2026-10-18 改为点击后才加载（不再进入页面就加载中国大陆的 VR）。
   未点击时（data-vr-state="queued"）不转圈，显示“▶ 点击查看 360° 全景”按钮 */
html body .ah-vr .project-vr-slot[data-vr-state="queued"] .project-vr-media__spinner { display: none; }
html body .ah-vr .project-vr-slot[data-vr-state="queued"] .project-vr-status { cursor: pointer; padding: 12px 20px; background: rgba(11, 37, 63, .84); font-size: 14px; font-weight: 600; transition: background-color .15s ease; }
html body .ah-vr .project-vr-slot[data-vr-state="queued"] .project-vr-status::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent #D8BE95; }
html body .ah-vr .project-vr-slot[data-vr-state="queued"]:hover .project-vr-status { background: rgba(11, 37, 63, .96); }

/* ==========================================================================
   以下原为 aud-v3.css（v5），2026-10-18 合并进本文件，少一次样式请求。
   以后改首页 v3 样式，直接改这里；site-v3 的上线脚本会上传本文件。
   ========================================================================== */
/* AUD 建材 v3：按设计稿改版的页头、主菜单、页脚和首页（2026-10-18）
   服务器位置：/opt/aud-shop/data/Themes/DefaultClean/Content/css/aud-v3.css
   经“自定义 <head> 标签”在 aud-brand.css 之后加载，位置仍在主题 styles.css 之前，
   所以选择器统一加 html body 前缀；页头部分加 .aud-hd 压过 aud-brand.css 里旧的页头规则。
   对应视图：Themes/DefaultClean/Views/Shared/_Header.cshtml、Components/MainMenu/Default.cshtml、Components/Footer/Default.cshtml
   首页内容在 Topic 6（类名 hp- 开头），源文件 brand/site-v3/。 */

html:root {
  --v3-navy: #0B253F;
  --v3-navy-900: #081B2E;
  --v3-ink: #0F1B26;
  --v3-bronze: #7A5C3A;
  --v3-champagne: #D8BE95;
  --v3-champagne-200: #EADBC2;
  --v3-stone-50: #FAF8F4;
  --v3-stone-100: #F3EEE6;
  --v3-stone-200: #E7E0D4;
  --v3-muted: #5A6670;
  --v3-on-dark: #E8DCC8;
  --v3-on-dark-muted: #AEB8C2;
  --v3-serif: "Cormorant Garamond", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}
html body { background: var(--v3-stone-50); }
html body .aud-wrap { box-sizing: border-box; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* ===== 页头 ===== */
html body .header.aud-hd { position: relative; z-index: 60; display: block; width: auto; max-width: none; margin: 0; padding: 0; background: #fff; box-shadow: none; text-align: left; }
html body .aud-hd .aud-hd__util { background: var(--v3-navy-900); color: var(--v3-on-dark); font-size: 13px; }
html body .aud-hd .aud-hd__util-in { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 36px; }
html body .aud-hd .aud-hd__util-l, html body .aud-hd .aud-hd__util-r { display: flex; align-items: center; gap: 18px; }
html body .aud-hd .aud-hd__brand { color: var(--v3-champagne); font-weight: 600; letter-spacing: .04em; }
html body .aud-hd .aud-hd__util a { color: var(--v3-on-dark); text-decoration: none; }
html body .aud-hd .aud-hd__util a:hover { color: #fff; }
html body .aud-hd .header-selectors-wrapper { float: none; display: flex; align-items: center; gap: 8px; border: 0; padding: 0; }
html body .aud-hd .header-selectors-wrapper > div { display: block; width: auto; min-width: 0; margin: 0; line-height: normal; }
html body .aud-hd .header-selectors-wrapper select { width: auto; height: 26px; padding: 0 22px 0 8px; border: 1px solid rgba(216, 190, 149, .45); border-radius: 2px; background-color: transparent; color: var(--v3-on-dark); font-size: 12px; }
html body .aud-hd .header-selectors-wrapper select option { color: var(--v3-ink); }
html body .aud-hd .aud-hd__main { border-bottom: 1px solid var(--v3-stone-200); background: #fff; }
html body .aud-hd .aud-hd__main-in { display: flex; align-items: center; gap: 32px; padding-top: 16px; padding-bottom: 16px; }
html body .aud-hd .header-logo { order: 1; flex: 0 0 auto; margin: 0; text-align: left; }
html body .aud-hd .header-logo a { display: block; }
html body .aud-hd .header-logo a img { display: block; max-height: 46px; width: auto; }
html body .aud-hd .search-box { order: 2; flex: 1 1 420px; min-width: 0; margin: 0; }
html body .aud-hd .search-box form { display: flex; flex-wrap: nowrap; justify-content: stretch; gap: 0; height: 46px; border: 1.5px solid var(--v3-navy); border-radius: 2px; overflow: hidden; background: #fff; }
html body .aud-hd .search-box input.search-box-text { flex: 1 1 auto; width: auto; min-width: 0; max-width: none; height: 100%; margin: 0; padding: 0 16px; border: 0; border-radius: 0; font-size: 15px; color: var(--v3-ink); background: transparent; }
html body .aud-hd .search-box input.search-box-text:focus { outline: none; }
html body .aud-hd .search-box .search-box-button { flex: 0 0 auto; min-width: 104px; height: 100%; margin: 0; padding: 0 18px; border: 0; border-radius: 0; background: var(--v3-navy); color: #fff; font-size: 15px; font-weight: 600; }
html body .aud-hd .search-box .search-box-button:hover { background: var(--v3-bronze); }
html body .aud-hd .header-upper { order: 3; position: relative; z-index: 2; display: block; flex: 0 0 auto; border: 0; }
html body .aud-hd .header-links-wrapper, html body .aud-hd .header-selectors-wrapper { order: 0; }
html body .aud-hd .header-upper::after { display: none; }
html body .aud-hd .header-links-wrapper { position: relative; float: none; padding: 0; }
html body .aud-hd .header-links ul { display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; font-size: 0; }
html body .aud-hd .header-links li { display: block; margin: 0; }
html body .aud-hd .header-links a { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12.5px; line-height: 1.2; color: var(--v3-ink); text-transform: none; text-decoration: none; background: none; padding: 0; }
html body .aud-hd .header-links a:hover { color: var(--v3-bronze); }
html body .aud-hd .header-links a::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
html body .aud-hd .header-links .ico-register, html body .aud-hd .header-links .ico-login, html body .aud-hd .header-links .ico-account { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
html body .aud-hd .header-links .ico-logout { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M14 4h5v16h-5M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E"); }
html body .aud-hd .header-links .ico-wishlist { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 017-2.6A4 4 0 0119 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E"); }
html body .aud-hd .header-links .ico-cart { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 11h10.6l2-8H7'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E"); }
html body .aud-hd .header-links .ico-inbox { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E"); }
html body .aud-hd .header-links a span { display: inline; font-size: inherit; line-height: inherit; text-transform: none; }
html body .aud-hd .header-links .wishlist-qty, html body .aud-hd .header-links .cart-qty { display: none; }
html body .aud-hd #topcartlink { display: block; width: auto; max-width: none; margin: 0; padding: 0; background: none; }
html body .aud-hd .flyout-cart { top: calc(100% + 12px); right: 0; text-align: left; }

/* ===== 主菜单 ===== */
html body .header-menu.aud-menu, html body .header-menu { width: auto; max-width: none; margin: 0; padding: 0; border: 0; background: #fff; text-align: left; }
html body .aud-nav { position: relative; z-index: 50; background: #fff; border-bottom: 1px solid var(--v3-stone-200); }
html body .aud-nav__in { display: flex; align-items: stretch; gap: 32px; }
html body .aud-nav__cats { position: relative; flex: 0 0 260px; }
html body .aud-nav__cats-btn { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px; background: var(--v3-navy); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
html body .aud-nav__cats-btn:hover, html body .aud-nav__cats-btn:focus { color: #fff; }
html body .aud-nav__cats-btn svg { flex: none; }
html body .aud-nav__mega { position: absolute; left: 0; top: 100%; width: 100%; display: none; box-shadow: 0 12px 28px rgba(15, 27, 38, .14); }
html body .aud-nav__cats:hover .aud-nav__mega, html body .aud-nav__cats:focus-within .aud-nav__mega { display: block; }
html.html-home-page body .aud-nav__cats .aud-nav__mega { display: none; }
html body .aud-nav__links { display: flex; align-items: center; gap: 28px; min-height: 46px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
html body .aud-nav__links::-webkit-scrollbar { display: none; }
html body .aud-nav__links a { display: flex; align-items: center; gap: 6px; padding: 12px 0; border-bottom: 2px solid transparent; font-size: 15px; font-weight: 600; color: var(--v3-navy); white-space: nowrap; text-decoration: none; }
html body .aud-nav__links a:hover { color: var(--v3-bronze); }
html body .aud-nav__links a.is-active { border-bottom-color: var(--v3-navy); }
html body .aud-nav__badge { padding: 1px 6px; border-radius: 2px; background: var(--v3-bronze); color: #fff; font-size: 11px; font-weight: 700; }
html body .aud-nav__m-all { display: none; }

/* 分类菜单（页头下拉和首页首屏共用） */
html body .aud-cm { display: flex; flex-direction: column; padding: 6px 0; background: #fff; border: 1px solid var(--v3-stone-200); border-top: 0; text-align: left; }
html body .aud-cm__row { display: flex; align-items: flex-start; gap: 10px; padding: 7px 14px 7px 16px; }
html body .aud-cm__row:hover { background: var(--v3-stone-50); }
html body .aud-cm__row img { flex: none; width: 28px; height: 28px; margin-top: 1px; border-radius: 50%; object-fit: cover; background: var(--v3-stone-100); }
html body .aud-cm__row p { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--v3-muted); }
html body .aud-cm__row p a { display: inline-block; margin-right: 8px; color: var(--v3-muted); white-space: nowrap; text-decoration: none; }
html body .aud-cm__row p a:hover { color: var(--v3-bronze); }
html body .aud-cm__row p a.aud-cm__g { font-size: 14px; font-weight: 700; color: var(--v3-ink); }
html body .aud-cm__chev { margin-top: 2px; color: var(--v3-on-dark-muted); }
html body .aud-cm__all { margin-top: auto; padding: 9px 16px; border-top: 1px solid var(--v3-stone-100); font-size: 13px; font-weight: 700; color: var(--v3-bronze); text-decoration: none; }

/* ===== 页脚 ===== */
html body .footer.aud-ft { background: var(--v3-navy); color: var(--v3-on-dark-muted); font-size: 14px; text-align: left; }
html body .aud-ft__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 32px; padding-top: 56px; padding-bottom: 32px; }
html body .aud-ft__brand { display: flex; flex-direction: column; gap: 12px; line-height: 1.8; }
html body .aud-ft__brand strong { font-family: var(--v3-serif); font-size: 26px; font-weight: 600; color: #fff; line-height: 1.2; }
html body .aud-ft a { color: var(--v3-on-dark); text-decoration: none; }
html body .aud-ft a:hover { color: #fff; }
html body .aud-ft__col { display: flex; flex-direction: column; gap: 10px; }
html body .aud-ft__col h2 { margin: 0 0 2px; font-size: 15px; font-weight: 700; color: var(--v3-champagne); }
html body .aud-ft__bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 16px; padding-top: 18px; padding-bottom: 28px; border-top: 1px solid rgba(232, 220, 200, .15); font-size: 13px; }
html body .aud-ft__zs b { margin-right: 10px; color: var(--v3-champagne); }
html body .aud-ft__zs span { margin-left: 10px; color: var(--v3-champagne); }
html body .aud-ft__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; }
html body .aud-ft__meta a { color: var(--v3-champagne); }
html body .aud-ft .footer-powered-by, html body .aud-ft .footer-tax-shipping { display: inline; margin: 0; font-size: 12px; color: var(--v3-on-dark-muted); }

/* ===== 首页（Topic 6，类名 hp-）===== */
html.html-home-page body .master-wrapper-content { width: auto; max-width: 1280px; box-sizing: border-box; padding: 16px 24px 56px; }
html.html-home-page body .home-page .topic-block { margin: 0; }
html body .hp { font-size: 15px; line-height: 1.6; color: var(--v3-ink); text-align: left; }
html body .hp p, html body .hp h1, html body .hp h2, html body .hp h3, html body .hp figure { margin: 0; text-align: left; }
html body .hp ul, html body .hp ol { margin: 0; padding: 0; list-style: none; }
html body .hp a { color: var(--v3-navy); text-decoration: none; }
html body .hp a:hover { color: var(--v3-bronze); }
html body .hp img { display: block; max-width: 100%; height: auto; } /* 图片标签带 width/height（防跳动），这里让高度跟着比例走 */
html body .hp strong { color: inherit; }
html body .hp .hp-serif { font-family: var(--v3-serif); font-weight: 600; }
html body .hp .hp-eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .16em; color: var(--v3-bronze); }
html body .hp .hp-sec { margin-top: 64px; display: flex; flex-direction: column; gap: 20px; }
html body .hp .hp-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; }
html body .hp .hp-head > div { display: flex; flex-direction: column; gap: 10px; max-width: 760px; }
html body .hp .hp-h2 { font-family: var(--v3-serif); font-weight: 600; font-size: 38px; line-height: 1.2; color: var(--v3-navy); }
html body .hp .hp-lede { font-size: 16px; line-height: 1.75; color: var(--v3-muted); }
html body .hp .hp-more { font-size: 14px; font-weight: 700; color: var(--v3-bronze); }
html body .hp .hp-btns { display: flex; flex-wrap: wrap; gap: 12px; }
html body .hp .hp-btn { display: inline-flex; justify-content: center; align-items: center; padding: 12px 22px; border: 1.5px solid var(--v3-navy); border-radius: 2px; font-size: 15px; font-weight: 700; color: var(--v3-navy); text-align: center; }
html body .hp .hp-btn--solid { background: var(--v3-navy); color: #fff; }
html body .hp .hp-btn--solid:hover { background: var(--v3-bronze); border-color: var(--v3-bronze); color: #fff; }
html body .hp .hp-btn--gold { background: var(--v3-champagne); border-color: var(--v3-champagne); color: var(--v3-navy); }
html body .hp .hp-btn--line-gold { border-color: var(--v3-champagne); color: var(--v3-champagne); }
html body .hp .hp-btn--gold:hover, html body .hp .hp-btn--line-gold:hover { background: #fff; border-color: #fff; color: var(--v3-navy); }
html body .hp .hp-tag { align-self: flex-start; padding: 2px 9px; border-radius: 2px; background: var(--v3-bronze); color: #fff; font-size: 12.5px; font-weight: 700; }
html body .hp .hp-tag--line { padding: 1px 9px; border: 1px solid var(--v3-navy); background: transparent; color: var(--v3-navy); }

/* 手机专用块默认隐藏 */
html body .hp .hp-qc, html body .hp .hp-mstrip { display: none; }

/* 首屏 */
html body .hp .hp-hero { display: grid; grid-template-columns: 260px minmax(0, 1fr) 268px; gap: 16px; }
html body .hp .hp-hero > .aud-cm { margin-top: -16px; }
html body .hp .hp-banner { position: relative; display: grid; grid-template-columns: minmax(0, 52fr) minmax(0, 48fr); min-height: 460px; background: var(--v3-stone-100); overflow: hidden; }
html body .hp .hp-banner__txt { container-type: inline-size; display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 40px 30px 40px 34px; }
html body .hp .hp-banner__txt .hp-eyebrow { letter-spacing: .08em; }
html body .hp .hp-banner h1 { font-family: var(--v3-serif); font-weight: 600; font-size: min(42px, 11.8cqi); line-height: 1.2; color: var(--v3-navy); }
html body .hp .hp-banner__txt > p:not(.hp-eyebrow) { font-size: 15.5px; line-height: 1.75; color: var(--v3-muted); }
html body .hp .hp-banner__img { position: relative; min-height: 300px; }
html body .hp .hp-banner__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .hp .hp-banner__img span { position: absolute; right: 16px; top: 16px; padding: 5px 10px; border-radius: 2px; background: rgba(8, 27, 46, .78); color: var(--v3-champagne-200); font-size: 12px; font-weight: 600; }
html body .hp .hp-aside { display: flex; flex-direction: column; gap: 12px; }
html body .hp .hp-card { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; background: #fff; border: 1px solid var(--v3-stone-200); }
html body .hp .hp-member { display: flex; align-items: center; gap: 12px; }
html body .hp .hp-member__ico { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--v3-stone-100); }
html body .hp .hp-member div { display: flex; flex-direction: column; gap: 2px; }
html body .hp .hp-member strong { font-size: 15px; color: var(--v3-navy); }
html body .hp .hp-member span { font-size: 12.5px; color: var(--v3-muted); }
html body .hp .hp-2btn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html body .hp .hp-2btn a { padding: 9px 0; border: 1.5px solid var(--v3-navy); border-radius: 2px; font-size: 14px; font-weight: 700; text-align: center; color: var(--v3-navy); }
html body .hp .hp-2btn a:first-child { background: var(--v3-navy); color: #fff; }
html body .hp .hp-2btn--member { grid-template-columns: 1fr; }
html body .hp .hp-2btn--member, html.is-member body .hp .hp-2btn--guest { display: none; }
html.is-member body .hp .hp-2btn--member { display: grid; }
html body .hp .hp-lines { gap: 14px; padding: 16px 20px; }
html body .hp .hp-lines > div { display: flex; flex-direction: column; gap: 6px; }
html body .hp .hp-lines > div span:last-child { font-size: 13.5px; line-height: 1.6; }
html body .hp .hp-lines hr { width: 100%; height: 1px; margin: 0; border: 0; background: var(--v3-stone-200); }
html body .hp .hp-lines .hp-tag { font-size: 12px; padding: 2px 8px; }
html body .hp .hp-quote { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 16px 20px; background: var(--v3-navy); color: var(--v3-on-dark); }
html body .hp .hp-quote strong { font-size: 15px; color: var(--v3-champagne); }
html body .hp .hp-quote span { font-size: 12.5px; line-height: 1.6; }
html body .hp a.hp-quote:hover { color: var(--v3-on-dark); background: var(--v3-navy-900); }

/* 服务承诺 */
html body .hp .hp-promise { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 16px; background: #fff; border: 1px solid var(--v3-stone-200); }
html body .hp .hp-promise > div { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-right: 1px solid var(--v3-stone-200); }
html body .hp .hp-promise > div:last-child { border-right: 0; }
html body .hp .hp-promise svg { flex: none; width: 30px; height: 30px; fill: none; stroke: var(--v3-bronze); stroke-width: 1.5; }
html body .hp .hp-promise div div { display: flex; flex-direction: column; gap: 2px; }
html body .hp .hp-promise strong { font-size: 14.5px; color: var(--v3-navy); }
html body .hp .hp-promise span { font-size: 12.5px; color: var(--v3-muted); }

/* 精选建材 */
html body .hp .hp-picks { margin-top: 24px; gap: 16px; }
html body .hp .hp-picks h2 { font-family: var(--v3-serif); font-weight: 600; font-size: 30px; color: var(--v3-navy); }
html body .hp .hp-picks h2 small { margin-left: 10px; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .16em; color: var(--v3-bronze); }
html body .hp .hp-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
html body .hp .hp-tile { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--v3-stone-200); }
html body .hp .hp-tile img, html body .hp .hp-sq img, html body .hp .hp-big img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
html body .hp .hp-tile:hover img, html body .hp .hp-sq:hover img, html body .hp .hp-big:hover img { transform: scale(1.04); }
html body .hp .hp-tile__cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 2px; padding: 14px 14px 12px; background: rgba(8, 27, 46, .82); color: #fff; }
html body .hp .hp-tile__cap strong { font-size: 14.5px; }
html body .hp .hp-tile__cap span { font-size: 12px; color: var(--v3-champagne); }

/* 两条货源 */
html body .hp .hp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
html body .hp .hp-supply { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--v3-stone-200); }
html body .hp .hp-supply--cd { background: var(--v3-navy); border-color: var(--v3-navy); color: var(--v3-on-dark); }
html body .hp .hp-supply > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
html body .hp .hp-supply__body { display: flex; flex-direction: column; gap: 14px; padding: 32px 32px 34px; }
html body .hp .hp-supply h3 { font-family: var(--v3-serif); font-weight: 600; font-size: 28px; line-height: 1.25; color: var(--v3-navy); }
html body .hp .hp-supply--cd h3 { color: #fff; }
html body .hp .hp-supply p { font-size: 15px; line-height: 1.8; color: var(--v3-muted); }
html body .hp .hp-supply--cd p { color: var(--v3-on-dark); }
html body .hp .hp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
html body .hp .hp-chips span { padding: 3px 10px; background: var(--v3-stone-100); font-size: 12.5px; color: var(--v3-ink); }
html body .hp .hp-supply--cd .hp-chips span { background: transparent; border: 1px solid rgba(216, 190, 149, .5); color: var(--v3-champagne); }
html body .hp .hp-supply__more { margin-top: 4px; font-size: 15px; font-weight: 700; color: var(--v3-bronze); }
html body .hp .hp-supply--cd .hp-supply__more { color: var(--v3-champagne); }

/* 中国工厂直采首批选品 */
html body .hp .hp-cd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html body .hp .hp-big { position: relative; grid-column: span 2; grid-row: span 2; min-height: 300px; overflow: hidden; background: var(--v3-stone-200); }
html body .hp .hp-big img { position: absolute; inset: 0; }
html body .hp .hp-big__cap { position: absolute; left: 24px; bottom: 24px; max-width: 360px; display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; background: #fff; }
html body .hp .hp-big__cap span:first-child { font-size: 12px; font-weight: 700; letter-spacing: .16em; color: var(--v3-bronze); }
html body .hp .hp-big__cap strong { font-family: var(--v3-serif); font-size: 26px; font-weight: 600; line-height: 1.25; color: var(--v3-navy); }
html body .hp .hp-big__cap span:last-child { font-size: 13.5px; line-height: 1.6; color: var(--v3-muted); }
html body .hp .hp-cd__row { display: contents; }
html body .hp .hp-sq { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--v3-stone-200); }
html body .hp .hp-sq__flag { position: absolute; left: 10px; top: 10px; padding: 2px 8px; background: var(--v3-bronze); color: #fff; font-size: 11.5px; font-weight: 700; }
html body .hp .hp-sq__cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 2px; padding: 32px 14px 12px; background: linear-gradient(to top, rgba(8, 27, 46, .8), rgba(8, 27, 46, 0)); color: #fff; }
html body .hp .hp-sq__cap span { font-size: 12px; font-weight: 700; color: var(--v3-champagne); }
html body .hp .hp-sq__cap strong { font-size: 14.5px; line-height: 1.4; }

/* 风格灵感 */
html body .hp .hp-mosaic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 280px; gap: 12px; }
html body .hp .hp-mosaic .hp-big { min-height: 0; }
html body .hp .hp-mosaic .hp-big__cap { left: 20px; bottom: 20px; gap: 2px; padding: 14px 18px; }
html body .hp .hp-mosaic .hp-big__cap strong { font-size: 24px; }
html body .hp .hp-mo { position: relative; display: block; overflow: hidden; background: var(--v3-stone-200); }
html body .hp .hp-mo img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
html body .hp .hp-mo:hover img { transform: scale(1.04); }
html body .hp .hp-mo span { position: absolute; left: 12px; bottom: 12px; padding: 8px 12px; background: rgba(255, 255, 255, .94); font-size: 14px; font-weight: 700; color: var(--v3-navy); }

/* 给业主 / 给建筑商 */
html body .hp .hp-band { margin-top: 64px; padding: 56px; }
html body .hp .hp-band--stone { background: var(--v3-stone-100); }
html body .hp .hp-band--navy { margin-top: 24px; background: var(--v3-navy); color: var(--v3-on-dark); }
html body .hp .hp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px; align-items: center; }
html body .hp .hp-split > div { display: flex; flex-direction: column; gap: 16px; }
html body .hp .hp-band--navy .hp-eyebrow { color: var(--v3-champagne); }
html body .hp .hp-band--navy .hp-h2 { color: #fff; }
html body .hp .hp-band--navy .hp-lede { color: var(--v3-on-dark); }
html body .hp .hp-pillars { display: flex; flex-direction: column; margin-top: 4px; border-top: 1px solid #DCD3C4; }
html body .hp .hp-pillars li { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #DCD3C4; }
html body .hp .hp-pillars li > span { flex: none; font-family: var(--v3-serif); font-size: 26px; font-weight: 600; line-height: 1; color: var(--v3-bronze); }
html body .hp .hp-pillars li div { display: flex; flex-direction: column; gap: 4px; }
html body .hp .hp-pillars strong { font-size: 16px; color: var(--v3-navy); }
html body .hp .hp-pillars li div span { font-size: 14px; line-height: 1.7; color: var(--v3-muted); }
html body .hp .hp-owner-vr { min-width: 0; align-self: stretch; display: flex; flex-direction: column; }
html body .hp .hp-owner-vr .ah-vr { flex: 1 1 auto; }
html body .hp .hp-band--navy .hp-split { align-items: start; }
html body .hp .hp-split > .hp-b3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
html body .hp .hp-b3 img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
html body .hp .hp-six { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; border-top: 1px solid rgba(216, 190, 149, .25); }
html body .hp .hp-six li { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px 22px 0; border-bottom: 1px solid rgba(216, 190, 149, .25); }
html body .hp .hp-six li small { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; color: var(--v3-champagne); }
html body .hp .hp-six li strong { font-size: 17px; color: #fff; }
html body .hp .hp-six li span { font-size: 14px; line-height: 1.7; color: var(--v3-on-dark-muted); }
html body .hp .hp-band--navy .hp-btns { margin-top: 28px; }

/* 建筑商常买 */
html body .hp .hp-prods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
html body .hp .hp-prod { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--v3-stone-200); color: var(--v3-ink); }
html body .hp a.hp-prod { color: var(--v3-ink); }
html body .hp .hp-prod img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
html body .hp .hp-prod__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
html body .hp .hp-prod__cat { font-size: 12px; font-weight: 700; color: var(--v3-bronze); }
html body .hp .hp-prod__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em; font-size: 15px; font-weight: 700; line-height: 1.45; }
html body .hp .hp-prod__row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 4px; }
html body .hp .hp-prod__row > span:first-child { padding: 0 6px; border: 1px solid var(--v3-navy); font-size: 11.5px; font-weight: 700; color: var(--v3-navy); white-space: nowrap; }
html body .hp .hp-prod__row > span:last-child { font-size: 12.5px; font-weight: 700; color: var(--v3-bronze); white-space: nowrap; }

/* 按品类选购（27 个） */
html body .hp .hp-cats { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 20px 14px; }
html body .hp .hp-cat { position: relative; display: flex; flex-direction: column; gap: 8px; color: var(--v3-ink); }
html body .hp .hp-cat img, html body .hp .hp-cat__ph { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--v3-stone-100); }
html body .hp .hp-cat__ph { display: flex; align-items: center; justify-content: center; }
html body .hp .hp-cat__ph svg { width: 44px; height: 44px; fill: none; stroke: var(--v3-bronze); stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
html body .hp .hp-cat strong { font-size: 14px; line-height: 1.35; }
html body .hp .hp-cat__q { position: absolute; left: 6px; top: 6px; padding: 1px 6px; background: rgba(255, 255, 255, .92); border: 1px solid var(--v3-stone-200); font-size: 11px; font-weight: 700; color: var(--v3-bronze); }

/* 运营方 */
html body .hp .hp-about { margin-top: 72px; gap: 32px; }
html body .hp .hp-about .hp-split > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
html body .hp .hp-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #fff; border: 1px solid var(--v3-stone-200); }
html body .hp .hp-stats li { display: flex; flex-direction: column; gap: 4px; padding: 22px 20px; border-right: 1px solid var(--v3-stone-200); }
html body .hp .hp-stats li:last-child { border-right: 0; }
html body .hp .hp-stats strong { font-family: var(--v3-serif); font-size: 30px; font-weight: 600; line-height: 1.1; color: var(--v3-navy); }
html body .hp .hp-stats span { font-size: 13px; color: var(--v3-muted); }
html body .hp .hp-award { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--v3-stone-200); }
html body .hp .hp-award > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
html body .hp .hp-award > div { display: flex; align-items: center; gap: 16px; padding: 18px 20px; }
html body .hp .hp-award > div img { flex: none; width: 52px; height: 60px; object-fit: contain; }
html body .hp .hp-award div div { display: flex; flex-direction: column; gap: 2px; }
html body .hp .hp-award div div span:first-child { font-size: 12px; font-weight: 700; color: var(--v3-bronze); }
html body .hp .hp-award strong { font-size: 17px; color: var(--v3-navy); }
html body .hp .hp-award div div span:last-child { font-size: 13px; color: var(--v3-muted); }

/* 联系我们 */
html body .hp .hp-contact { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 64px; padding: 40px 48px; background: var(--v3-navy-900); color: var(--v3-on-dark); }
html body .hp .hp-contact > div:first-child { display: flex; flex-direction: column; gap: 8px; max-width: 620px; }
html body .hp .hp-contact h2 { font-family: var(--v3-serif); font-size: 32px; font-weight: 600; line-height: 1.25; color: #fff; }
html body .hp .hp-contact p { font-size: 15px; line-height: 1.75; }

/* 底部导航栏改为 5 格（aud-mobile.js 加了“工厂直采”） */
@media all and (max-width: 1000px) {
  html body .aud-tabbar { grid-template-columns: repeat(5, 1fr); }
}

/* ===== 平板（≤1100px）===== */
@media all and (max-width: 1100px) {
  html body .hp .hp-hero { grid-template-columns: minmax(0, 1fr) 268px; }
  html body .hp .hp-hero > .aud-cm { display: none; }
  html body .hp .hp-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body .hp .hp-prods { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body .hp .hp-cats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html body .hp .hp-mosaic { grid-auto-rows: 220px; }
  html body .hp .hp-split { gap: 32px; }
  html body .aud-nav__in { gap: 24px; }
  html body .aud-nav__links { gap: 20px; }
}

/* ===== 手机与小平板（≤1000px，主题切换成手机菜单的宽度）===== */
@media all and (max-width: 1000px) {
  /* 页头：整块随页面滚走，不固定在顶部（2026-10-18 用户要求；导航靠底部导航栏） */
  html body .header.aud-hd { position: relative; top: auto; display: block; padding: 0; box-shadow: 0 1px 0 var(--v3-stone-200), 0 4px 12px rgba(15, 27, 38, .04); }
  html body .aud-wrap { padding: 0 16px; }
  html body .aud-hd .aud-hd__util { font-size: 12px; }
  html body .aud-hd .aud-hd__util-in { min-height: 34px; gap: 10px; }
  html body .aud-hd .aud-hd__lic, html body .aud-hd .aud-hd__tel { display: none; }
  html body .aud-hd .aud-hd__util-r { gap: 12px; }
  html body .aud-hd .aud-hd__main-in { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "logo links" "search search"; gap: 10px 12px; padding-top: 10px; padding-bottom: 12px; }
  html body .aud-hd .header-logo { grid-area: logo; }
  html body .aud-hd .header-logo a img { max-height: 34px; }
  html body .aud-hd .header-upper { grid-area: links; justify-self: end; }
  html body .aud-hd .search-box { grid-area: search; }
  html body .aud-hd .search-box form { height: 40px; }
  html body .aud-hd .search-box input.search-box-text { padding: 0 12px; font-size: 16px; }
  html body .aud-hd .search-box .search-box-button { min-width: 64px; padding: 0 12px; font-size: 14px; }
  html body .aud-hd .header-links ul { gap: 16px; }
  html body .aud-hd .header-links a { font-size: 10.5px; gap: 2px; }
  html body .aud-hd .header-links a::before { width: 20px; height: 20px; }
  html body .aud-hd .header-links li:has(.ico-wishlist), html body .aud-hd .header-links #topcartlink { display: none; }
  html body .aud-hd .flyout-cart { display: none !important; }
  /* 主菜单：手机上是一排可左右滑动的入口 */
  html body .aud-nav__in { gap: 0; padding: 0; }
  html body .aud-nav__cats { display: none; }
  html body .aud-nav__links { gap: 20px; min-height: 42px; padding: 0 16px; }
  html body .aud-nav__links a { padding: 10px 0; font-size: 14px; }
  html body .aud-nav__m-all { display: block; }
  /* 页脚 */
  html body .aud-ft__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; padding-top: 32px; padding-bottom: 24px; }
  html body .aud-ft__brand { grid-column: 1 / -1; }
  html body .aud-ft__bottom { padding-bottom: 24px; }
  /* 首页 */
  html.html-home-page body .master-wrapper-content { padding: 0 0 40px; }
  html body .hp { font-size: 14px; }
  html body .hp .hp-sec { margin-top: 36px; gap: 14px; padding: 0 16px; }
  html body .hp .hp-h2 { font-size: 27px; line-height: 1.25; }
  html body .hp .hp-lede { font-size: 14px; line-height: 1.7; }
  html body .hp .hp-eyebrow { font-size: 11.5px; }
  html body .hp .hp-qc { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 6px; padding: 16px 12px 14px; background: #fff; border-bottom: 1px solid var(--v3-stone-200); scroll-margin-top: 110px; }
  html body .hp .hp-qc a { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; line-height: 1.3; color: var(--v3-ink); text-align: center; }
  html body .hp .hp-qc img, html body .hp .hp-qc i { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; background: var(--v3-stone-100); }
  html body .hp .hp-qc i { display: flex; align-items: center; justify-content: center; background: var(--v3-navy); }
  html body .hp .hp-hero { display: block; }
  html body .hp .hp-aside { display: none; }
  html body .hp .hp-banner { display: flex; flex-direction: column-reverse; min-height: 0; }
  html body .hp .hp-banner__img { aspect-ratio: 16 / 10; min-height: 0; }
  html body .hp .hp-banner__txt { gap: 12px; padding: 22px 16px 24px; }
  html body .hp .hp-banner h1 { font-size: min(32px, 11.8cqi); line-height: 1.2; }
  html body .hp .hp-banner__txt > p:not(.hp-eyebrow) { font-size: 14.5px; }
  html body .hp .hp-banner .hp-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  html body .hp .hp-btn { padding: 11px 8px; font-size: 14.5px; }
  html body .hp .hp-promise { grid-template-columns: 1fr 1fr; margin-top: 0; border-left: 0; border-right: 0; border-top: 0; }
  html body .hp .hp-promise > div { gap: 10px; padding: 14px 12px 14px 16px; border-bottom: 1px solid var(--v3-stone-200); }
  html body .hp .hp-promise > div:nth-child(2n) { border-right: 0; }
  html body .hp .hp-promise > div:nth-child(n+3) { border-bottom: 0; }
  html body .hp .hp-promise svg { width: 24px; height: 24px; }
  html body .hp .hp-promise strong { font-size: 13.5px; }
  html body .hp .hp-promise span { font-size: 11.5px; }
  html body .hp .hp-mstrip { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 16px 16px 0; padding: 16px; background: var(--v3-navy); color: var(--v3-on-dark); }
  html.is-member body .hp .hp-mstrip { display: none; }
  html body .hp .hp-mstrip div:first-child { display: flex; flex-direction: column; gap: 3px; }
  html body .hp .hp-mstrip strong { font-size: 15px; color: #fff; }
  html body .hp .hp-mstrip span { font-size: 12px; color: var(--v3-on-dark-muted); }
  html body .hp .hp-mstrip div:last-child { display: flex; flex: none; gap: 8px; }
  html body .hp .hp-mstrip a { padding: 7px 12px; border: 1px solid var(--v3-champagne); border-radius: 2px; font-size: 13px; font-weight: 700; color: var(--v3-champagne); }
  html body .hp .hp-mstrip a:first-child { background: var(--v3-champagne); color: var(--v3-navy); }
  /* 横向滑动：精选建材、直采小图 */
  html body .hp .hp-tiles, html body .hp .hp-cd__row { display: flex; gap: 10px; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; scroll-snap-type: x proximity; }
  html body .hp .hp-tiles::-webkit-scrollbar, html body .hp .hp-cd__row::-webkit-scrollbar { display: none; }
  html body .hp .hp-tile { flex: 0 0 132px; scroll-snap-align: start; }
  html body .hp .hp-tile__cap { padding: 9px 10px; }
  html body .hp .hp-tile__cap strong { font-size: 13px; }
  html body .hp .hp-tile__cap span { font-size: 11px; }
  html body .hp .hp-picks h2 { font-size: 24px; }
  html body .hp .hp-picks h2 small { display: none; }
  html body .hp .hp-cd { display: flex; flex-direction: column; gap: 10px; }
  html body .hp .hp-cd .hp-big { aspect-ratio: 4 / 3; min-height: 0; }
  html body .hp .hp-big__cap { left: 12px; right: 12px; bottom: 12px; max-width: none; padding: 12px 14px; gap: 3px; }
  html body .hp .hp-big__cap strong { font-size: 21px; }
  html body .hp .hp-cd__row .hp-sq { flex: 0 0 150px; scroll-snap-align: start; }
  html body .hp .hp-sq__flag { display: none; }
  html body .hp .hp-sq__cap { padding: 24px 10px 9px; }
  html body .hp .hp-sq__cap span { font-size: 11px; }
  html body .hp .hp-sq__cap strong { font-size: 13px; line-height: 1.35; }
  html body .hp .hp-two { grid-template-columns: 1fr; gap: 12px; }
  html body .hp .hp-supply { flex-direction: row; }
  html body .hp .hp-supply > img { flex: 0 0 118px; width: 118px; aspect-ratio: auto; height: auto; align-self: stretch; }
  html body .hp .hp-supply__body { gap: 6px; padding: 14px 14px 16px; }
  html body .hp .hp-supply h3 { font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.4; }
  html body .hp .hp-supply p { font-size: 12.5px; line-height: 1.65; }
  html body .hp .hp-supply .hp-chips { display: none; }
  html body .hp .hp-supply__more { font-size: 13px; }
  html body .hp .hp-supply .hp-tag { font-size: 11.5px; padding: 1px 8px; }
  html body .hp .hp-mosaic { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 10px; }
  html body .hp .hp-mosaic .hp-big { grid-row: auto; aspect-ratio: 1 / 1; }
  html body .hp .hp-mosaic .hp-big__cap { left: 12px; right: auto; bottom: 12px; padding: 10px 14px; }
  html body .hp .hp-mosaic .hp-big__cap strong { font-size: 20px; }
  html body .hp .hp-mo { aspect-ratio: 1 / 1; }
  html body .hp .hp-mo span { left: 8px; bottom: 8px; padding: 5px 9px; font-size: 12.5px; }
  html body .hp .hp-band { margin-top: 36px; padding: 30px 16px 32px; }
  html body .hp .hp-band--navy { margin-top: 0; }
  html body .hp .hp-split { grid-template-columns: 1fr; gap: 20px; }
  html body .hp .hp-pillars li { gap: 12px; padding: 12px 0; }
  html body .hp .hp-pillars li > span { font-size: 22px; }
  html body .hp .hp-pillars strong { font-size: 15px; }
  html body .hp .hp-pillars li div span { font-size: 13px; }
  html body .hp .hp-band .hp-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  html body .hp .hp-b3 { gap: 8px; }
  html body .hp .hp-six { grid-template-columns: 1fr 1fr; margin-top: 20px; }
  html body .hp .hp-six li { gap: 3px; padding: 12px 10px 12px 0; }
  html body .hp .hp-six li:nth-child(2n) { padding: 12px 0 12px 10px; border-left: 1px solid rgba(216, 190, 149, .25); }
  html body .hp .hp-six li small { display: none; }
  html body .hp .hp-six li strong { font-size: 14.5px; }
  html body .hp .hp-six li span { font-size: 12px; line-height: 1.6; }
  html body .hp .hp-band--navy .hp-btns { margin-top: 16px; }
  html body .hp .hp-prods { grid-template-columns: 1fr 1fr; gap: 10px; }
  html body .hp .hp-prod__body { gap: 5px; padding: 10px 10px 12px; }
  html body .hp .hp-prod__cat { font-size: 11px; }
  html body .hp .hp-prod__name { font-size: 13.5px; line-height: 1.4; min-height: 2.8em; }
  html body .hp .hp-prod__row > span:first-child { padding: 0 4px; font-size: 10.5px; }
  html body .hp .hp-prod__row > span:last-child { font-size: 11.5px; }
  html body .hp .hp-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 10px; scroll-margin-top: 110px; }
  html body .hp .hp-cat { gap: 6px; }
  html body .hp .hp-cat strong { font-size: 12.5px; font-weight: 400; text-align: center; }
  html body .hp .hp-cat__ph svg { width: 28px; height: 28px; stroke-width: 1.3; }
  html body .hp .hp-cat__q { left: 3px; top: 3px; padding: 0 4px; font-size: 10px; }
  html body .hp .hp-about { margin-top: 36px; padding: 0; gap: 14px; }
  html body .hp .hp-about .hp-split > img { aspect-ratio: 16 / 10; }
  html body .hp .hp-about .hp-split > div { padding: 0 16px; }
  html body .hp .hp-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 16px; }
  html body .hp .hp-stats li { align-items: center; gap: 2px; padding: 12px 8px; text-align: center; border-bottom: 1px solid var(--v3-stone-200); }
  html body .hp .hp-stats li:nth-child(3) { border-right: 0; }
  html body .hp .hp-stats li:nth-child(n+4) { border-bottom: 0; }
  html body .hp .hp-stats li:last-child { grid-column: span 2; }
  html body .hp .hp-stats strong { font-size: 22px; }
  html body .hp .hp-stats span { font-size: 11.5px; }
  html body .hp .hp-about .hp-two { padding: 0 16px; }
  html body .hp .hp-award { flex-direction: row; }
  html body .hp .hp-award > img { flex: 0 0 120px; width: 120px; aspect-ratio: auto; height: auto; align-self: stretch; }
  html body .hp .hp-award > div { gap: 10px; padding: 12px; }
  html body .hp .hp-award > div img { width: 40px; height: 40px; }
  html body .hp .hp-award div div span:first-child { font-size: 11px; }
  html body .hp .hp-award strong { font-size: 14px; }
  html body .hp .hp-award div div span:last-child { font-size: 11.5px; }
  html body .hp .hp-contact { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 36px; padding: 28px 16px; }
  html body .hp .hp-contact h2 { font-size: 24px; line-height: 1.3; }
  html body .hp .hp-contact p { font-size: 13.5px; line-height: 1.7; }
  html body .hp .hp-contact .hp-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  html body .hp .hp-contact .hp-btns a:first-child { grid-column: 1 / -1; }
}
@media all and (min-width: 600px) and (max-width: 1000px) {
  html body .hp .hp-prods { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html body .hp .hp-cats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html body .hp .hp-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html body .hp .hp-mosaic .hp-big { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html body .hp .hp-tile img, html body .hp .hp-sq img, html body .hp .hp-big img, html body .hp .hp-mo img { transition: none; }
}