/* ============================================================
   安德立德官网 · 组件样式
   依据：《安德立德官网-视觉约束冻结文档 v1.1》第 4、5、7 节
   图标：内联 SVG 描边（Lucide 风格），16/20/24px 三档，全站仅此一套
   ============================================================ */

/* ---------- 图标尺寸三档 ---------- */
.icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.icon svg { display: block; width: 100%; height: 100%; }
.icon--16 { width: 16px; height: 16px; }
.icon--20 { width: 20px; height: 20px; }
.icon--24 { width: 24px; height: 24px; }
.icon--gold { color: var(--brand-gold); }
.icon--gold-light { color: var(--brand-gold-light); }

/* ---------- 按钮 ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  border-radius: var(--radius-btn);
  font-size: var(--fs-body);
  font-weight: 600;
  line-height: 1.5;
  border: 1px solid transparent;
  transition: background-color var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}
.btn--primary {
  background-color: var(--brand-gold);
  color: var(--brand-primary);
}
.btn--primary:hover { background-color: var(--brand-gold-light); }
.btn--outline {
  border-color: var(--brand-gold);
  color: var(--brand-gold);
  background-color: transparent;
}
.btn--outline:hover { border-color: var(--brand-gold-light); color: var(--brand-gold-light); }
.btn--outline-dark {
  border-color: var(--brand-primary);
  color: var(--brand-primary);
  background-color: transparent;
}
.btn--outline-dark:hover { border-color: var(--brand-gold); color: var(--brand-gold); }

/* ---------- 页头导航 ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--bg-page);
  border-bottom: 1px solid var(--border-color);
}
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}
.site-header__logo { display: flex; align-items: center; }
.site-nav { display: flex; align-items: center; gap: 36px; }
.site-nav a {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  padding: 6px 0;
  border-bottom: 2px solid transparent;
}
.site-nav a:hover { color: var(--text-primary); }
.site-nav a[aria-current="page"] {
  color: var(--text-primary);
  font-weight: 600;
  border-bottom-color: var(--brand-gold);
}
.site-header .btn { padding: 10px 24px; }
.nav-toggle {
  display: none;
  background: none;
  border: none;
  color: var(--text-primary);
  padding: 8px;
}

/* 移动端导航 */
@media (max-width: 900px) {
  .nav-toggle { display: inline-flex; }
  .site-nav {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background-color: var(--bg-card);
    border-bottom: 1px solid var(--border-color);
    padding: 8px 20px 20px;
  }
  .site-nav.is-open { display: flex; }
  .site-nav a { padding: 14px 4px; border-bottom: 1px solid var(--border-color); }
  .site-nav a[aria-current="page"] { border-bottom-color: var(--brand-gold); }
  .site-nav .btn { margin-top: 16px; }
}

/* ---------- 首页 Hero：左文右图（图片与文字为兄弟节点，禁止文字压图） ---------- */
.hero {
  background: linear-gradient(135deg, var(--brand-gradient-start) 0%, var(--brand-primary) 100%);
  color: var(--bg-card);
  overflow: hidden;
}
.hero__inner {
  display: grid;
  grid-template-columns: 55fr 45fr;
  gap: 64px;
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
}
.hero__eyebrow {
  font-size: var(--fs-aux);
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--brand-gold-light);
  margin-bottom: 24px;
}
.hero h1 {
  color: var(--bg-card);
  margin-bottom: 24px;
  /* 窄视口按 8.5vw 收缩，保证「拥有永不疲倦的数字分身」整行放得下 */
  font-size: min(var(--fs-h1), 8.5vw);
}
.hero__sub {
  color: var(--dark-text-secondary);
  max-width: 540px;
  margin-bottom: 40px;
}
.hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 32px; }
.hero__trust {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-aux);
  line-height: var(--lh-aux);
  color: var(--dark-text-muted);
}
.hero__figure {
  border-radius: var(--radius-card);
  overflow: hidden;
  background-color: var(--brand-layer);
}
.hero__figure img { width: 100%; height: auto; }

@media (max-width: 900px) {
  .hero__inner { grid-template-columns: 1fr; gap: 40px; padding-top: 64px; padding-bottom: 64px; }
  .hero__figure { order: 2; }
}

