/* ============================================================
   IDEEDA Semantic Sections — 内容块语义化修饰类（2026-07-08）
   ------------------------------------------------------------
   目的：给 .section 区块加「按内容用途命名」的语义修饰类，
        并把原本散落在模板里的内联 style 迁移到此处集中管理，
        提升后期可维护性。

   原则（零破坏）：
   - 本文件在 style.css 之后加载；.section--xxx 与 .section
     同为单类选择器（特异性相同），靠后加载 → 覆盖默认内边距。
   - 所有原有 class / id 一律保留，JS 选择器（main.js 等）
     不受影响。
   - 以下规则逐字复刻原内联样式，渲染结果完全一致。
   - 纯标签类（无内联 style 的区块）不需要 CSS，仅作语义标注。
   ============================================================ */

/* ---- 错误页 ---- */
.section--error {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-16) var(--space-8);
}

/* ---- 产品归档页 ---- */
.section--product-archive-intro  { padding: var(--space-6, 24px) 0 var(--space-2, 8px); }
.section--product-archive-filters{ padding: var(--space-4, 16px) 0 var(--space-2, 8px); }
.section--product-archive-grid   { padding-top: var(--space-4); padding-bottom: var(--space-12); }

/* ---- 解决方案归档页 ---- */
.section--solution-archive-intro { padding: var(--space-8) 0 var(--space-6); }
.section--solution-archive-list  { padding: var(--space-2) 0 var(--space-16); }

/* ---- 首页精选区块 ---- */
.section--home-featured { padding-top: 0; }

/* ---- 关于我们 ---- */
.section--about-intro {
  padding: var(--space-12) 0;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

/* ---- 证书页 ---- */
.section--certificates-list {
  padding-top: var(--space-10);
  padding-bottom: var(--space-12);
  background: var(--color-gray-50);
}
.section--certificates-cta {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8e 50%, #1a3a5c 100%);
  color: #fff;
}

/* ---- 产品分类页 ---- */
.section--product-cat-showcase { padding: var(--space-6, 24px) 0 var(--space-2, 8px); }
.section--product-cat-grid     { padding-top: var(--space-4); padding-bottom: var(--space-12); }

/* ---- 产品单页 Tabs 区 ---- */
.section--product-tabs { background: var(--color-gray-50); }

/* ---- 首页配件区 ---- */
.section--home-accessories { background: var(--color-gray-50); }

/* ---- 首页证书展示组件 ---- */
.section--cert-showcase {
  padding-top: var(--space-10);
  padding-bottom: var(--space-12);
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}