/* 版式重构层
   在 main.css / home.css / solutions.css / cases.css 之后加载，统一覆盖版式相关规则。
   设计方向：工业编辑风——细线替代卡片框、左标签右内容的两栏标题、更大的留白与字号层级。 */

:root {
  --light-100: #f6f7f9;
  --line-light: #e4e8ed;
  --text-strong: #0c1015;
  --text-body: #49525f;
  --text-muted: #7b8593;
  --accent: #ff4d12;
  --accent-dark: #df3f08;
  --accent-soft: rgba(255, 77, 18, 0.08);
  --section-y: clamp(72px, 8.5vw, 132px);
  --shell: 1280px;
  /* 下面三项可在「版式调节台」(studio.html) 里可视化调整并导出 */
  --font-size-body: 16px;
  --h1-size: 3.6rem;
  --h2-size: 2.35rem;
}

body { font-size: var(--font-size-body); }
h2 { font-size: var(--h2-size); line-height: 1.22; }
h3 { font-size: 1.12rem; }

/* 区块标题：左侧等宽标签 + 右侧标题与说明，下方一条细线 */
.section__head {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 0 40px;
  max-width: none;
  margin-bottom: clamp(36px, 4vw, 62px);
  padding-bottom: clamp(22px, 2.4vw, 34px);
  border-bottom: 1px solid var(--line-light);
}
.section--dark .section__head { border-bottom-color: var(--line-dark); }
.section__head > *:not(.section__eyebrow) { grid-column: 2; }
.section__eyebrow {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: start;
  margin: 0;
  padding-top: 9px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--accent);
}
.section__head .section__lead { margin-top: 16px; max-width: 720px; }
.section__head .section__lead + .section__lead { margin-top: 10px; }

/* 按钮：更方正的工业感 */
.btn { border-radius: 4px; padding: 14px 24px; }
.btn--sm { padding: 9px 16px; }
.btn--ghost { border-color: #d3d8df; }
.section--dark .btn--ghost { border-color: rgba(255, 255, 255, 0.22); }

/* 指标带 */
.metrics__inner { border-top: 1px solid var(--line-light); }
.metric { padding: 30px 24px; }
.metric__value { font-size: 1.7rem; letter-spacing: 0; }

/* 能力：卡片改为细线分栏的列表行 */
.cards--services {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 1px solid var(--line-light);
}
.card--service {
  display: grid;
  grid-template-columns: 56px minmax(0, 250px) minmax(0, 1fr);
  gap: 0 32px;
  align-items: start;
  padding: clamp(24px, 2.6vw, 36px) 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line-light);
  border-radius: 0;
}
.card--service:hover { transform: none; box-shadow: none; border-color: var(--line-light); }
.card--service .card__icon {
  width: auto;
  height: auto;
  margin: 0;
  padding-top: 1px;
  background: none;
  color: var(--accent);
}
.card--service h3 { grid-column: 2; margin: 0; font-size: 1.18rem; }
.card--service > p { grid-column: 3; margin: 0; font-size: 0.95rem; }
.card--service .card__list {
  grid-column: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin-top: 14px;
}
.card--service .card__list li { padding-left: 14px; font-size: 0.82rem; }
.card--service .card__list li::before { top: 9px; width: 4px; height: 4px; background: var(--text-muted); }
.card--wide { grid-column: auto; }

/* 解决方案入口：四栏细线 */
.solution-teaser { gap: 0; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.solution-teaser__item {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 28px 24px 32px 0;
}
.solution-teaser__item + .solution-teaser__item {
  border-left: 1px solid var(--line-light);
  padding-left: 24px;
}
.solution-teaser__item:hover { background: transparent; transform: none; border-color: var(--line-light); }
.solution-teaser__item span { color: var(--accent); }
.solution-teaser__item strong { font-size: 1.05rem; transition: color 0.2s ease; }
.solution-teaser__item:hover strong { color: var(--accent); }

/* 应用场景（方案页）：2×2 细线格 */
.scenarios { gap: 0; border-top: 1px solid var(--line-light); }
.scenario {
  padding: clamp(24px, 2.6vw, 38px) 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line-light);
  border-radius: 0;
}
.scenario:nth-child(odd) { padding-right: clamp(20px, 3vw, 48px); border-right: 1px solid var(--line-light); }
.scenario:nth-child(even) { padding-left: clamp(20px, 3vw, 48px); }
.scenario__icon { background: none; color: var(--accent); }

/* 精度：细线网格 */
.spec-grid {
  gap: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line-light);
  border-bottom: 1px solid var(--line-light);
  border-radius: 0;
}
.spec { padding: 28px 20px; background: transparent; border-right: 1px solid var(--line-light); }
.spec:nth-child(6n) { border-right: 0; }
.spec strong { font-size: 1.5rem; }