/* ---------- 内页 Hero：居中大标题 + 副标（浅底） ---------- */
.page-hero { padding: 88px 0 72px; text-align: center; border-bottom: 1px solid var(--border-color); }
.page-hero h1 { margin-bottom: 20px; }
.page-hero p { max-width: 680px; margin: 0 auto; color: var(--text-secondary); }
.page-hero--dark {
  background: linear-gradient(135deg, var(--brand-gradient-start) 0%, var(--brand-primary) 100%);
  border-bottom: none;
}
.page-hero--dark h1 { color: var(--bg-card); }
.page-hero--dark p { color: var(--dark-text-secondary); }

/* ---------- 数据卡（双重困境数据带） ---------- */
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.stat-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: 36px 28px;
}
.stat-card__num {
  font-size: var(--fs-num);
  font-weight: 700;
  line-height: var(--lh-num);
  color: var(--brand-gold);
  margin-bottom: 12px;
}
.stat-card__desc { font-size: 14px; line-height: var(--lh-body); color: var(--text-secondary); }
.source-line { margin-top: 28px; text-align: center; }
@media (max-width: 900px) { .stat-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .stat-grid { grid-template-columns: 1fr; } }

/* ---------- 通用内容卡 ---------- */
.card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: 40px 32px;
}
.card h3 { margin-bottom: 8px; }
.card__tag {
  font-size: var(--fs-aux);
  color: var(--text-muted);
  margin-bottom: 16px;
}
.card__icon { margin-bottom: 20px; }
.card--gold {
  background-color: var(--gold-bg-light);
  border-color: var(--brand-gold);
}
.card--gold p { margin-top: 8px; }

/* 三大引擎卡 */
.engine-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.engine-card__no {
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-size: var(--fs-aux);
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--brand-gold);
  display: block;
  margin-bottom: 12px;
}
.engine-card__layer { font-size: var(--fs-aux); color: var(--text-muted); margin-bottom: 16px; }
.engine-card p { font-size: 14px; }
.section--dark .engine-card__layer { color: var(--dark-text-muted); }
@media (max-width: 900px) { .engine-grid { grid-template-columns: 1fr; } }

/* ---------- 差异化对比（深底） ---------- */
.contrast-list { display: flex; flex-direction: column; gap: 24px; }
.contrast-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.contrast-cell {
  border-radius: var(--radius-card);
  padding: 32px;
  background-color: var(--brand-layer);
}
.contrast-cell--them { border: 1px solid rgba(174, 188, 205, 0.25); }
.contrast-cell--us { border: 1px solid var(--brand-gold); }
.contrast-cell h3 { margin-bottom: 8px; }
.contrast-cell--them h3 { color: var(--dark-text-secondary); }
.contrast-cell--us h3 { color: var(--brand-gold-light); }
.contrast-cell p { font-size: 14px; }
.contrast-cell--them p { color: var(--dark-text-muted); }
.contrast-close {
  margin-top: 40px;
  text-align: center;
  font-size: 14px;
  color: var(--dark-text-secondary);
}
@media (max-width: 768px) { .contrast-row { grid-template-columns: 1fr; } }

/* ---------- 定价卡 ---------- */
.price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.price-card {
  height: 100%;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
}
.price-card__name { margin-bottom: 4px; }
.price-card__price {
  font-size: calc(var(--fs-num) - 8px);
  font-weight: 700;
  line-height: var(--lh-num);
  color: var(--text-primary);
  margin-bottom: 20px;
}
.price-card__price small { font-size: var(--fs-aux); font-weight: 400; color: var(--text-muted); }
.price-card ul { display: flex; flex-direction: column; gap: 12px; margin-bottom: 0; }
.price-card li {
  display: flex;
  gap: 10px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--text-secondary);
}
.price-card li .multi { display: flex; flex-direction: column; }
.price-card li .icon { margin-top: 4px; }
.price-card--founding {
  background-color: var(--gold-bg-light);
  border: 2px solid var(--brand-gold);
}
.price-card--gold { border-color: var(--brand-gold); }
.price-close { margin-top: 32px; text-align: center; font-size: 14px; color: var(--text-secondary); }
.section--dark .price-close { color: var(--dark-text-secondary); }
@media (max-width: 1080px) { .price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .price-grid { grid-template-columns: 1fr; } }

