/* =========================================================================
   匠精灵广告标识 · 子页面视觉升级 theme (深色工业 × 熔金橙红)
   用于：about 等品牌主页面统一。保留 HTML/导航/SEO 文字零改动。
   设计原则：品牌色彩统一 + 重点深色工业分区 + 熔金强调，保持正文可读
   ========================================================================= */

:root{
  /* 覆盖 common.css 蓝色主色 → 熔金橙红体系（让 var(--primary)/var(--gold) 跟随）*/
  --primary:#d84315;          /* 蓝主色替换为熔金暗橙红 */
  --primary-hover:#c22a1c;
  --dark:#0b0f14;             /* 深蓝→炭黑近空 */
  --gold:#ff7a1a;             /* 亮橙 保留提升 */
  --gold-hover:#e8500f;
  --gold-light:rgba(255,122,26,.12);
  --text-dark:#16181d;
  --text-mid:#4a4f58;
  /* 熔金渐变令牌 */
  --grad-brand:linear-gradient(135deg,#ff8a2a 0%,#e8500f 45%,#c22a1c 100%);
  --grad-brand-soft:linear-gradient(135deg,rgba(232,80,15,.15),rgba(194,42,28,.08));
  --ink-1:#0b0f14;
  --ink-2:#121821;
  --ink-line:rgba(255,255,255,.08);
  --shadow-glow:0 10px 34px rgba(232,80,15,.25);
}

/* ---------- 页内横幅 Banner：深色工业 + 熔金光晕（替换原蓝调渐变） ---------- */
.page-banner{background:
  radial-gradient(900px 380px at 80% -10%, rgba(232,80,15,.22), transparent 60%),
  radial-gradient(700px 320px at 5% 110%, rgba(194,42,28,.16), transparent 55%),
  linear-gradient(100deg,#0a0e13 0%,#0d1219 55%,#100c0a 100%) !important}
.page-banner .banner-overlay{
  background:linear-gradient(100deg, rgba(6,9,13,.72) 0%, rgba(10,14,20,.50) 55%, rgba(40,16,6,.55) 100%) !important;
}
.page-banner .banner-content h1{
  background:linear-gradient(180deg,#fff 0%,#f3d9c4 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#fff;
  text-shadow:none !important;
}
/* 眉题徽章 顶部 hover遮罩去除蓝 */
.page-banner .banner-content p span{color:var(--gold) !important}

/* ---------- 区块标题：统一熔金短线（替代原蓝/金底纹） ---------- */
.title_head h2{
  color:var(--text-dark);
  position:relative;
}
.title_head h2::after{
  content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);
  width:56px;height:4px;border-radius:2px;background:var(--grad-brand);
}
.title_head p{color:var(--text-mid)}

/* =========================================================================
   1. 公司简介 section-about（浅色阅读区→ 还原为高级中性白+品牌点缀）
   ========================================================================= */
.section-about{background:#fff}
.section-about strong{color:#222}
.section-about p{color:#4a4f58}

/* =========================================================================
   2. 数据展示 section-stats (深蓝→ 熔金暖光深空底+数字熔金发光)
   ========================================================================= */
.section-stats{
  background:
    radial-gradient(900px 420px at 85% 0%, rgba(232,80,15,.14), transparent 55%),
    radial-gradient(700px 360px at 10% 100%, rgba(194,42,28,.10), transparent 55%),
    linear-gradient(135deg,var(--ink-2) 0%,var(--ink-1) 100%) !important;
}
.section-stats .stats-grid .item .num{
  color:var(--brand-1) !important; /* 从 --gold 提升为熔金亮橙 */
  text-shadow:0 0 22px rgba(255,122,26,.35);
}
.section-stats .stats-grid .item .label{color:rgba(255,255,255,.78)}

/* =========================================================================
   3. 品牌定位 section-position
   ========================================================================= */
.section-position{background:#f6f7f9}
.position-block .big{font-size:42px;font-weight:800;color:var(--text-dark);letter-spacing:2px}
.position-block .sub{
  background:var(--grad-brand);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--gold);
  font-weight:800;
}
.position-block p{color:#555;line-height:1.95}

/* =========================================================================
   4. 资质认证 section-cert
   ========================================================================= */
.section-cert{background:#f6f7f9 !important}
.section-cert [style*="background:#fff"]{
  background:#fff !important;border-radius:14px !important;
  border:1px solid #eaecf0 !important;
  transition:transform .35s,box-shadow .35s;
}
.section-cert [style*="background:#fff"]:hover{
  transform:translateY(-5px);box-shadow:0 16px 40px rgba(11,15,20,.08);
  border-color:var(--gold) !important;
}
.section-cert h3[style*="color:var(--dark)"]{color:var(--text-dark) !important}

/* =========================================================================
   5. 发展历程 section-timeline
   ========================================================================= */
.section-timeline{background:#fff}
.timeline::before{
  background:linear-gradient(to bottom,#d84315,#ff8a2a) !important; /* 蓝金→熔金 */
}
.timeline .item .dot{
  background:var(--grad-brand) !important;border-color:#fff !important;
  box-shadow:0 0 0 3px var(--gold) !important;
}
.timeline .item .year{color:#d84315 !important;font-weight:800}
.timeline .item h3{color:var(--text-dark)}
.timeline .item p{color:#4a4f58}

/* =========================================================================
   6. 价值观 section-values
   ========================================================================= */
.section-values{background:#f6f7f9}
.value-card{background:#fff;border-radius:16px;border:1px solid #eaecf0}
.value-card:hover{box-shadow:0 16px 44px rgba(11,15,20,.10);border-color:var(--gold)}

/* =========================================================================
   7. 工厂实拍 section-factory (深蓝#0a1628→ 熔金暖光深空)
   ========================================================================= */
.section-factory{
  background:
    radial-gradient(900px 420px at 82% 0%, rgba(232,80,15,.16), transparent 55%),
    radial-gradient(700px 360px at 8% 100%, rgba(194,42,28,.12), transparent 55%),
    linear-gradient(135deg,#0d131b 0%,var(--ink-1) 100%) !important;
}
.section-factory .title_head h2{color:#fff}
.section-factory .title_head h2::after{background:#fff}
.section-factory .title_head p{color:rgba(255,255,255,.7)}
.factory-grid .item{box-shadow:0 16px 40px rgba(0,0,0,.35);border:1px solid var(--ink-line)}

/* =========================================================================
   8. CTA section-cta：改为熔金深色工业渐变 (原金色纯底太俗)
   ========================================================================= */
.section-cta{
  background:
    radial-gradient(800px 400px at 85% 0%, rgba(255,138,42,.18), transparent 55%),
    linear-gradient(135deg,#1a0c06 0%,#2a1207 55%,#4a1a08 100%) !important;
  color:#fff;
}
.section-cta h2{color:#fff !important}
.section-cta p{color:rgba(255,255,255,.8) !important}
.section-cta .cta-btn-primary{
  background:var(--grad-brand);color:#fff;
  box-shadow:var(--shadow-glow);
}
.section-cta .cta-btn-primary:hover{box-shadow:0 12px 32px rgba(232,80,15,.4)}
.section-cta .cta-btn-secondary{
  background:transparent;color:#fff;
  border:2px solid rgba(255,255,255,.7);
}
.section-cta .cta-btn-secondary:hover{background:rgba(255,255,255,.12)}

/* =========================================================================
   页脚：深色工业 + 熔金点亮 (与首页 theme-home 一致, 保留SEO内链)
   ========================================================================= */
.pulic_foot_cont{
  background:linear-gradient(160deg,#0d1117 0%,#0a0d12 55%,#120a08 100%) !important;
  color:#cfd4db;
}
.pulic_foot_cont .contact_last .title_h{color:#fff !important;border-bottom-color:var(--gold) !important}
.pulic_foot_cont .contact_last .dl .dt{color:#fff !important}
.pulic_foot_cont .contact_last .dl .dd{color:#dfe3ea}
.pulic_foot_cont .contact_last .dl .dd .label{color:#c2c7cf !important}
.pulic_foot_cont .contact_last .dl .dd .val{color:#f5f6f8 !important}
.pulic_foot_cont .contact_last .dl .dd.tel .val{color:var(--gold) !important;font-size:20px}
.pulic_foot_cont .code_last .list .txt{color:#dfe3ea}
/* SEO内链: 浅灰不突出 */
.pulic_foot_cont .bit_copy{color:rgba(255,255,255,.55) !important;border-top-color:rgba(255,255,255,.12) !important}
.pulic_foot_cont .bit_copy a,
.pulic_foot_cont .bit_copy a[style*="color:#f0c040"],
.pulic_foot_cont .bit_copy a[target]{color:rgba(255,255,255,.62) !important}
.pulic_foot_cont .bit_copy a:hover{color:#fff !important}

/* CTA按钮通用(避免默认蓝) */
.cta-btn-primary,.cta-btn-secondary{border-radius:30px}