/* 表格：去底色，只留行线 */
.table-wrap { background: transparent; border: 0; border-top: 1px solid var(--line-light); border-radius: 0; }
.data-table { font-size: 0.92rem; }
.data-table th,
.data-table td { padding: 18px 20px 18px 0; border-bottom: 1px solid var(--line-light); }
.data-table thead th {
  padding-block: 14px;
  background: transparent;
  border-bottom: 1px solid var(--line-light);
}
.data-table tbody tr:hover { background: transparent; }
.data-table .is-highlight { background: transparent; color: var(--accent); font-weight: 700; }

/* 案例：去掉卡片外壳，图片更宽 */
.cases { gap: 30px; }
.case { background: transparent; border: 0; border-radius: 0; }
.case__media { aspect-ratio: 3 / 2; border-radius: var(--radius-card); }
.case figcaption { padding: 22px 0 26px; border-bottom: 1px solid var(--line-light); }
.case h3 { font-size: 1.28rem; }
.case__specs { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line-light); }

/* 动态：三卡改为图文列表 */
.news { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--line-light); }
.news__item {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 0 36px;
  align-items: center;
  padding: 26px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line-light);
  border-radius: 0;
}
.news__item:hover { transform: none; box-shadow: none; border-color: var(--line-light); }
.news__media { border-radius: var(--radius-card); overflow: hidden; }
.news__body { padding: 0; }
.news__body h3 { font-size: 1.2rem; transition: color 0.2s ease; }
.news__item:hover .news__body h3 { color: var(--accent); }
.news__body p { max-width: 640px; }

/* 首屏：标题更大，图片贴到页面右缘形成版面对比 */
.hero2 { overflow: hidden; }
.hero2__inner { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: clamp(28px, 3.4vw, 60px); padding-block: clamp(44px, 5vw, 84px); }
.hero2 h1 { font-size: var(--h1-size); line-height: 1.12; }
.hero2__tag {
  padding: 0;
  background: none;
  border: 0;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
}
.hero2__tag::before { display: none; }
.hero2__media {
  margin-right: calc(var(--gutter) * -1);
  background: #0c0f12;
  border-color: var(--line-light);
  border-right: 0;
  border-radius: var(--radius-card) 0 0 var(--radius-card);
  box-shadow: none;
}
.hero2__media figcaption { background: transparent; border-color: rgba(255, 255, 255, 0.1); color: var(--text-inv-muted); }
.hero2__bar { border-top: 0; padding-top: 0; }

/* 品牌主张 */
.statement__title { font-size: clamp(1.85rem, 3.2vw, 2.9rem); }

/* 深色带 */
.layer-band__specs > div { padding: 15px 16px; background: transparent; }
.layer-band__specs { background: transparent; border-color: var(--line-dark); }

/* FAQ */
.faq__item summary { padding: 24px 4px; font-size: 1.06rem; }

/* 页脚 */
.site-footer__inner { padding-block: clamp(44px, 5vw, 76px); }
.footer-links__inner { gap: 32px; }

/* 响应式 */
@media (max-width: 1024px) {
  .hero2 h1 { font-size: 2.7rem; }
  .hero2__media { margin-right: 0; border-radius: var(--radius-card); border-right: 1px solid var(--line-light); }
  .spec:nth-child(6n) { border-right: 1px solid var(--line-light); }
  .spec:nth-child(3n) { border-right: 0; }
}

@media (max-width: 900px) {
  .section__head { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .section__eyebrow { grid-row: auto; margin-bottom: 12px; padding-top: 0; }
  .section__head > *:not(.section__eyebrow) { grid-column: 1; }

  .card--service { grid-template-columns: 40px minmax(0, 1fr); gap: 0 16px; }
  .card--service h3 { grid-column: 2; }
  .card--service > p { grid-column: 1 / -1; margin-top: 12px; }
  .card--service .card__list { grid-column: 1 / -1; }

  .scenario:nth-child(odd),
  .scenario:nth-child(even) { padding-inline: 0; border-right: 0; }

  .news__item { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .spec:nth-child(3n) { border-right: 1px solid var(--line-light); }
  .spec:nth-child(2n) { border-right: 0; }
}

@media (max-width: 640px) {
  .hero2 h1 { font-size: 2.15rem; }
  h2 { font-size: 1.7rem; }
  .statement__title { font-size: 1.72rem; }
  .metric { padding: 22px 18px; }
  .metric__value { font-size: 1.35rem; }
  .solution-teaser__item { padding: 22px 0 24px; }
  .solution-teaser__item + .solution-teaser__item { padding-left: 0; border-left: 0; border-top: 0; }
  .spec { padding: 22px 16px; border-right: 0; }
  .case h3 { font-size: 1.12rem; }
}