/* ---------- 理念引言带 ---------- */
.quote-band { text-align: center; }
.quote-band blockquote {
  font-family: var(--font-display);
  font-size: calc(var(--fs-h2) + 2px);
  line-height: 1.5;
  font-weight: 700;
  color: var(--text-primary);
  max-width: 780px;
  margin: 0 auto 20px;
}
.quote-band .note { margin-bottom: 40px; }
.quote-band__motto {
  display: flex;
  justify-content: center;
  gap: 48px;
  font-family: var(--font-display);
  font-size: var(--fs-h4);
  font-weight: 600;
  color: var(--brand-gold);
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .quote-band blockquote { font-size: var(--fs-h2); }
  .quote-band__motto { gap: 20px; }
}

/* ---------- 底部 CTA（深底） ---------- */
.cta-band { text-align: center; }
.cta-band h2 { color: var(--bg-card); margin-bottom: 16px; }
.cta-band__path { color: var(--dark-text-secondary); font-size: 14px; margin-bottom: 40px; }
.cta-band .btn { margin-bottom: 0; }
.cta-band__actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.cta-band__contact { font-size: var(--fs-aux); color: var(--dark-text-muted); }

/* ---------- 页脚 ---------- */
.site-footer {
  background-color: var(--footer-bg);
  color: var(--dark-text-secondary);
  padding: 72px 0 0;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 48px;
  padding-bottom: 56px;
}
.site-footer__brand img { margin-bottom: 20px; }
.site-footer__brand p { font-size: 14px; color: var(--dark-text-secondary); }
.site-footer h4 {
  color: var(--bg-card);
  font-size: 14px;
  margin-bottom: 20px;
}
.site-footer__col ul { display: flex; flex-direction: column; gap: 12px; }
.site-footer__col a { font-size: 14px; color: var(--dark-text-secondary); }
.site-footer__col a:hover { color: var(--brand-gold-light); }
.site-footer__col li { font-size: 14px; color: var(--dark-text-secondary); }
.site-footer__copyright {
  border-top: 1px solid rgba(174, 188, 205, 0.15);
  padding: 24px 0;
  font-size: var(--fs-aux);
  line-height: var(--lh-aux);
  color: var(--dark-text-muted);
  text-align: center;
}
/* ICP 备案号链接（工信部要求备案号可点击跳转 beian.miit.gov.cn） */
.site-footer__copyright .beian-link { color: inherit; }
.site-footer__copyright .beian-link:hover { color: var(--brand-gold-light); }
@media (max-width: 900px) {
  .site-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .site-footer__grid { grid-template-columns: 1fr; gap: 36px; }
}

/* ---------- 产品页：引擎详解三段式 ---------- */
.engine-detail { display: flex; flex-direction: column; }
.engine-detail__item { padding: 56px 0; border-bottom: 1px solid var(--border-color); }
.engine-detail__item:last-child { border-bottom: none; padding-bottom: 0; }
.engine-detail__no {
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-size: var(--fs-aux);
  font-weight: 600;
  letter-spacing: 0.15em;
  color: var(--brand-gold);
  display: block;
  margin-bottom: 12px;
}
/* 引擎详解标题为卡片级标题：H3 字阶（黑体 SemiBold） */
.engine-detail__item h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); }
.engine-detail__item h2 { margin-bottom: 16px; }
.engine-detail__item > p { max-width: 820px; margin-bottom: 24px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 12px; }
.tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border: 1px solid var(--border-color);
  border-radius: 999px;
  font-size: var(--fs-aux);
  color: var(--text-secondary);
  background-color: var(--bg-card);
}

/* ---------- 产品页：十六维度矩阵 ---------- */
.dim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
.dim-item {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-primary);
  text-align: center;
}
.dim-item--gold {
  background-color: var(--gold-bg-light);
  border-color: var(--brand-gold);
  color: var(--text-primary);
}
.dim-note { margin-top: 24px; text-align: center; }
@media (max-width: 900px) { .dim-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 产品页：八步撮合链路（深底） ---------- */
.step-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 32px;
  counter-reset: step;
}
.step-item { position: relative; padding-left: 0; }
.step-item__no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--brand-gold-light);
  color: var(--brand-gold-light);
  font-family: var(--font-en);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}
