/* 2026-09-25 · 浅底黑灰与铜朱红品牌视觉层；沿用既有组件接口。 */
:root {
  --ml-ink: #202020;
  --ml-ink-soft: #363636;
  --ml-steel: #e4e4e4;
  --ml-steel-dark: #d9d9d9;
  --ml-on-dark: #f7f7f7;
  --ml-focus-ring: #202020;
  --ml-text-primary: #202020;
  --ml-text-secondary: #505050;
  --ml-text-tertiary: #626262;
  --ml-bg-primary: #fff;
  --ml-bg-secondary: #ececec;
  --ml-border: #dedede;
  --ml-accent-primary: #B13F32;
  --ml-accent-hover: #922E27;
  --ml-accent-soft: #F6E9E6;
  --ml-header-bg: #CC121C;
  --ml-container-max: 1180px;
  --ml-radius-md: 3px;
  --ml-radius-lg: 3px;
  --ml-radius-xl: 4px;
}

body { letter-spacing: .005em; }
h1, h2, h3 { letter-spacing: -.035em; }
figure { margin: 0; }

/* 全站顶栏统一使用用户提供的红色；新增页面加载本样式即可沿用。 */
.ml-header {
  background: var(--ml-header-bg);
  border-bottom: 1px solid rgba(255,255,255,.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.ml-header__inner { height: 68px; }
.ml-header__logo { color: #fff; border: 0; padding: 0; }
.ml-header__logo img { display: block; width: 144px; height: 48px; object-fit: contain; }
.ml-header__logo:hover { color: var(--ml-accent-soft); }
.ml-header__nav { gap: 25px; }
.ml-header__nav-link { color: #fff; font-size: 14px; font-weight: 400; }
.ml-header__nav-link:hover, .ml-header__nav-link--active { color: var(--ml-accent-soft); }
.ml-header__nav-link--active::after { bottom: -23px; height: 2px; background: #fff; border-radius: 0; }
.ml-header__cta { background: transparent; border: 1px solid #fff; color: #fff; border-radius: 2px; font-weight: 500; }
.ml-header__cta:hover { background: #fff; border-color: #fff; color: var(--ml-header-bg); }
.ml-header__burger { color: #fff; }
.ml-header__burger:hover { background: rgba(255,255,255,.15); }
.ml-header a:focus-visible, .ml-header button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.ml-header__drawer { top: 68px; inset: 68px 0 0; background: #fff; border-top: 1px solid var(--ml-border); }
.ml-header__drawer-link { color: var(--ml-ink); border-color: var(--ml-border); font-weight: 500; }
.ml-header__drawer-link--active { color: var(--ml-accent-primary); }

/* 产品详情页使用简化导航，但与标准页眉共享同一顶栏色值。 */
.ml-detail-nav { background: var(--ml-header-bg); border-bottom: 1px solid rgba(255,255,255,.28); padding: 10px 0; }
.ml-detail-nav__inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 960px; min-height: 48px; }
.ml-detail-nav__brand { display: block; flex: none; line-height: 0; }
.ml-detail-nav__brand img { display: block; width: 144px; height: 48px; object-fit: contain; }
.ml-detail-nav__crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; line-height: 1.5; }
.ml-detail-nav a { color: #fff; }
.ml-detail-nav a:hover { color: var(--ml-accent-soft); }
.ml-detail-nav span { color: rgba(255,255,255,.78); }
.ml-detail-nav a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

.ml-btn { border-radius: 2px; font-weight: 500; box-shadow: none; }
.ml-btn--primary { background: var(--ml-accent-primary); color: #fff; }
.ml-btn--primary:hover { background: var(--ml-accent-hover); color: #fff; }
.ml-btn--secondary { border-color: var(--ml-ink); }
.ml-btn--secondary:hover { border-color: var(--ml-accent-primary); color: var(--ml-accent-primary); }
.ml-btn--lg { font-size: 15px; padding: 14px 22px; border-radius: 2px; }

/* 统一标题节奏：靠左、少装饰，让内容本身建立层次。 */
.ml-section { padding: 84px 0; }
.ml-section--alt { background: var(--ml-bg-secondary); }
.ml-section__head { text-align: left; max-width: none; margin: 0 0 38px; padding-top: 0; }
.ml-section__head::before { display: none; }
.ml-section__title { font-size: clamp(25px, 3vw, 36px); font-weight: 600; line-height: 1.25; margin-bottom: 12px; }
.ml-section__sub { max-width: 650px; font-size: 15px; line-height: 1.8; }
.ml-section__eyebrow, .ml-page-hero__eyebrow { display: none; }
.ml-grid { gap: 22px; }

.ml-hero { padding: 46px 0 50px; min-height: 0; background: #f3f3f3; background-image: none; border: 0; }
.ml-hero > .ml-container { grid-template-columns: minmax(0, 1fr) minmax(0, .94fr); gap: clamp(32px, 5vw, 80px); }
.ml-hero__content { max-width: 530px; }
.ml-hero__eyebrow { background: none; padding: 0; border-radius: 0; color: var(--ml-accent-primary); font-size: 13px; font-weight: 500; margin-bottom: 22px; }
body[data-page-id="index.html"] .ml-hero__eyebrow { font-size: 40px; text-wrap: balance; }
.ml-hero__title { color: var(--ml-ink); font-size: clamp(34px, 4.6vw, 60px); font-weight: 600; line-height: 1.16; letter-spacing: -.055em; margin-bottom: 24px; }
.ml-hero__sub { color: var(--ml-text-secondary); font-size: 17px; line-height: 1.8; max-width: 460px; margin-bottom: 28px; }
.ml-hero__actions { margin: 0; }
.ml-hero__media { width: 100%; aspect-ratio: 1 / .92; background: var(--ml-steel); border: 0; border-radius: 0; box-shadow: none; overflow: hidden; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.ml-hero__media { border-top: 3px solid var(--ml-accent-primary); }
.ml-hero__media img { width: 100%; height: 100%; min-height: 0; object-fit: cover; padding: 0; border-radius: 0; }
.ml-hero__placeholder { display: flex; align-items: center; justify-content: center; min-height: 0; color: var(--ml-text-secondary); font-size: 17px; letter-spacing: .02em; }
.ml-hero__placeholder span { border-bottom: 1px solid var(--ml-border); padding-bottom: 10px; }
.ml-hero__media figcaption { padding: 0 22px 16px; color: var(--ml-text-secondary); font-size: 12px; }
.ml-proof-strip { border-top: 1px solid var(--ml-border); border-bottom: 1px solid var(--ml-border); }
.ml-proof-strip .ml-container { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 46px; padding-top: 19px; padding-bottom: 19px; color: var(--ml-text-secondary); font-size: 13px; }
.ml-proof-strip span { white-space: nowrap; }

/* 内页标题区不再以深色大块模拟 banner。 */
.ml-page-hero { background: var(--ml-bg-secondary); background-image: none; border: 0; text-align: left; padding: 62px 0 57px; }
.ml-page-hero__title { color: var(--ml-ink); font-size: clamp(32px, 4vw, 48px); font-weight: 600; margin-bottom: 13px; }
.ml-page-hero__title::after { content: ""; display: block; width: 48px; height: 3px; margin-top: 18px; background: var(--ml-accent-primary); }
.ml-page-hero__sub { color: var(--ml-text-secondary); font-size: 16px; max-width: 700px; line-height: 1.7; }

/* 内容模块使用轻分隔，取消悬浮、厚边和重复深色图标。 */
.ml-card { border: 1px solid var(--ml-border); border-radius: 2px; border-top-width: 1px; box-shadow: none; transition: border-color 180ms ease; }
.ml-card:hover { transform: none; box-shadow: none; border-top-color: var(--ml-border); border-color: #a8a8a8; }
.ml-feature { border-top: 1px solid var(--ml-border); padding: 22px 0 0; gap: 10px; }
.ml-feature__icon { display: none; }
.ml-feature__title { font-size: 18px; font-weight: 600; }
.ml-feature__desc { font-size: 14px; line-height: 1.75; }
body[data-page-id="index.html"] .ml-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; row-gap: 30px; }
body[data-page-id="index.html"] .ml-section:nth-of-type(4) .ml-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.ml-product-card__media { background: #f2f2f2; border-bottom: 1px solid var(--ml-border); }
.ml-product-card__media img { object-fit: contain; padding: 12px; }
.ml-product-card__missing { display: flex; min-height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 28px; color: var(--ml-ink); font-size: clamp(24px, 2.7vw, 36px); font-weight: 500; letter-spacing: -.04em; }
.ml-product-card__missing small { display: block; margin-top: 8px; color: var(--ml-text-secondary); font-size: 13px; font-weight: 400; letter-spacing: 0; }
.ml-product-card__body { padding: 25px 23px 26px; gap: 11px; }
.ml-product-card__title { font-size: 20px; }
.ml-product-card__meta { color: var(--ml-text-secondary); font-size: 13px; }
.ml-product-card__points { color: var(--ml-text-secondary); line-height: 1.75; }
.ml-product-card__link { color: var(--ml-accent-primary); font-weight: 500; }
.ml-subtype-summary { background: var(--ml-bg-secondary); border-left: 0; border-radius: 2px; }
.ml-subtype-details__summary { color: var(--ml-accent-primary); }

/* 产品展示以图文行替代同权重卡片；缺图时仍保留可读的品类入口。 */
.ml-showcase { background: var(--ml-bg-primary); }
.ml-showcase__entry { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 34px 0; border-top: 1px solid var(--ml-border); }
.ml-showcase__entry-media { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 250px; aspect-ratio: 4 / 3; overflow: hidden; background: var(--ml-steel); color: var(--ml-text-secondary); text-decoration: none; }
.ml-showcase__entry-media img { width: 100%; height: 100%; object-fit: contain; padding: 24px; }
.ml-showcase__entry-media span { padding: 28px; text-align: center; }
.ml-showcase__entry-copy { align-self: center; max-width: 470px; }
.ml-showcase__entry-index { display: block; margin-bottom: 18px; color: var(--ml-accent-primary); font-size: 13px; font-weight: 600; }
.ml-showcase__entry-title { margin: 0 0 14px; font-size: clamp(28px, 3.6vw, 44px); font-weight: 600; line-height: 1.2; }
.ml-showcase__entry-spec { margin: 0 0 22px; color: var(--ml-text-secondary); line-height: 1.75; }
.ml-showcase__entry-link { color: var(--ml-accent-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.ml-showcase__entry-media:hover, .ml-showcase__entry-link:hover { color: var(--ml-accent-hover); }
.ml-showcase__entry-copy .ml-product-card__points { margin: 0 0 24px; padding-left: 18px; }
.ml-series-nav { border-bottom: 1px solid var(--ml-border); background: var(--ml-bg-primary); }
.ml-series-nav__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 0 28px; }
.ml-series-nav__inner > a, .ml-series-nav__inner > span { display: inline-flex; align-items: center; min-height: 50px; color: var(--ml-text-secondary); font-size: 14px; text-decoration: none; }
.ml-series-nav__inner > span[aria-current="page"] { color: var(--ml-accent-primary); font-weight: 600; box-shadow: inset 0 -2px var(--ml-accent-primary); }
.ml-series-nav__inner > a:hover { color: var(--ml-accent-primary); text-decoration: underline; text-underline-offset: 5px; }

/* 制造信息以证据与流程组织，避免重复的优势卡。 */
.ml-manufacturing { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.ml-manufacturing__lead { max-width: 650px; }
.ml-manufacturing__facts { display: grid; gap: 0; margin: 0; }
.ml-manufacturing__fact { padding: 18px 0; border-top: 1px solid var(--ml-border); }
.ml-manufacturing__fact dt { margin-bottom: 6px; color: var(--ml-ink); font-weight: 600; }
.ml-manufacturing__fact dd { margin: 0; color: var(--ml-text-secondary); line-height: 1.75; }
.ml-detail-title { margin: 0 0 24px; text-align: left; color: var(--ml-ink); }

.ml-stat { text-align: left; border: 0; border-top: 1px solid var(--ml-border); border-radius: 0; background: transparent; padding: 22px 0 10px; }
.ml-stat:hover { transform: none; box-shadow: none; }
.ml-stat__num { color: var(--ml-ink); font-size: clamp(27px, 3vw, 38px); font-weight: 600; }
.ml-cert { border: 1px solid var(--ml-border); border-top-width: 1px; border-radius: 2px; text-align: left; }
.ml-cert:hover { box-shadow: none; }
.ml-intro__media img { border-radius: 2px; box-shadow: none; }

.ml-cta-block, .ml-cta-block--primary { background: var(--ml-bg-secondary); color: var(--ml-ink); border: 1px solid var(--ml-border); border-radius: 2px; text-align: left; padding: 42px 48px; }
.ml-cta-block--primary .ml-cta-block__title, .ml-cta-block--primary .ml-cta-block__desc { color: var(--ml-ink); }
.ml-cta-block__title { font-size: 30px; font-weight: 600; }
.ml-cta-block__desc { margin-left: 0; margin-right: 0; max-width: none; color: var(--ml-text-secondary) !important; }
.ml-cta-block__actions { justify-content: flex-start; }
.ml-cta-block .ml-btn--secondary { background: var(--ml-accent-primary); color: #fff; border-color: var(--ml-accent-primary); }
.ml-cta-block .ml-btn--secondary:hover { background: var(--ml-accent-hover); border-color: var(--ml-accent-hover); color: #fff; }
.ml-cta-block .ml-btn--ghost { color: var(--ml-ink) !important; border: 1px solid var(--ml-ink) !important; }
.ml-cta-block .ml-btn--ghost:hover { background: #fff; }

.ml-footer { background: var(--ml-ink); border-top: 3px solid var(--ml-accent-primary); margin-top: 60px; padding-top: 62px; }
.ml-footer__title { color: #c5c5c5; text-transform: none; letter-spacing: 0; }
.ml-footer__about, .ml-footer__contact-item, .ml-footer__contact-item a, .ml-footer__list-item a { color: #f5f5f5; }
.ml-footer__address, .ml-footer__bottom { color: #c5c5c5; }
.ml-footer__list-item a:hover, .ml-footer__contact-item a:hover { color: #fff; text-decoration: underline; }
.ml-footer a:focus-visible { outline-color: #fff; }
.ml-fab__btn--primary { background: var(--ml-accent-primary); }
.ml-fab__btn--primary:hover { background: var(--ml-accent-hover); }
.ml-form-input, .ml-form-textarea, .ml-form-select { border-radius: 2px; }
.ml-form-input::placeholder, .ml-form-textarea::placeholder { color: #626262; }
.ml-contact-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.ml-contact-channels .ml-card { padding: 22px 0; border: 0; border-top: 1px solid var(--ml-border); }
.ml-contact-channels .ml-card:hover { border-color: var(--ml-border); }
.ml-contact-channels .ml-card__title { font-size: 17px; margin-bottom: 9px; }
.ml-contact-channels .ml-card__body { overflow-wrap: anywhere; }
.ml-contact-channels a { text-decoration: underline; text-underline-offset: 3px; }

/* 38 个详情页直接放置规格表；仅在此处收紧列宽，避免手机整页横向滚动。 */
body:not([data-page-id]) .ml-subtype-spec-table { min-width: 0; table-layout: fixed; }

@media (min-width: 1024px) {
  .ml-showcase__entry { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: clamp(40px, 6vw, 96px); padding: 52px 0; }
  .ml-showcase__entry:nth-of-type(even) .ml-showcase__entry-media { order: 2; }
  .ml-manufacturing { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(48px, 7vw, 112px); }
}

@media (max-width: 1024px) {
  .ml-hero > .ml-container { gap: 35px; }
  body[data-page-id="index.html"] .ml-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ml-section { padding: 58px 0; }
  .ml-hero { padding: 34px 0; }
  .ml-hero > .ml-container { grid-template-columns: 1fr; gap: 28px; }
  .ml-hero__content { max-width: none; }
  .ml-hero__title { font-size: clamp(32px, 9vw, 44px); }
  .ml-hero__sub { font-size: 15px; }
  .ml-hero__media { aspect-ratio: 1.18; }
  .ml-proof-strip .ml-container { gap: 10px 22px; }
  .ml-page-hero { padding: 46px 0 42px; }
  .ml-page-hero__title { font-size: 32px; }
  .ml-section__head { margin-bottom: 26px; }
  .ml-section__title { font-size: 27px; }
  body[data-page-id="index.html"] .ml-grid--4 { grid-template-columns: 1fr; gap: 22px; }
  .ml-cta-block, .ml-cta-block--primary { padding: 30px 24px; }
  .ml-cta-block__title { font-size: 26px; }
  body:not([data-page-id]) .ml-subtype-spec-table th,
  body:not([data-page-id]) .ml-subtype-spec-table td { white-space: normal; overflow-wrap: anywhere; padding: 9px 4px; font-size: 12px; }
  .ml-contact-channels { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 640px) {
  .ml-header__inner { height: 64px; }
  .ml-header__logo { max-width: 114px; }
  .ml-header__logo img, .ml-detail-nav__brand img { width: 114px; height: 38px; }
  .ml-detail-nav__inner { align-items: flex-start; flex-direction: column; gap: 10px; }
  .ml-detail-nav__crumbs { gap: 6px; }
  .ml-header__cta { font-size: 11px; padding: 7px; }
  .ml-header__cta svg { display: none; }
  .ml-header__drawer { top: 64px; inset: 64px 0 0; }
  .ml-grid--3, .ml-grid--4 { grid-template-columns: 1fr; }
  .ml-proof-strip .ml-container { font-size: 12px; }
  .ml-hero__actions .ml-btn { min-width: 0; }
}

/* 关于猛隆：用章节叙事和细线分隔取代模板化卡片。 */
body[data-page-id="about.html"] .ml-footer { margin-top: 0; }
body[data-page-id="about.html"] main { overflow: clip; }
.ml-about-hero { background: #f1f0ee; }
.ml-about-hero__inner { display: grid; grid-template-columns: 1.05fr .95fr; align-items: stretch; min-height: min(680px, calc(100svh - 68px)); gap: clamp(44px, 7vw, 118px); }
.ml-about-hero__copy { align-self: center; padding: 80px 0; }
.ml-about-kicker { margin: 0 0 28px; color: var(--ml-accent-primary); font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.ml-about-hero h1 { margin: 0 0 30px; color: var(--ml-ink); font-size: clamp(54px, 6.6vw, 94px); font-weight: 600; line-height: 1.05; letter-spacing: -.07em; }
.ml-about-hero h1 span { display: block; margin-top: 20px; font-size: clamp(27px, 3.2vw, 44px); line-height: 1.25; letter-spacing: -.05em; }
.ml-about-hero__copy > p:not(.ml-about-kicker) { max-width: 550px; color: var(--ml-text-secondary); font-size: 17px; line-height: 1.9; }
.ml-about-link, .ml-about-text-link { display: inline-flex; align-items: center; gap: 30px; min-height: 44px; color: var(--ml-ink); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--ml-accent-primary); }
.ml-about-link { margin-top: 34px; }
.ml-about-link:hover, .ml-about-text-link:hover { color: var(--ml-accent-primary); }
.ml-about-hero__media { position: relative; display: flex; flex-direction: column; justify-content: end; margin: 42px 0; min-height: 490px; background: #dcdad7; border-top: 3px solid var(--ml-accent-primary); }
.ml-about-media-placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: #555; font-size: 15px; letter-spacing: .05em; }
.ml-about-hero__media figcaption { position: relative; padding: 20px 24px; color: #4b4b4b; font-size: 12px; }
.ml-about-nav { position: sticky; top: 68px; z-index: 30; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--ml-border); }
.ml-about-nav__inner { display: flex; gap: clamp(26px, 4vw, 62px); overflow-x: auto; scrollbar-width: thin; }
.ml-about-nav a { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 62px; color: var(--ml-text-secondary); font-size: 14px; text-decoration: none; border-bottom: 2px solid transparent; }
.ml-about-nav a:hover, .ml-about-nav a[aria-current="location"] { color: var(--ml-ink); border-bottom-color: var(--ml-accent-primary); }
.ml-about-section, .ml-about-contact { scroll-margin-top: 144px; }
.ml-about-section { padding: clamp(90px, 10vw, 160px) 0; }
.ml-about-section--muted { background: #f3f2f0; }
.ml-about-split, .ml-about-history { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(60px, 10vw, 160px); align-items: center; }
.ml-about-copy h2, .ml-about-section-head h2, .ml-about-contact h2 { margin: 0 0 28px; color: var(--ml-ink); font-size: clamp(36px, 4.2vw, 64px); font-weight: 600; line-height: 1.2; letter-spacing: -.06em; }
.ml-about-copy p:not(.ml-about-kicker), .ml-about-section-head > p:not(.ml-about-kicker), .ml-about-contact p:not(.ml-about-kicker) { max-width: 560px; color: var(--ml-text-secondary); font-size: 16px; line-height: 1.9; }
.ml-about-copy .ml-about-text-link { margin-top: 22px; }
.ml-about-statement { padding: 42px 0 40px 50px; border-left: 2px solid var(--ml-accent-primary); }
.ml-about-statement span { display: block; font-size: clamp(92px, 10vw, 160px); font-weight: 500; line-height: 1; letter-spacing: -.08em; }
.ml-about-statement p { margin: 20px 0 48px; font-size: 18px; }
.ml-about-statement small { color: var(--ml-text-secondary); }
.ml-about-section-head { max-width: 760px; margin-bottom: 66px; }
.ml-about-product-list { margin-bottom: 30px; border-top: 1px solid #c8c6c2; }
.ml-about-product { display: grid; grid-template-columns: 55px minmax(0,1fr) 150px 30px; gap: 20px; align-items: center; min-height: 130px; color: var(--ml-ink); text-decoration: none; border-bottom: 1px solid #c8c6c2; transition: padding 180ms ease, color 180ms ease; }
.ml-about-product:hover { padding-left: 12px; color: var(--ml-accent-primary); }
.ml-about-product > span:first-child, .ml-about-product__range { color: var(--ml-text-secondary); font-size: 14px; }
.ml-about-product strong { font-size: clamp(25px, 3vw, 40px); font-weight: 500; letter-spacing: -.05em; }
.ml-about-timeline { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ml-border); }
.ml-about-timeline li { display: grid; grid-template-columns: minmax(120px, .6fr) 1fr; gap: 30px; padding: 32px 0; border-bottom: 1px solid var(--ml-border); }
.ml-about-timeline__year { color: var(--ml-accent-primary); font-size: clamp(42px, 5vw, 72px); line-height: 1; letter-spacing: -.06em; }
.ml-about-timeline strong { font-size: 20px; font-weight: 600; }
.ml-about-timeline p { color: var(--ml-text-secondary); line-height: 1.8; }
.ml-about-contact { padding: clamp(88px, 10vw, 150px) 0; background: #e9e7e4; border-top: 1px solid var(--ml-border); }
.ml-about-contact__inner { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.ml-about-contact__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.ml-about-reveal.is-visible { animation: ml-about-enter 550ms ease both; }
@keyframes ml-about-enter { from { opacity: .72; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
  .ml-about-hero__inner, .ml-about-split, .ml-about-history { grid-template-columns: 1fr; gap: 28px; }
  .ml-about-hero__inner { min-height: 0; }
  .ml-about-hero__copy { padding: 70px 0 0; }
  .ml-about-hero h1 { font-size: clamp(52px, 14vw, 76px); }
  .ml-about-hero__media { min-height: 360px; margin: 0 0 36px; }
  .ml-about-nav { top: 64px; }
  .ml-about-nav a { min-height: 56px; }
  .ml-about-section, .ml-about-contact { scroll-margin-top: 130px; }
  .ml-about-section { padding: 80px 0; }
  .ml-about-statement { margin-top: 20px; }
  .ml-about-product { grid-template-columns: 30px minmax(0,1fr) 25px; gap: 12px; min-height: 102px; }
  .ml-about-product__range { display: none; }
  .ml-about-contact__inner { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .ml-about-reveal.is-visible { animation: none; }
  .ml-about-product { transition: none; }
}

/* 联系页：借鉴信息排列与询盘节奏，保持猛隆自身的浅灰/铜朱红系统。 */
body[data-page-id="contact.html"] .ml-footer { margin-top: 0; }
.ml-contact-hero { background: #f0efed; }
.ml-contact-hero__inner { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: clamp(36px, 6vw, 100px); min-height: 480px; }
.ml-contact-hero__copy { align-self: center; padding: 68px 0; }
.ml-contact-eyebrow { margin: 0 0 22px; color: var(--ml-accent-primary); font-size: 12px; font-weight: 700; letter-spacing: .13em; }
.ml-contact-hero h1 { margin: 0 0 20px; color: var(--ml-ink); font-size: clamp(58px, 6vw, 88px); line-height: 1.12; font-weight: 600; letter-spacing: -.065em; }
.ml-contact-hero__copy > p:not(.ml-contact-eyebrow) { margin: 0; color: var(--ml-text-secondary); font-size: 18px; line-height: 1.8; }
.ml-contact-text-link { display: inline-flex; align-items: center; gap: 26px; min-height: 44px; margin-top: 38px; color: var(--ml-ink); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--ml-accent-primary); }
.ml-contact-text-link:hover { color: var(--ml-accent-primary); }
.ml-contact-hero__mark { display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; margin: 42px 0; padding: clamp(30px, 4vw, 58px); background: var(--ml-ink); border-top: 3px solid var(--ml-accent-primary); color: var(--ml-on-dark); }
.ml-contact-hero__mark span { font-size: clamp(35px, 4vw, 58px); line-height: 1.25; font-weight: 500; letter-spacing: -.055em; }
.ml-contact-hero__mark small { color: #c5c5c5; font-size: 11px; letter-spacing: .16em; }
.ml-contact-methods, .ml-contact-location, .ml-contact-inquiry { padding: clamp(76px, 8vw, 120px) 0; }
.ml-contact-head { max-width: 750px; margin-bottom: 45px; }
.ml-contact-head h2, .ml-contact-location h2, .ml-contact-inquiry h2 { margin: 0 0 17px; color: var(--ml-ink); font-size: clamp(33px, 3.6vw, 54px); font-weight: 600; line-height: 1.22; letter-spacing: -.05em; }
.ml-contact-head > p:last-child, .ml-contact-location__head > p, .ml-contact-inquiry__intro > p:not(.ml-contact-eyebrow) { max-width: 600px; margin: 0; color: var(--ml-text-secondary); font-size: 16px; line-height: 1.85; }
.ml-contact-methods__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; border-top: 1px solid var(--ml-border); }
.ml-contact-method { min-width: 0; padding: 28px 0 10px; }
.ml-contact-method__index { color: var(--ml-accent-primary); font-size: 12px; font-weight: 600; }
.ml-contact-method h3 { margin: 34px 0 16px; font-size: 20px; font-weight: 600; }
.ml-contact-method a { display: flex; align-items: center; width: fit-content; max-width: 100%; min-height: 44px; margin-bottom: 3px; color: var(--ml-ink); font-size: 15px; text-decoration: underline; text-decoration-color: var(--ml-accent-primary); text-underline-offset: 5px; overflow-wrap: anywhere; }
.ml-contact-method a:hover { color: var(--ml-accent-primary); }
.ml-contact-method p { max-width: 230px; margin: 0; color: var(--ml-text-secondary); font-size: 14px; line-height: 1.8; }
.ml-contact-location { background: #f1f0ee; }
.ml-contact-location__head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.ml-contact-location__head > p { max-width: 350px; }
.ml-contact-location__panel { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); min-height: 370px; background: #fff; border: 1px solid var(--ml-border); }
.ml-contact-location__graphic { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #dfdfdd; background-image: linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px); background-size: 56px 56px; }
.ml-contact-location__note { position: absolute; left: 30px; top: 24px; color: var(--ml-text-secondary); font-size: 12px; }
.ml-contact-location__city { color: rgba(32,32,32,.13); font-size: clamp(90px, 14vw, 205px); font-weight: 600; line-height: 1; letter-spacing: -.09em; white-space: nowrap; }
.ml-contact-location__pin { position: absolute; left: 53%; top: 40%; width: 28px; height: 28px; border-radius: 50% 50% 50% 0; background: var(--ml-accent-primary); transform: rotate(-45deg); box-shadow: 0 6px 18px rgba(32,32,32,.18); }
.ml-contact-location__pin::after { position: absolute; content: ""; width: 10px; height: 10px; left: 9px; top: 9px; border-radius: 50%; background: #fff; }
.ml-contact-location__coordinates { position: absolute; left: 30px; bottom: 24px; color: var(--ml-text-secondary); font-size: 11px; letter-spacing: .1em; }
.ml-contact-location__details { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(30px,4vw,56px); }
.ml-contact-location__label { margin: 0 0 22px; color: var(--ml-accent-primary); font-size: 12px; font-weight: 700; }
.ml-contact-location__address { margin: 0 0 30px; color: var(--ml-ink); font-size: clamp(21px,2vw,28px); font-weight: 500; line-height: 1.55; }
.ml-contact-location__details small { display: block; margin-top: 15px; color: var(--ml-text-secondary); line-height: 1.6; }
.ml-contact-inquiry { scroll-margin-top: 80px; }
.ml-contact-inquiry__inner { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); align-items: start; gap: clamp(45px,8vw,120px); }
.ml-contact-inquiry__intro { position: sticky; top: 110px; }
.ml-contact-inquiry__intro .ml-contact-text-link { margin-top: 24px; }
.ml-contact-form { min-width: 0; }
.ml-contact-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 24px; }
.ml-contact-form__wide { grid-column: 1 / -1; }
.ml-contact-form .ml-form-field { min-width: 0; margin-bottom: 22px; }
.ml-contact-form .ml-form-input, .ml-contact-form .ml-form-select, .ml-contact-form .ml-form-textarea { min-width: 0; padding: 13px 0; border: 0; border-bottom: 1px solid #aaa; border-radius: 0; background: transparent; box-shadow: none; }
.ml-contact-form .ml-form-input:focus, .ml-contact-form .ml-form-select:focus, .ml-contact-form .ml-form-textarea:focus { outline: 2px solid var(--ml-focus-ring); outline-offset: 2px; border-bottom-color: var(--ml-accent-primary); box-shadow: none; }
.ml-contact-form .ml-form-field--error .ml-form-input, .ml-contact-form .ml-form-field--error .ml-form-textarea { border-bottom-color: var(--ml-danger); }
.ml-contact-form__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
@media (max-width: 1024px) {
  .ml-contact-methods__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ml-contact-location__panel { grid-template-columns: 1fr 1fr; }
  .ml-contact-inquiry__inner { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 40px; }
}
@media (max-width: 640px) {
  .ml-contact-hero__inner, .ml-contact-location__panel, .ml-contact-inquiry__inner { grid-template-columns: 1fr; }
  .ml-contact-hero__inner { gap: 0; }
  .ml-contact-hero__copy { padding: 62px 0 35px; }
  .ml-contact-hero h1 { font-size: 54px; }
  .ml-contact-hero__mark { min-height: 220px; margin: 0 0 28px; padding: 28px; }
  .ml-contact-methods, .ml-contact-location, .ml-contact-inquiry { padding: 68px 0; }
  .ml-contact-methods__grid { grid-template-columns: 1fr; gap: 0; }
  .ml-contact-method { padding: 24px 0; border-bottom: 1px solid var(--ml-border); }
  .ml-contact-method h3 { margin: 14px 0 12px; }
  .ml-contact-location__head { align-items: flex-start; flex-direction: column; gap: 0; }
  .ml-contact-location__graphic { min-height: 220px; }
  .ml-contact-location__details { padding: 30px 24px; }
  .ml-contact-inquiry__intro { position: static; }
  .ml-contact-form__grid { grid-template-columns: 1fr; }
  .ml-contact-form__actions .ml-btn { width: 100%; }
}