/* ====================================================================
   InspirePulse brand layer v3 — 变量优先，先保证对比度，再谈风格
   ==================================================================== */
:root{
  --brand:#14181d;
  --brand-600:#1d232b;
  --brand-700:#0d1116;
  --brand-050:#f4f1ea;
  --accent:#b08d57;
  --accent-600:#96733f;

  --ink:#14181d;
  --ink-2:#333b45;
  --muted:#5f6873;
  --line:#e4e6e9;
  --line-2:#d5d8dd;

  --bg:#ffffff;
  --bg-alt:#f7f6f3;
  --bg-dark:#0b0d10;

  --font:"Manrope","Inter",-apple-system,"Segoe UI",Roboto,"PingFang SC",sans-serif;
  --radius-sm:3px; --radius:4px; --radius-lg:6px;
}

body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ color:var(--ink); letter-spacing:-.018em; }
p,li,dd,dt{ color:var(--ink-2); }
a{ color:inherit; }
small,.small{ color:var(--muted); }

/* ---------- 头部 ---------- */
.site-header{ background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border-bottom:1px solid var(--line); }
.nav-logo .logo-img{ height:40px; width:auto; max-width:none; display:block; }
.nav-logo{ padding:6px 0; overflow:visible; }
.nav-logo .logo-text{ display:none; }
.nav-menu a{ color:var(--ink-2); font-size:.875rem; letter-spacing:.02em; }
.nav-menu a:hover,.nav-menu a[aria-current]{ color:var(--ink); }
.nav-cta{
  background:var(--brand); color:#fff!important; border-radius:2px;
  font-size:.78rem; letter-spacing:.09em; text-transform:uppercase; padding:.8rem 1.35rem;
}
.nav-cta:hover{ background:var(--accent); color:#14181d!important; }

/* ---------- 按钮 ---------- */
.btn{ border-radius:2px; letter-spacing:.09em; text-transform:uppercase; font-size:.775rem; font-weight:600; padding:.9rem 1.55rem; }
.btn-primary{ background:var(--brand); border:1px solid var(--brand); color:#fff!important; }
.btn-primary:hover{ background:var(--accent); border-color:var(--accent); color:#14181d!important; }
.btn-secondary,.btn-ghost{ background:transparent!important; border:1px solid var(--ink); color:var(--ink)!important; }
.btn-secondary:hover,.btn-ghost:hover{ border-color:var(--accent); color:var(--accent)!important; }
.btn-accent{ background:var(--accent); border-color:var(--accent); color:#14181d!important; }

/* ---------- 首屏（内页共用 .section-hero） ---------- */
.section-hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--bg-dark); color:#eef0f2;
  padding:clamp(4.6rem,8vw,7.4rem) 0 clamp(3.6rem,6vw,5.4rem);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.section-hero .hero-media{ position:absolute; inset:0; z-index:-1; margin:0; }
.section-hero .hero-media img{ width:100%; height:100%; object-fit:cover; object-position:70% 50%; opacity:.82; filter:saturate(.95) contrast(1.03); }
.section-hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(100deg, rgba(8,9,11,.92) 0%, rgba(8,9,11,.60) 42%, rgba(8,9,11,.05) 78%);
}
.section-hero .hero-title{ color:#fff; max-width:19ch; }
.section-hero .hero-description{ color:#c3c7cd; }
.section-hero .breadcrumb, .section-hero .breadcrumb a, .section-hero .breadcrumb span{ color:#9aa0a8!important; }
.hero-eyebrow{
  display:inline-block; color:var(--accent)!important; font-size:.72rem; font-weight:600;
  letter-spacing:.26em; text-transform:uppercase; margin-bottom:.9rem;
}
.hero-cta .btn-secondary{ border-color:rgba(255,255,255,.42)!important; color:#fff!important; }
.hero-cta .btn-secondary:hover{ border-color:var(--accent)!important; color:var(--accent)!important; }

/* ---------- 区块 ---------- */
.section{ padding:clamp(3.2rem,5.6vw,5.2rem) 0; }
.section-eyebrow,.eyebrow{
  display:inline-block; color:var(--accent)!important; font-size:.72rem; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; margin-bottom:.7rem;
}
.section-title,h2{ color:var(--ink); }
.section-lead,.lead{ color:var(--muted)!important; }

/* ---------- 卡片 ---------- */
.card,.capability-card,.cert-card,.industry-card,.service-card,.case-study{
  background:#fff; border:1px solid var(--line); border-radius:4px;
  box-shadow:0 1px 2px rgba(16,20,25,.04);
  transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s;
}
.card:hover,.capability-card:hover,.cert-card:hover,.industry-card:hover,.service-card:hover{
  transform:translateY(-3px); border-color:var(--line-2);
  box-shadow:0 18px 40px rgba(16,20,25,.10);
}
.card h3,.capability-card h3,.industry-card h3{ color:var(--ink); font-size:1.06rem; }
.card p,.capability-card p,.industry-card p{ color:var(--muted); }
.card img,.capability-card img,.industry-card img{ filter:none; }

/* ---------- 正文 / 表格 / 引用 ---------- */
.article-body{ color:var(--ink-2); font-size:1.02rem; line-height:1.85; }
.article-body h2,.article-body h3{ color:var(--ink); margin-top:2rem; }
.article-body p{ color:var(--ink-2); }
.article-body table{ width:100%; border-collapse:collapse; margin:1.4rem 0; }
.article-body th,.article-body td{ border-bottom:1px solid var(--line); padding:.7rem .6rem; text-align:left; }
.article-body th{ color:var(--muted); font-weight:500; width:36%; background:var(--bg-alt); }
.article-body td{ color:var(--ink); }
.article-body img,.article-body figure img{ border-radius:4px; }
blockquote{ border-left:2px solid var(--accent); padding:.4rem 0 .4rem 1.1rem; color:var(--ink-2); font-style:italic; }

/* ---------- CTA band（深色） ---------- */
.cta-band{ background:var(--bg-dark)!important; color:#eef0f2; border-top:1px solid rgba(255,255,255,.08); }
.cta-band .cta-title,.cta-band h2{ color:#fff!important; }
.cta-band .cta-sub,.cta-band p{ color:#a9aeb5!important; }

/* ---------- 页脚（深色） ---------- */
.site-footer{ background:#08090b; color:#9aa0a8; border-top:1px solid rgba(255,255,255,.08); }
.site-footer h3,.site-footer h4{ color:#e7e9ec; }
.site-footer a,.site-footer p,.site-footer li{ color:#9aa0a8; }
.site-footer a:hover{ color:var(--accent); }

/* ---------- 表单 ---------- */
input,textarea,select{
  border:1px solid var(--line-2)!important; border-radius:3px!important;
  background:#fff; color:var(--ink)!important; font-family:var(--font);
}
input::placeholder,textarea::placeholder{ color:#9aa0a8; }
input:focus,textarea:focus{ border-color:var(--accent)!important; outline:none; }

/* ---------- 列表页 / 面包屑 ---------- */
.breadcrumb{ font-size:.78rem; letter-spacing:.06em; color:var(--muted); }

/* ---------- 移动端 ---------- */
@media (max-width:820px){
  .section-hero .hero-media img{ opacity:.38; }
  .section-hero{ padding-top:4.2rem; }
}


/* ---------- 能力/设备列表：改为芯片式 ---------- */
.equipment-list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; padding:0; list-style:none; }
.equipment-list li{
  border:1px solid var(--line); background:#fff; color:var(--ink-2);
  font-size:.82rem; padding:.5rem .8rem; border-radius:2px; letter-spacing:.01em;
}
.capabilities-grid .capability-card{ padding:22px; }
.capability-card h3{ margin:0 0 .4rem; }

/* ---------- 文章/产品配图 ---------- */
.article-body img{
  width:100%; height:auto; display:block; border:1px solid var(--line);
  border-radius:4px; background:#0f1115; margin:0 0 1.6rem;
}
.article-body figure{ margin:0 0 1.8rem; }
.article-body figcaption{ font-size:.8rem; color:var(--muted); margin-top:.5rem; }


/* ---------- 网格：行业 4 列、能力 4 列 ---------- */
.industries-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch; }
.capabilities-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media (max-width:1100px){
  .industries-grid,.capabilities-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .industries-grid,.capabilities-grid{ grid-template-columns:1fr; }
}
.industry-card,.capability-card{ display:flex; flex-direction:column; padding:20px; }
.industry-card h3{ font-size:.98rem; margin:0 0 .4rem; }
.industry-card p{ font-size:.88rem; line-height:1.65; }

/* Key Equipment 小标题 */
.container > h3{
  font-size:.72rem!important; letter-spacing:.2em; text-transform:uppercase;
  color:var(--muted)!important; font-weight:600; margin:26px 0 10px;
}

/* 首屏：让锁体落在画面内 */
.section-hero .hero-media img{ object-position:76% 46%; }


/* ================= 打磨层 v4：版式节奏 / 卡片 / 表格 / 细节 ================= */

/* 章节标题统一左对齐，更像高端品牌站 */
.section-title, .section h2{
  text-align:left; max-width:26ch;
}
.section-lead, .section p.section-lead{ text-align:left; max-width:64ch; margin-left:0; }
.section-eyebrow{ text-align:left; }

/* 章节之间加极细分割，形成节奏 */
.section + .section{ border-top:1px solid var(--line); }

/* 卡片：等高手感 + 标题金色下划线 hover */
.card, .industry-card, .capability-card, .cert-card{ position:relative; }
.card::after, .industry-card::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
  background:var(--accent); transition:width .45s cubic-bezier(.2,.7,.2,1);
}
.card:hover::after, .industry-card:hover::after{ width:100%; }
.card h3 a, .card a{ text-decoration:none; }

/* 表格：斑马行 + 首列小字 */
.article-body tbody tr:nth-child(even){ background:#faf9f7; }
.article-body th{
  text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:600;
  color:var(--muted); vertical-align:top;
}

/* CTA band：上下金线 */
.cta-band{ box-shadow: inset 0 1px 0 rgba(176,141,87,.35), inset 0 -1px 0 rgba(176,141,87,.35); }

/* 按钮动效 */
.btn{ transition:background .3s, color .3s, border-color .3s, transform .3s; }
.btn:hover{ transform:translateY(-1px); }

/* 首屏：文案区加一点底衬，保证任何背景图都可读 */
.section-hero .hero-container{ max-width:1180px; }
.section-hero .hero-description{ max-width:52ch; }

/* 页脚：品牌信息排版 */
.site-footer .footer-brand, .site-footer .site-footer-inner{ gap:18px; }
.site-footer strong{ color:#e7e9ec; }

/* 产品/文章首图：统一比例，避免高低不齐 */
.article-body img{ max-height:520px; object-fit:cover; }

/* 移动端首屏更紧凑 */
@media (max-width:640px){
  .section-hero{ padding:3.6rem 0 3rem; }
  .section-hero .hero-title{ font-size:2.1rem; }
}


/* ============ 打磨 v5：修正对齐细节 ============ */
.nav-logo .logo-img{ height:44px!important; }
.equipment-list{ justify-content:flex-start!important; }
.equipment-list li{ white-space:nowrap; }
.cert-card{ text-align:left!important; }
.cert-card h3,.cert-card h4,.cert-card strong{ text-align:left!important; }
.cert-card p{ text-align:left!important; }
.section-lead,.section p.lead{ margin-left:0!important; text-align:left!important; }
.section-hero .hero-description{ max-width:46ch; }
.industries-grid{ align-items:start; }


/* 超宽首屏横幅 */
.section-hero{ min-height:min(66vh,620px); display:flex; align-items:center; }
.section-hero .hero-media img{ object-position:72% 50%; opacity:.9; }
.section-hero::after{
  background:linear-gradient(95deg, rgba(8,9,11,.95) 0%, rgba(8,9,11,.78) 38%, rgba(8,9,11,.12) 72%);
}


/* ============ 打磨 v6：eyebrow 胶囊修正 + 段首排版 ============ */
.hero-eyebrow{
  background:transparent!important; border:1px solid rgba(255,255,255,.28)!important;
  color:#d8bd90!important; padding:.42rem .9rem!important; border-radius:999px!important;
  font-size:.7rem!important; letter-spacing:.2em!important;
}
.section h2 + .section-lead,
.section-title + .section-lead{ margin-top:12px; }
.section-head, .section-header{ display:block!important; }
.section-head .section-lead, .section-header .section-lead{
  max-width:62ch!important; margin:14px 0 0!important; text-align:left!important;
}


/* v7：把锁体让到右侧，文字落在干净暗部 */
.section-hero .hero-media img{ object-position:88% 50%!important; }
.section-hero::after{
  background:linear-gradient(95deg, rgba(8,9,11,.96) 0%, rgba(8,9,11,.86) 34%, rgba(8,9,11,.30) 68%, rgba(8,9,11,.08) 100%)!important;
}
.section-hero .hero-container{ max-width:1120px; }


/* 21:9 横幅：锁体自然落在右侧 */
.section-hero .hero-media img{ object-position:center!important; opacity:.88; }