/* ==========================================================
   配色系统：白 · 浅灰蓝 · 标志蓝 · 标志红
   最后加载（plain.css 之前），只管颜色；尺寸与版式在 style.css / refresh.css / 各页面 css。
   原则：
   - 页面以白色和浅灰蓝为主，不再使用大面积深色；
   - 标志蓝只用于少量实色：导航“联系我们”、底部咨询条、材料元素块、选材卡片；
   - 标志红只用于主按钮和少量点缀（当前导航、激光、流程首个节点）；
   - 文字用带一点蓝的深灰，不用纯黑。
   原来的石墨深色配色备份在 _backups/theme.graphite.css，换回即可恢复。
   ========================================================== */
:root {
  /* 标志色 */
  --brand-blue: #132c86;
  --brand-blue-dark: #0d1f66;
  --brand-blue-soft: #e6ecf8;
  --brand-red: #c8102e;
  --brand-red-dark: #a30c25;
  --laser: var(--brand-red);
  --laser-soft: var(--brand-red);
  --laser-glow: rgba(200, 16, 46, .25);

  /* 浅色面 */
  --white: #ffffff;
  --paper: #f5f7fa;
  --paper-2: #e9edf2;
  --tint: #e9eff8;                   /* 页首横幅与重点区块：略带标志蓝的浅色 */
  --line-tint: #d3dbe7;              /* 浅蓝底上的分隔线 */
  --text: #172033;
  --muted: #566176;
  --line: #e0e5ec;
  --line-strong: #bcc5d2;
  --metal: #677286;
  --metal-light: #c4cbd6;

  /* 蓝色实色块上的文字与线条（咨询条、元素块、选材卡片） */
  --text-on-dark: #f3f6fc;
  --muted-on-dark: #bcc7e2;
  --line-dark: rgba(255, 255, 255, .16);
  --line-on-navy: var(--line-dark);

  /* 兼容旧变量名：原石墨色的小面积实色块统一改为标志蓝 */
  --graphite: var(--brand-blue);
  --graphite-2: #1b3794;
  --graphite-3: var(--brand-blue-dark);
  --surface-navy: var(--brand-blue);
  --ink: var(--brand-blue);
  --ink-2: var(--graphite-2);
  --ink-3: var(--graphite-3);

  /* 配图处理：轻微降低饱和度，悬停恢复原色；改为 none 即为原图 */
  --photo-filter: saturate(.85) contrast(1.02);
  --photo-filter-hover: none;
}