.step-item p { font-size: 14px; color: var(--dark-text-secondary); }
.step-note { margin-top: 40px; text-align: center; }
@media (max-width: 900px) { .step-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .step-grid { grid-template-columns: 1fr; } }

/* ---------- 关于页：三条底线 ---------- */
.bottomline-list { display: flex; flex-direction: column; gap: 0; }
.bottomline-item {
  padding: 36px 0;
  border-bottom: 1px solid var(--border-color);
}
.bottomline-item:last-child { border-bottom: none; }
.bottomline-item h3 { margin-bottom: 8px; }

/* ---------- 关于页：双列对比 ---------- */
.vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.vs-card { border-radius: var(--radius-card); padding: 40px 32px; }
.vs-card--them { background-color: var(--bg-card); border: 1px solid var(--border-color); }
.vs-card--us { background-color: var(--brand-primary); border: 1px solid var(--brand-gold); }
.vs-card h3 { margin-bottom: 24px; }
.vs-card--us h3 { color: var(--brand-gold-light); }
.vs-card ul { display: flex; flex-direction: column; gap: 16px; }
.vs-card li { display: flex; gap: 12px; font-size: 14px; line-height: 1.7; }
.vs-card--them li { color: var(--text-secondary); }
.vs-card--us li { color: var(--dark-text-secondary); }
.vs-card li .icon { margin-top: 4px; }
@media (max-width: 768px) { .vs-grid { grid-template-columns: 1fr; } }

/* ---------- 关于页：愿景板块（深底居中） ---------- */
.vision-block { text-align: center; }
.vision-block h2 { margin-bottom: 24px; }
.vision-block__body { max-width: 720px; margin: 0 auto 32px; }
.vision-block__vision {
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: 700;
  color: var(--brand-gold-light);
  margin-bottom: 12px;
}
.vision-block__closing {
  font-family: var(--font-display);
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  color: var(--dark-text-secondary);
}

/* ---------- 联系页 ---------- */
.contact-grid {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-title { margin-bottom: 24px; }
.contact-info__title { margin-bottom: 20px; }
.contact-aside { display: flex; flex-direction: column; gap: 24px; }
.contact-info ul { display: flex; flex-direction: column; gap: 16px; }
.contact-info li { display: flex; gap: 12px; font-size: 14px; line-height: 1.7; align-items: flex-start; }
.contact-info li .icon { margin-top: 3px; }
.compliance-line {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: var(--fs-aux);
  line-height: var(--lh-aux);
  color: var(--text-muted);
}
.compliance-line .icon { margin-top: 2px; }

.form-card {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  padding: 48px 40px;
}
.form-card h2 { margin-bottom: 8px; }
.form-card > p { margin-bottom: 32px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 560px) { .form-row { grid-template-columns: 1fr; } }
.form-field { margin-bottom: 20px; }
.form-field label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.form-field .req { color: var(--brand-gold); margin-left: 2px; }
.form-field input,
.form-field select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-btn);
  background-color: var(--bg-page);
  font-family: inherit;
  font-size: 14px;
  color: var(--text-primary);
  transition: border-color var(--dur-fast) var(--ease-out);
}
.form-field input:focus,
.form-field select:focus {
  outline: none;
  border-color: var(--brand-gold);
}
.form-card .btn { width: 100%; margin-top: 8px; }
.form-success {
  display: none;
  text-align: center;
  padding: 48px 24px;
}
.form-success.is-visible { display: block; }
.form-success .icon { margin-bottom: 20px; }
.form-success p { color: var(--text-primary); font-weight: 500; }

/* ---------- 新闻页空状态 ---------- */
.news-empty {
  background-color: var(--bg-card);
  border: 1px dashed var(--border-color);
  border-radius: var(--radius-card);
  padding: 80px 32px;
  text-align: center;
}
.news-empty p { max-width: 560px; margin: 0 auto; color: var(--text-secondary); }