body { background: var(--white); }
::selection { background: #d5dff3; color: var(--text); }

/* 原先的深色区域改为浅色后，区域内沿用的“深底文字”变量随之换成正文颜色 */
.home-hero, .page-hero, .section--dark, .footer,
.home-demo__console, .schematic__figure, .svc-block__art {
  --text-on-dark: var(--text);
  --muted-on-dark: var(--muted);
  --line-dark: var(--line);
  --line-on-navy: var(--line);
}
.section--dark { --line-dark: var(--line-tint); }

/* ---------- 导航 ---------- */
.nav { background: rgba(255, 255, 255, .98); border-bottom-color: var(--line); }
.nav.is-scrolled { box-shadow: 0 6px 24px rgba(19, 44, 134, .06); }
.nav__links a { color: var(--muted); }
.nav__links a:hover, .nav__links a.is-active { color: var(--text); }
.nav__links a.is-active:not(.nav__cta)::after { background: var(--brand-red); }
.nav__links .nav__cta, .nav__links .nav__cta.is-active { background: var(--brand-blue); color: #fff; }
.nav__links .nav__cta:hover { background: var(--brand-blue-dark); color: #fff; }

/* ---------- 按钮 ---------- */
.btn--primary { background: var(--brand-red); color: #fff; }
.btn--primary:hover { background: var(--brand-red-dark); box-shadow: 0 8px 22px rgba(200, 16, 46, .18); }
.btn--ghost { color: var(--text); border-color: var(--line-strong); background: rgba(255, 255, 255, .5); }
.btn--ghost:hover { border-color: var(--text); background: #fff; }
.btn--outline:hover { color: #fff; background: var(--brand-blue); border-color: var(--brand-blue); }
.more-link { color: var(--text); }
.more-link:hover { color: var(--brand-red); }

/* ---------- 首页首屏：浅灰底，照片从右侧淡入 ---------- */
.home-hero { background: var(--paper); color: var(--text); }
.home-hero::after {
  background: linear-gradient(90deg, var(--paper) 15%, rgba(245, 247, 250, .86) 34%, rgba(245, 247, 250, 0) 61%);
}
.home-hero h1 { color: var(--text); }
.home-hero__lead { color: var(--muted); }
.home-hero__caption { color: var(--muted); background: rgba(255, 255, 255, .8); }

/* ---------- 页首横幅：浅蓝 ---------- */
.page-hero {
  background: linear-gradient(180deg, #f2f6fb 0%, var(--tint) 100%);
  color: var(--text);
  border-bottom: 1px solid var(--line-tint);
}
.page-hero::after { display: none; }
.page-hero h1 { color: var(--text); }
.page-hero__lead, .breadcrumb, .page-hero .eyebrow { color: var(--muted); }
.breadcrumb a:hover { color: var(--brand-blue); }

/* ---------- 阅读区块 ---------- */
.section--light { background: var(--white); color: var(--text); }
.section--paper { background: var(--paper); color: var(--text); }
.section--dark { background: var(--tint); color: var(--text); }   /* 类名沿用，现为浅蓝重点区块 */
.section-label { color: var(--muted); }
.section-label span { color: var(--brand-red); }
.section-label span::after { color: var(--line-strong); }
.section-intro, .lead-text, .prose p:not(.lead-text) { color: var(--muted); }
.section--dark .section-head--split > .section-intro { border-left-color: var(--line-tint); }

/* ---------- 底部咨询条：标志蓝，全站唯一的大面积实色 ---------- */
.cta-band { background: var(--brand-blue); color: #fff; }
.cta-band__inner::before { display: none; }
.cta-band h2 { color: #fff; }
.cta-band__eyebrow, .cta-band p:not(.cta-band__eyebrow) { color: var(--muted-on-dark); }
.cta-band .btn--primary { background: #fff; color: var(--brand-blue); }
.cta-band .btn--primary:hover { background: var(--brand-blue-soft); color: var(--brand-blue-dark); box-shadow: none; }

/* ---------- 页脚：浅灰 ---------- */
.footer { background: var(--paper); color: var(--muted); border-top: 1px solid var(--line); }
.footer__inner::before { display: none; }
.footer__legal { position: relative; padding-top: 1.5rem; }
.footer__legal::before {                 /* 分隔线与内容同宽，不延伸到两侧留白 */
  content: ""; position: absolute; top: 0; left: var(--gutter); right: var(--gutter);
  height: 1px; background: var(--line);
}
.footer__links, .footer__legal, .footer__brand span { color: var(--muted); }
.footer__brand strong { color: var(--text); }
.footer__links a:hover, .footer__legal a:hover { color: var(--brand-blue); }
.footer__logo { background: #fff; border: 1px solid var(--line); }

/* ---------- 首页 SLM 动画区 ---------- */
.home-demo { background: var(--white); color: var(--text); }
.home-demo__label, .home-demo__eyebrow { color: var(--metal); }
.home-demo__intro, .home-demo__steps p, .home-demo__footnote { color: var(--muted); }
.home-demo__steps li { border-color: var(--line); }
.home-demo__steps li > span { color: var(--metal); }
.home-demo__console { background: var(--paper); color: var(--muted); border-color: var(--line); box-shadow: none; }
.home-demo__stage { background: none; }

/* ---------- 卡片与列表 ---------- */
.service, .app, .el-strip li, .industry-nav a, .svc, .benefits, .benefits li,
.notes, .notes li, .legend, .legend li, .pillars, .pillar + .pillar,
.materials, .materials__row, .app__list, .contact__info dl > div, .home-demo__steps li { border-color: var(--line); }
.service:hover, .section--paper .service:hover { border-color: var(--line-strong); box-shadow: 0 14px 36px rgba(19, 44, 134, .07); }
.service__icon { stroke: var(--brand-blue); }
.service__icon .hl { stroke: var(--brand-red); }
.svc li::before, .app__list li::before, .benefits b::before { background: var(--brand-red); }
.notes li::before { background: var(--brand-blue); }
.pillar__no, .flow li span { color: var(--metal); }
.flow li { border-top-color: var(--paper-2); }
.flow li:first-child { border-top-color: var(--brand-red); }
.app { background: var(--white); box-shadow: none; }
.app:hover { border-color: var(--line-strong); }
.app__tag, .app__subtitle { color: var(--metal); }
.industry-nav a { color: var(--muted); background: var(--white); }
.industry-nav a:hover { color: var(--text); background: var(--paper); border-color: var(--line-strong); }
.materials__row:not(.materials__row--head):hover { background: var(--paper); }
.materials__row--head { color: var(--metal); }
.el, .el-strip .el { color: var(--text); border-color: var(--line-strong); background: var(--white); }
.section--dark .el { color: var(--text); border-color: var(--line-tint); background: var(--white); }
.img-credit { color: var(--muted); }
.img-credit a { border-color: var(--line-strong); }

/* 浅蓝区块内的工艺步骤 */
.process, .process__step { border-color: var(--line-tint); }
.process__step:hover { background: rgba(255, 255, 255, .65); }
.process__no { color: var(--metal); }
.process__step p { color: var(--muted); }

/* ---------- 行业配图 ---------- */
.app__art { background: var(--paper-2); }
.app__art img, .app-tiles img {
  filter: var(--photo-filter);
  transition: filter .6s ease, transform .6s ease, opacity .3s;
}
.app:hover .app__art img, .app-tiles a:hover img { filter: var(--photo-filter-hover); }

/* ---------- 表单 ---------- */
.form { background: var(--paper); }
.field input, .field select, .field textarea { background: var(--white); border-color: var(--line); color: var(--text); }
.field input::placeholder, .field textarea::placeholder { color: #8a93a3; opacity: 1; }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: var(--brand-blue); box-shadow: 0 0 0 3px rgba(19, 44, 134, .12);
}
.field.is-invalid input, .field.is-invalid textarea { border-color: var(--brand-red); }
.form__msg.is-error { color: var(--brand-red-dark); }
.contact__info dd a:hover { color: var(--brand-red); }

/* ---------- SLM 设备示意图（技术页）：浅底线稿 ---------- */
.schematic__figure {
  --line-dark: rgba(19, 44, 134, .06);    /* 背景网格 */
  background-color: var(--paper);
  border: 1px solid var(--line);
}
.s-box { fill: #fff; }
.s-box, .s-wall, .s-window { stroke: #7d879a; }
.s-mirror, .s-blade { fill: #5d6879; }
.s-lens { fill: rgba(19, 44, 134, .08); stroke: #5d6879; }
.s-gas { stroke: #5b78c7; }
.s-dot { fill: #c3cad5; }
.s-piston { fill: #aab3c1; }
.s-rod { stroke: #aab3c1; }
.s-part { fill: #4f5a6c; }
.s-arrow { stroke: #5d6879; }
.legend li::before, .s-callout circle { background: var(--brand-red); fill: var(--brand-red); }

/* ---------- 服务页示意图面板：浅底线稿 ---------- */
.svc-block__art {
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(19, 44, 134, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19, 44, 134, .05) 1px, transparent 1px);
}
.ill .l { stroke: #6f7a8c; }
.ill .m { fill: #8a94a4; }
.ill .f { fill: #e1e6ee; }
.ill .g { fill: var(--paper); }
.ill .dot { fill: #c3cad5; }
.ill .glow { fill: rgba(200, 16, 46, .18); }
.ill .pt { stroke: #8a94a4; }
.ill .pt-in { fill: #5d6879; }
.ill .tc { fill: var(--text); }

/* 服务页合作方式的工序条、材料页性能条：已选格用标志蓝，重点格仍为红色 */
.bundle__track li.on::before, .bar i.on { background: var(--brand-blue); }
.bundle__track li.on.core::before, .bar.is-top i.on { background: var(--brand-red); }

/* ---------- 材料页 ---------- */
.mat-group__no { background: var(--brand-blue); }
.guide__pick a:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.guide__pick i { background: rgba(255, 255, 255, .12); }
.mat-service__cards article { background: var(--white); border-color: var(--line-tint); }
.mat-service__cards svg { stroke: var(--brand-blue); }
.mat-service__cards svg .hl { stroke: var(--brand-red); }

/* 流程节点（材料页粉末管理、招聘页应聘方式）：空心圆点 + 浅色连线，首个节点为红色 */
.powder-flow ol::before, .apply__steps::before { background: var(--line-strong); }
.powder-flow li::before, .apply__steps li::before { background: var(--white); border-color: var(--metal); }
.powder-flow li:first-child::before, .apply__steps li:first-child::before { background: var(--brand-red); border-color: var(--brand-red); }

/* ---------- 招聘页 ---------- */
.apply__mail { background: var(--white); border-color: var(--line-tint); }
.apply__email:hover { color: var(--brand-red); }

@media (max-width: 1279px) {
  .nav__links a.is-active:not(.nav__cta) { color: var(--brand-red); }
}
@media (max-width: 640px) {
  /* 手机上照片铺满首屏，加一层浅色遮罩保证文字清晰 */
  .home-hero::after {
    background: linear-gradient(90deg, rgba(245, 247, 250, .96) 0%, rgba(245, 247, 250, .88) 55%, rgba(245, 247, 250, .45) 100%);
  }
  .apply__steps li { border-top-color: var(--line-tint); }
}

/* ---------- 序号层级 ----------
   内容序号（卡片、步骤、流程节点）：中性灰，比标题文字更安静，只表示顺序。 */
.why__no, .chain__no { color: var(--metal); }
.powder-flow li span, .apply__steps span { color: var(--muted); }