/* ============================================================
   恒韵科技-沧州站 · 分站专属样式（cz-pages.css）
   仅由分站模板加载（sg_is_aerocore_subsite() 时），主站不加载 → 零影响
   设计语言：深蓝 #103A63 + 金橙 #D97706 · 衬线标题 · 直角硬边 · 稳重本土
   对照主站 AeroCore（靛蓝 #4F46E5 科技风 · 大圆角软阴影 · 无衬线）
   页头/页脚/按钮使用 cz- 前缀，避免与 main.min.css 同名类冲突
   ============================================================ */

/* ---------- 1. 设计令牌 ---------- */
:root {
  /* 主色 · 深蓝 */
  --brand-primary: #103A63;
  --brand-primary-900: #0A2540;
  --brand-primary-700: #14406B;
  --brand-primary-500: #1B5A94;
  --brand-primary-100: #DCE8F4;
  --brand-primary-50: #EFF5FA;
  --brand-primary-foreground: #fff;
  /* 辅色 · 金橙 */
  --brand-accent: #D97706;
  --brand-accent-600: #B45309;
  --brand-accent-400: #F59E0B;
  --brand-accent-100: #FBE6C6;
  --brand-accent-50: #FEF6EA;
  --brand-accent-foreground: #fff;
  /* 中性 · 暖米白 */
  --brand-bg: #FBF9F6;
  --brand-surface: #fff;
  --brand-ink: #1B2430;
  --brand-muted: #6E6659;
  --brand-line: #E7E1D7;
  --brand-line-strong: #D8CFC0;
  /* 深色区 · 深蓝墨 */
  --brand-deep: #0A2540;
  --brand-deep-2: #0E3054;
  /* 字体（衬线标题 = 与主站最大差异） */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  /* 圆角（直角为主，对照主站大圆角） */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  /* 阴影（极弱，对照主站柔光） */
  --shadow-1: 0 1px 2px rgba(10, 37, 64, .04);
  --shadow-2: 0 14px 34px -22px rgba(10, 37, 64, .35);
  /* 渐变 */
  --grad-deep: linear-gradient(135deg, #0A2540 0%, #103A63 55%, #15456F 100%);
  --grad-accent: linear-gradient(90deg, #D97706 0%, #F59E0B 100%);
  --grad-text: linear-gradient(90deg, #E08A0A 0%, #F2B85E 100%);
  --container: 1240px;
  /* 兼容别名：页面内联样式仍可解析 */
  --brand-secondary: var(--brand-accent);
  --brand-secondary-600: var(--brand-accent-600);
  --brand-secondary-50: var(--brand-accent-50);
  --brand-secondary-100: var(--brand-accent-100);
  --brand-tertiary: #1B5A94;
  --brand-tertiary-50: var(--brand-primary-50);
  --brand-success: #1F6B4E;
  --brand-success-50: #E7F5EF;
  --brand-warning: #B45309;
  --brand-warning-50: #FEF6EA;
  --brand-danger: #B3261E;
  --brand-danger-50: #FBE9E9;
  --brand-primary-200: var(--brand-primary-100);
  --brand-primary-600: var(--brand-primary-700);
  --brand-border: var(--brand-line);
  --brand-muted-foreground: var(--brand-muted);
}

/* ---------- 2. 基础 ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.cz-site {
  margin: 0; padding: 0;
  font-family: var(--font-sans);
  font-size: 15px; line-height: 1.7; color: var(--brand-ink);
  background: var(--brand-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.cz-site img { max-width: 100%; display: block; }
body.cz-site a { color: inherit; text-decoration: none; }
body.cz-site ul { list-style: none; margin: 0; padding: 0; }
body.cz-site p { margin: 0; }
body.cz-site h1, body.cz-site h2, body.cz-site h3, body.cz-site h4 { margin: 0; font-weight: 700; }
body.cz-site button { font-family: inherit; }
.cn-heading { font-family: var(--font-serif); letter-spacing: .01em; }
.gradient-text { background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- 3. 顶部信息条（分站新增，主站无） ---------- */
.cz-topbar { background: var(--brand-deep); border-bottom: 1px solid rgba(245, 158, 11, .35); }
.cz-topbar__inner {
  max-width: var(--container); margin: 0 auto; padding: 0 24px;
  min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  font-size: 12.5px; color: #B9C9DA;
}
.cz-topbar__left, .cz-topbar__right { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.cz-topbar a { color: #E8C98D; }
.cz-topbar a:hover { color: #F59E0B; }
.cz-topbar svg { width: 13px; height: 13px; vertical-align: -2px; margin-right: 4px; color: #F59E0B; }

/* ---------- 4. 头部（浅色 sticky，对照主站深色） ---------- */
.cz-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: saturate(160%) blur(8px);
  backdrop-filter: saturate(160%) blur(8px);
  border-bottom: 2px solid var(--brand-accent);
}
.cz-header__inner {
  max-width: var(--container); margin: 0 auto; padding: 0 24px;
  height: 68px; display: flex; align-items: center; gap: 28px;
}
.cz-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.cz-logo img { height: 34px; width: auto; }
.cz-logo__sub {
  font-size: 11px; font-weight: 600; color: var(--brand-accent-600);
  border: 1px solid var(--brand-accent-100); background: var(--brand-accent-50);
  padding: 1px 6px; border-radius: var(--radius-xs);
}
.cz-nav { flex: 1; display: flex; justify-content: center; }
.cz-nav-list { display: flex; align-items: center; gap: 2px; }
.cz-nav-list a {
  display: block; padding: 8px 14px; font-size: 14.5px; color: #33465B;
  border-bottom: 2px solid transparent; transition: color .18s;
}
.cz-nav-list a:hover { color: var(--brand-primary); }
.cz-nav-list a.is-active { color: var(--brand-primary); font-weight: 600; border-bottom-color: var(--brand-accent); }
.cz-header__actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.cz-header-phone { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--brand-primary); }
.cz-header-phone svg { width: 16px; height: 16px; color: var(--brand-accent); }
.cz-header-cta {
  display: inline-flex; align-items: center; height: 38px; padding: 0 20px;
  background: var(--brand-accent); color: #fff; font-size: 14px; font-weight: 600;
  border-radius: var(--radius-xs); transition: background .18s;
}
.cz-header-cta:hover { background: var(--brand-accent-600); }

/* ---------- 5. 面包屑 ---------- */
.hyun-breadcrumb {
  max-width: var(--container); margin: 0 auto; padding: 16px 24px 0;
  font-size: 13px; color: var(--brand-muted); display: flex; gap: 8px; align-items: center;
}
.hyun-breadcrumb a { color: var(--brand-muted); }
.hyun-breadcrumb a:hover { color: var(--brand-accent-600); }
.hyun-breadcrumb .sep { color: var(--brand-line-strong); }
.hyun-breadcrumb .current { color: var(--brand-primary); font-weight: 600; }

/* ---------- 6. 通用版式与按钮 ---------- */
.hyun-container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }
.hyun-section { max-width: var(--container); margin: 0 auto; padding: 72px 24px; }
.hyun-section-alt { background: var(--brand-primary-50); position: relative; }
.hyun-section-alt::before {
  content: ""; position: absolute; inset: 0; left: 50%; transform: translateX(-50%);
  width: 100vw; background: inherit; z-index: -1;
}
.hyun-section-header { text-align: center; margin-bottom: 44px; }
.hyun-section-heading {
  font-family: var(--font-serif); font-size: 30px; font-weight: 700;
  color: var(--brand-primary-900); position: relative; display: inline-block;
  padding-bottom: 14px; letter-spacing: .02em; line-height: 1.4;
}
.hyun-section-heading::after {
  content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 52px; height: 3px; background: var(--grad-accent);
}
.hyun-section-heading-left::after { left: 0; transform: none; }
.hyun-section-heading-left { display: block; }
.hyun-section-desc { font-size: 15px; color: var(--brand-muted); margin-top: 8px; }
.cz-btn {
  display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 26px;
  font-size: 15px; font-weight: 600; border-radius: var(--radius-xs);
  border: 1px solid transparent; cursor: pointer; transition: all .18s ease;
}
.cz-btn svg { width: 17px; height: 17px; }
.cz-btn-primary { background: var(--brand-primary); color: #fff; }
.cz-btn-primary:hover { background: var(--brand-accent); color: #fff; }
.cz-btn-outline { background: transparent; color: var(--brand-primary); border-color: var(--brand-primary); }
.cz-btn-outline:hover { background: var(--brand-primary); color: #fff; }

/* ---------- 7. 内页 Hero ---------- */
.hyun-page-hero { background: var(--grad-deep); color: #fff; padding: 56px 24px 0; position: relative; overflow: hidden; }
.hyun-page-hero::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(680px 320px at 85% 12%, rgba(245, 158, 11, .16), transparent 62%);
  pointer-events: none;
}
.hyun-page-hero-content { position: relative; max-width: 880px; margin: 0 auto; text-align: center; padding-bottom: 40px; z-index: 1; }
.hyun-page-hero-badge {
  display: inline-block; font-size: 12.5px; letter-spacing: .16em; color: var(--brand-accent-400);
  border-top: 1px solid rgba(245, 158, 11, .5); border-bottom: 1px solid rgba(245, 158, 11, .5);
  padding: 5px 14px; margin-bottom: 20px;
}
.hyun-page-hero-title { font-family: var(--font-serif); font-size: 38px; font-weight: 700; line-height: 1.35; margin-bottom: 16px; }
.hyun-page-hero-subtitle { font-size: 16px; color: #C9D8E8; line-height: 1.8; }
.hyun-page-hero-desc { font-size: 14px; color: #8FA6BE; margin-top: 12px; line-height: 1.8; }
.hyun-stats-row {
  position: relative; z-index: 1; max-width: var(--container); margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(245, 158, 11, .25);
}
.hyun-stat-card { padding: 24px 16px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .08); }
.hyun-stat-card:last-child { border-right: 0; }
.hyun-stat-number { font-family: var(--font-serif); font-size: 28px; font-weight: 700; color: var(--brand-accent-400); }
.hyun-stat-label { font-size: 13px; color: #9FB4C9; margin-top: 4px; }

/* ---------- 8. 首页 Hero（满屏深底居中，对照主站左右分栏） ---------- */
.cz-hero { position: relative; background: var(--grad-deep); color: #fff; padding: 84px 24px 0; overflow: hidden; }
.cz-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(700px 340px at 82% 16%, rgba(245, 158, 11, .16), transparent 62%),
    radial-gradient(620px 320px at 6% 90%, rgba(27, 90, 148, .5), transparent 60%);
}
.cz-hero-content { position: relative; max-width: 940px; margin: 0 auto; text-align: center; z-index: 1; }
.cz-hero-badge {
  display: inline-block; font-size: 12.5px; letter-spacing: .16em; color: var(--brand-accent-400);
  border-top: 1px solid rgba(245, 158, 11, .5); border-bottom: 1px solid rgba(245, 158, 11, .5);
  padding: 5px 14px; margin-bottom: 22px;
}
.cz-hero-title { font-family: var(--font-serif); font-size: 44px; font-weight: 700; line-height: 1.34; margin-bottom: 18px; }
.cz-hero-subtitle { font-size: 16.5px; color: #C9D8E8; line-height: 1.85; max-width: 680px; margin: 0 auto; }
.cz-hero-ctas { display: flex; justify-content: center; gap: 14px; margin-top: 32px; flex-wrap: wrap; }
.cz-hero .cz-btn-outline { color: #fff; border-color: rgba(255, 255, 255, .45); }
.cz-hero .cz-btn-outline:hover { background: #fff; color: var(--brand-primary); border-color: #fff; }
.cz-hero-stats {
  position: relative; z-index: 1; max-width: var(--container); margin: 56px auto 0;
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(245, 158, 11, .28);
}
.cz-hero-stat { padding: 22px 12px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .08); }
.cz-hero-stat:last-child { border-right: 0; }
.stat-number { display: block; font-family: var(--font-serif); font-size: 30px; font-weight: 700; color: var(--brand-accent-400); }
.stat-label { display: block; font-size: 13px; color: #9FB4C9; margin-top: 4px; }

/* ---------- 9. 服务覆盖带 ---------- */
.coverage-bar { background: #081D33; border-top: 1px solid rgba(255, 255, 255, .06); }
.coverage-bar__inner {
  max-width: var(--container); margin: 0 auto; padding: 16px 24px;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.coverage-bar__label { font-size: 12.5px; letter-spacing: .1em; color: var(--brand-accent-400); font-weight: 600; }
.coverage-chip { font-size: 13px; color: #B9C9DA; border: 1px solid rgba(255, 255, 255, .14); padding: 4px 12px; border-radius: var(--radius-xs); }
.coverage-chip.is-main { color: #0A2540; background: var(--brand-accent-400); border-color: transparent; font-weight: 600; }

/* ---------- 10. 核心服务（硬边网格式，对照主站分离卡片） ---------- */
.hyun-services-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
  background: var(--brand-line); border: 1px solid var(--brand-line);
}
.hyun-service-card { background: var(--brand-surface); padding: 28px 24px; border-left: 3px solid transparent; transition: all .2s; }
.hyun-service-card:hover { border-left-color: var(--brand-accent); background: var(--brand-accent-50); }
.hyun-service-icon {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  color: var(--brand-primary); background: var(--brand-primary-50);
  border-radius: var(--radius-sm); margin-bottom: 16px;
}
.hyun-service-icon svg { width: 22px; height: 22px; }
.hyun-service-title { font-family: var(--font-serif); font-size: 18px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 8px; }
.hyun-service-desc { font-size: 14px; color: var(--brand-muted); line-height: 1.75; }

/* ---------- 11. 交付流程（分站新增板块） ---------- */
.process-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; }
.process-step { text-align: center; position: relative; padding-top: 8px; }
.process-step::after {
  content: ""; position: absolute; top: 26px; right: -10px; width: 20px; height: 1px;
  background: var(--brand-line-strong);
}
.process-step:last-child::after { display: none; }
.process-step__no { font-family: var(--font-serif); font-size: 34px; font-weight: 700; color: var(--brand-line-strong); line-height: 1; }
.process-step__title { font-family: var(--font-serif); font-size: 16px; font-weight: 700; color: var(--brand-primary-900); margin: 12px 0 6px; }
.process-step__desc { font-size: 13.5px; color: var(--brand-muted); line-height: 1.7; }

/* ---------- 12. 产品矩阵（深底，对照主站浅底） ---------- */
.hyun-product-matrix { background: var(--brand-deep); padding: 72px 0; }
.hyun-product-matrix .hyun-section { padding: 0 24px; }
.hyun-product-matrix .hyun-section-heading { color: #fff; }
.hyun-product-matrix .hyun-section-desc { color: #9FB4C9; }
.hyun-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.hyun-product-card {
  background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1);
  border-radius: var(--radius-sm); padding: 22px; transition: all .2s;
}
.hyun-product-card:hover { background: rgba(245, 158, 11, .08); border-color: rgba(245, 158, 11, .5); }
.hyun-product-card-header { display: flex; gap: 12px; margin-bottom: 12px; }
.hyun-product-icon {
  width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  color: var(--brand-accent-400); background: rgba(245, 158, 11, .12); border-radius: var(--radius-xs);
}
.hyun-product-icon svg { width: 22px; height: 22px; }
.hyun-product-name { font-family: var(--font-serif); font-size: 16.5px; font-weight: 700; color: #fff; }
.hyun-product-tag { font-size: 12px; color: #8FA6BE; margin-top: 2px; }
.hyun-product-desc { font-size: 13.5px; color: #B9C9DA; line-height: 1.75; margin-bottom: 14px; }
.hyun-product-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--brand-accent-400); }
.hyun-product-link svg { width: 14px; height: 14px; }

/* ---------- 13. 本地优势 ---------- */
.hyun-advantages { background: var(--brand-bg); padding: 72px 0; }
.hyun-advantages-inner {
  max-width: var(--container); margin: 0 auto; padding: 0 24px;
  display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: start;
}
.hyun-advantage-row { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--brand-line); }
.hyun-advantage-row:last-child { border-bottom: 0; }
.hyun-advantage-icon {
  width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  color: var(--brand-accent-600); background: var(--brand-accent-50);
  border: 1px solid var(--brand-accent-100); border-radius: var(--radius-xs);
}
.hyun-advantage-icon svg { width: 22px; height: 22px; }
.hyun-advantage-title { font-family: var(--font-serif); font-size: 17px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 4px; }
.hyun-advantage-desc { font-size: 14px; color: var(--brand-muted); line-height: 1.75; }

/* ---------- 14. 首页案例 ---------- */
.hyun-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hyun-case-card {
  background: var(--brand-surface); border: 1px solid var(--brand-line);
  border-radius: var(--radius-sm); padding: 26px 24px; position: relative; transition: all .2s;
}
.hyun-case-card::before {
  content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; width: 3px;
  background: var(--grad-accent); opacity: 0; transition: opacity .2s;
}
.hyun-case-card:hover::before { opacity: 1; }
.hyun-case-card:hover { border-color: var(--brand-line-strong); box-shadow: var(--shadow-2); }
.hyun-case-tag {
  display: inline-block; font-size: 12px; font-weight: 600; color: var(--brand-accent-600);
  background: var(--brand-accent-50); border: 1px solid var(--brand-accent-100);
  padding: 2px 9px; border-radius: var(--radius-xs); margin-bottom: 14px;
}
.hyun-case-title { font-family: var(--font-serif); font-size: 17px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 8px; line-height: 1.5; }
.hyun-case-meta { font-size: 13px; color: var(--brand-muted); margin-bottom: 12px; }
.hyun-case-result { font-size: 14px; font-weight: 600; color: var(--brand-primary); line-height: 1.7; padding-top: 12px; border-top: 1px dashed var(--brand-line); }

/* ---------- 15. 筛选 + 案例列表页 ---------- */
.filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; justify-content: center; }
.filter-tab {
  font-family: inherit; font-size: 13.5px; cursor: pointer; padding: 8px 18px;
  color: var(--brand-muted); background: transparent; border: 1px solid var(--brand-line-strong);
  border-radius: var(--radius-xs); transition: all .15s;
}
.filter-tab:hover { color: var(--brand-primary); border-color: var(--brand-primary); }
.filter-tab.is-active { color: #fff; background: var(--brand-primary); border-color: var(--brand-primary); }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.case-card {
  background: var(--brand-surface); border: 1px solid var(--brand-line);
  border-radius: var(--radius-sm); padding: 26px; display: flex; flex-direction: column; transition: all .2s;
}
.case-card:hover { border-color: var(--brand-accent); box-shadow: var(--shadow-2); }
.case-badge {
  display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 600;
  padding: 3px 10px; border-radius: var(--radius-xs); margin-bottom: 14px;
  color: var(--brand-accent-600); background: var(--brand-accent-50); border: 1px solid var(--brand-accent-100);
}
.case-badge.badge-manufacturing { color: var(--brand-primary); background: var(--brand-primary-50); border-color: var(--brand-primary-100); }
.case-badge.badge-retail { color: #8A5A00; background: #FBF1DE; border-color: #F0DDB8; }
.case-badge.badge-government { color: #8A1F1F; background: #FBE9E9; border-color: #F3CFCF; }
.case-badge.badge-education { color: #1F6B4E; background: #E7F5EF; border-color: #C9E8DA; }
.case-client { font-size: 13px; color: var(--brand-muted); margin-bottom: 4px; }
.case-title { font-family: var(--font-serif); font-size: 17px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 8px; line-height: 1.5; }
.case-desc { font-size: 14px; color: var(--brand-muted); line-height: 1.75; flex: 1; }
.case-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 13.5px; font-weight: 600; color: var(--brand-accent-600); }
.case-link svg { width: 14px; height: 14px; }

/* ---------- 16. 资讯 ---------- */
.hyun-news-section { background: var(--brand-primary-50); }
.hyun-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 36px; }
.hyun-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.hyun-news-card {
  background: var(--brand-surface); border: 1px solid var(--brand-line);
  border-radius: var(--radius-sm); overflow: hidden; display: flex; flex-direction: column; transition: all .2s;
}
.hyun-news-card:hover { border-color: var(--brand-primary); box-shadow: var(--shadow-2); }
.hyun-news-thumb { height: 150px; background: var(--grad-deep); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.hyun-news-thumb::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--grad-accent); }
.hyun-news-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hyun-news-thumb-icon {
  width: 52px; height: 52px; display: flex; align-items: center; justify-content: center;
  color: var(--brand-accent-400); border: 1px solid rgba(245, 158, 11, .35); border-radius: var(--radius-xs);
}
.hyun-news-thumb-icon svg { width: 26px; height: 26px; }
.hyun-news-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.hyun-news-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.hyun-news-category {
  font-size: 12px; font-weight: 600; color: var(--brand-accent-600);
  background: var(--brand-accent-50); border: 1px solid var(--brand-accent-100);
  padding: 2px 8px; border-radius: var(--radius-xs);
}
.hyun-news-date { font-size: 12px; color: var(--brand-muted); }
.hyun-news-title { font-family: var(--font-serif); font-size: 16.5px; font-weight: 700; color: var(--brand-primary-900); line-height: 1.55; margin-bottom: 8px; }
.hyun-news-excerpt {
  font-size: 13.5px; color: var(--brand-muted); line-height: 1.7; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.hyun-news-readmore { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--brand-accent-600); margin-top: 12px; }
.hyun-news-readmore svg { width: 14px; height: 14px; }

/* ---------- 17. CTA ---------- */
.hyun-cta { background: var(--grad-deep); text-align: center; padding: 64px 24px; position: relative; overflow: hidden; }
.hyun-cta::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--grad-accent); }
.hyun-cta-heading { font-family: var(--font-serif); font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.hyun-cta-subtitle { font-size: 15.5px; color: #C9D8E8; margin-bottom: 28px; }
.hyun-cta-buttons { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.hyun-cta .cz-btn-primary { background: var(--brand-accent); color: #fff; border-color: transparent; }
.hyun-cta .cz-btn-primary:hover { background: var(--brand-accent-400); }
.hyun-cta .cz-btn-outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .45); }
.hyun-cta .cz-btn-outline:hover { background: #fff; color: var(--brand-primary); border-color: #fff; }
.hyun-cta-phone { font-size: 13.5px; color: #9FB4C9; margin-top: 16px; }

/* ---------- 18. 关于我们 ---------- */
.about-intro { max-width: 860px; margin: 0 auto; text-align: center; font-size: 15px; line-height: 1.9; color: var(--brand-muted); }
.mission-vision-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.mv-card { background: var(--brand-surface); border: 1px solid var(--brand-line); border-top: 4px solid var(--brand-primary); border-radius: var(--radius-sm); padding: 32px; }
.mv-card:hover { box-shadow: var(--shadow-2); }
.mv-card--vision { border-top-color: var(--brand-accent); }
.mv-icon {
  width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  color: var(--brand-primary); background: var(--brand-primary-50);
  border-radius: var(--radius-xs); margin-bottom: 18px;
}
.mv-card--vision .mv-icon { color: var(--brand-accent-600); background: var(--brand-accent-50); }
.mv-icon svg { width: 24px; height: 24px; }
.mv-title { font-family: var(--font-serif); font-size: 19px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 10px; }
.mv-desc { font-size: 14.5px; color: var(--brand-muted); line-height: 1.85; }
.values-row { display: flex; flex-wrap: wrap; gap: 10px; }
.value-chip {
  font-size: 13.5px; font-weight: 600; color: var(--brand-primary);
  background: var(--brand-surface); border: 1px solid var(--brand-line-strong);
  padding: 7px 16px; border-radius: var(--radius-xs);
}
.timeline { position: relative; max-width: 880px; margin: 0 auto; padding-left: 30px; }
.timeline::before { content: ""; position: absolute; left: 5px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(180deg, var(--brand-primary), var(--brand-accent)); }
.timeline-item { position: relative; padding-bottom: 28px; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-dot { position: absolute; left: -30px; top: 5px; width: 12px; height: 12px; background: var(--brand-accent); border: 2px solid var(--brand-bg); box-shadow: 0 0 0 2px var(--brand-accent-100); }
.timeline-year { font-family: var(--font-serif); font-size: 14px; font-weight: 700; color: var(--brand-accent-600); letter-spacing: .06em; }
.timeline-title { font-family: var(--font-serif); font-size: 17px; font-weight: 700; color: var(--brand-primary-900); margin: 4px 0 6px; }
.timeline-desc { font-size: 14px; color: var(--brand-muted); line-height: 1.75; }
.honors-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.honor-card { background: var(--brand-surface); border: 1px solid var(--brand-line); border-radius: var(--radius-sm); padding: 26px 18px; text-align: center; }
.honor-card:hover { border-color: var(--brand-accent); }
.honor-icon {
  width: 46px; height: 46px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center;
  color: var(--brand-accent-600); background: var(--brand-accent-50);
  border: 1px solid var(--brand-accent-100); border-radius: var(--radius-xs);
}
.honor-icon svg { width: 22px; height: 22px; }
.honor-name { font-family: var(--font-serif); font-size: 15px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 4px; }
.honor-year { font-size: 12.5px; color: var(--brand-muted); }
.partners-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.partner-item {
  background: var(--brand-surface); border: 1px solid var(--brand-line); height: 76px;
  display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600;
  color: var(--brand-muted); border-radius: var(--radius-xs); transition: all .2s;
}
.partner-item:hover { color: var(--brand-primary); border-color: var(--brand-primary); }

/* ---------- 19. 产品矩阵页 ---------- */
.product-list { display: flex; flex-direction: column; gap: 18px; }
.product-list-card {
  display: grid; grid-template-columns: 280px 1fr; gap: 26px;
  background: var(--brand-surface); border: 1px solid var(--brand-line);
  border-radius: var(--radius-sm); padding: 22px; transition: all .2s;
}
.product-list-card:hover { border-color: var(--brand-primary); box-shadow: var(--shadow-2); }
.plc-cover {
  border-radius: var(--radius-xs); min-height: 190px;
  display: flex; align-items: center; justify-content: center;
  background: var(--grad-deep); color: var(--brand-accent-400);
}
.plc-cover svg { width: 60px; height: 60px; }
.plc-cover.cover-grad-1 { background: linear-gradient(135deg, #0A2540, #15456F); color: #F59E0B; }
.plc-cover.cover-grad-2 { background: linear-gradient(135deg, #0E3054, #1B5A94); color: #FBBF24; }
.plc-cover.cover-grad-3 { background: linear-gradient(135deg, #103A63, #1E6BA8); color: #FCD34D; }
.plc-cover.cover-grad-4 { background: linear-gradient(135deg, #0A2540, #2A6FA0); color: #F59E0B; }
.plc-cover.cover-grad-5 { background: linear-gradient(135deg, #12395E, #2277B0); color: #FBBF24; }
.plc-cover.cover-grad-6 { background: linear-gradient(135deg, #0B2C4C, #1B5A94); color: #FCD34D; }
.plc-cover.cover-grad-7 { background: linear-gradient(135deg, #0E3054, #2578AE); color: #F59E0B; }
.plc-cover.cover-grad-8 { background: linear-gradient(135deg, #103A63, #2E86C1); color: #FBBF24; }
.plc-cover.cover-grad-9 { background: linear-gradient(135deg, #0A2540, #1E6BA8); color: #FCD34D; }
.plc-tag {
  display: inline-block; font-size: 12px; font-weight: 600; color: var(--brand-accent-600);
  background: var(--brand-accent-50); border: 1px solid var(--brand-accent-100);
  padding: 3px 10px; border-radius: var(--radius-xs); margin-bottom: 10px;
}
.plc-title { font-family: var(--font-serif); font-size: 23px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 10px; }
.plc-desc { font-size: 14.5px; color: var(--brand-muted); line-height: 1.8; margin-bottom: 14px; }
.plc-features { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.plc-feature { font-size: 12.5px; color: var(--brand-primary); background: var(--brand-primary-50); border: 1px solid var(--brand-primary-100); padding: 4px 11px; border-radius: var(--radius-xs); }
.plc-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--brand-accent-600); }
.plc-link svg { width: 15px; height: 15px; }

/* ---------- 20. 联系我们 ---------- */
.contact-info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.contact-info-card {
  background: var(--brand-surface); border: 1px solid var(--brand-line);
  border-top: 3px solid var(--brand-accent); border-radius: var(--radius-sm);
  padding: 26px 20px; text-align: center; transition: all .2s;
}
.contact-info-card:hover { box-shadow: var(--shadow-2); border-top-color: var(--brand-primary); }
.ci-icon {
  width: 46px; height: 46px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center;
  color: var(--brand-accent-600); background: var(--brand-accent-50); border-radius: var(--radius-xs);
}
.ci-icon svg { width: 22px; height: 22px; }
.ci-label { font-size: 12.5px; color: var(--brand-muted); margin-bottom: 6px; }
.ci-value { font-size: 14.5px; font-weight: 600; color: var(--brand-ink); line-height: 1.65; word-break: break-all; }
.ci-value a { color: inherit; }
.ci-value a:hover { color: var(--brand-accent-600); }
.contact-main { display: grid; grid-template-columns: 1.5fr 1fr; gap: 26px; align-items: start; }
.contact-form-card { background: var(--brand-surface); border: 1px solid var(--brand-line); border-radius: var(--radius-sm); padding: 32px; }
.form-title { font-family: var(--font-serif); font-size: 22px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 6px; }
.form-tip { font-size: 13px; color: var(--brand-muted); margin-bottom: 22px; }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.form-field { margin-bottom: 16px; }
.form-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: var(--brand-ink); }
.form-label .req { color: var(--brand-danger); }
.form-input, .form-select, .form-textarea {
  width: 100%; font-family: inherit; font-size: 14px; padding: 11px 14px;
  border: 1px solid var(--brand-line-strong); border-radius: var(--radius-xs);
  background: var(--brand-bg); color: var(--brand-ink); transition: all .15s;
}
.form-input:focus, .form-select:focus, .form-textarea:focus {
  outline: none; border-color: var(--brand-accent); background: #fff; box-shadow: 0 0 0 3px rgba(217, 119, 6, .12);
}
.form-textarea { min-height: 120px; resize: vertical; }
.form-submit { width: 100%; justify-content: center; margin-top: 6px; }
.form-status { display: none; font-size: 13.5px; line-height: 1.6; padding: 10px 14px; border-radius: var(--radius-xs); margin-bottom: 16px; }
.form-status.is-success { display: block; color: var(--brand-success); background: var(--brand-success-50); border: 1px solid var(--brand-success); }
.form-status.is-error { display: block; color: var(--brand-danger); background: var(--brand-danger-50); border: 1px solid var(--brand-danger); }
.contact-sidebar { display: flex; flex-direction: column; gap: 16px; }
.sidebar-card { background: var(--brand-surface); border: 1px solid var(--brand-line); border-radius: var(--radius-sm); padding: 24px; }
.sidebar-title { font-family: var(--font-serif); font-size: 16px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 14px; }
.qr-box {
  width: 150px; height: 150px; margin: 0 auto 12px; border: 1px dashed var(--brand-line-strong);
  background: var(--brand-bg); border-radius: var(--radius-xs);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; color: var(--brand-muted); font-size: 12.5px; text-align: center;
}
.qr-box svg { width: 32px; height: 32px; color: var(--brand-accent-600); }
.sidebar-note { font-size: 12.5px; color: var(--brand-muted); text-align: center; line-height: 1.7; }
.map-placeholder {
  height: 210px; border: 1px solid var(--brand-line); background: var(--brand-primary-50);
  border-radius: var(--radius-sm); display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 8px; color: var(--brand-muted); font-size: 13.5px;
}
.map-placeholder svg { width: 30px; height: 30px; color: var(--brand-accent-600); }
.faq-list { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.faq-item { background: var(--brand-surface); border: 1px solid var(--brand-line); border-left: 3px solid var(--brand-primary); border-radius: var(--radius-xs); padding: 20px 24px; }
.faq-q { font-family: var(--font-serif); font-size: 16px; font-weight: 700; color: var(--brand-primary-900); margin-bottom: 8px; display: flex; gap: 8px; }
.faq-q .q-mark { color: var(--brand-accent-600); font-weight: 800; }
.faq-a { font-size: 14px; color: var(--brand-muted); line-height: 1.85; padding-left: 1.5rem; }

/* ---------- 21. 分页 ---------- */
.hyun-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 36px; flex-wrap: wrap; }
.hyun-page-btn {
  min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
  padding: 0 12px; font-size: 14px; font-weight: 600; color: var(--brand-muted);
  background: var(--brand-surface); border: 1px solid var(--brand-line-strong);
  border-radius: var(--radius-xs); transition: all .15s;
}
.hyun-page-btn:hover:not(.active):not(.disabled) { color: var(--brand-primary); border-color: var(--brand-primary); }
.hyun-page-btn.active { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }
.hyun-page-btn.disabled { opacity: .4; cursor: not-allowed; }
.hyun-page-btn svg { width: 16px; height: 16px; }

/* ---------- 22. 页脚（深蓝 + 金线，对照主站深色四栏） ---------- */
.cz-footer { background: var(--brand-deep); color: #B9C9DA; border-top: 3px solid var(--brand-accent); }
.cz-footer__inner { max-width: var(--container); margin: 0 auto; padding: 56px 24px 0; }
.cz-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 40px; }
.cz-footer__name { font-family: var(--font-serif); font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.cz-footer__desc { font-size: 13.5px; color: #8FA6BE; line-height: 1.8; margin-bottom: 18px; }
.sg-sites-footer__title { font-size: 13px; font-weight: 700; color: var(--brand-accent-400); letter-spacing: .08em; margin-bottom: 10px; }
.sg-sites-footer__list { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.sg-sites-footer__item { font-size: 12.5px; color: #8FA6BE; }
.sg-sites-footer__item:hover { color: var(--brand-accent-400); }
.cz-footer__col-title { font-family: var(--font-serif); font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.cz-footer__links li { margin-bottom: 9px; }
.cz-footer__links a { font-size: 13.5px; color: #9FB4C9; transition: color .15s; }
.cz-footer__links a:hover { color: var(--brand-accent-400); }
.cz-footer__link-label { color: #6E8299; }
.cz-footer__address { font-size: 13px; color: #9FB4C9; line-height: 1.7; }
.cz-footer__bar {
  border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.cz-footer__copyright { font-size: 12.5px; color: #7B90A6; }
.cz-footer__beian-row { display: flex; flex-wrap: wrap; gap: 16px; }
.cz-footer__beian { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: #7B90A6; }
.cz-footer__beian img { width: 18px; height: 18px; }
.cz-footer__beian:hover { color: var(--brand-accent-400); }

/* ---------- 23. 响应式 ---------- */
@media (max-width: 1100px) {
  .hyun-services-grid { grid-template-columns: repeat(2, 1fr); }
  .hyun-product-grid, .hyun-cases-grid, .case-grid, .hyun-news-grid { grid-template-columns: repeat(2, 1fr); }
  .honors-grid { grid-template-columns: repeat(2, 1fr); }
  .partners-grid { grid-template-columns: repeat(3, 1fr); }
  .process-track { grid-template-columns: repeat(3, 1fr); }
  .process-step::after { display: none; }
  .contact-info-grid { grid-template-columns: repeat(2, 1fr); }
  .cz-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 820px) {
  .cz-topbar__inner { justify-content: center; padding: 8px 16px; gap: 8px; min-height: 0; }
  .cz-topbar__left { display: none; }
  .cz-header__inner { height: auto; padding: 12px 16px; flex-wrap: wrap; gap: 12px; }
  .cz-nav { order: 3; flex-basis: 100%; justify-content: flex-start; overflow-x: auto; }
  .cz-header-phone { display: none; }
  .cz-hero { padding: 56px 20px 0; }
  .cz-hero-title { font-size: 30px; }
  .cz-hero-stats, .hyun-stats-row { grid-template-columns: repeat(2, 1fr); }
  .hyun-advantages-inner { grid-template-columns: 1fr; gap: 28px; }
  .contact-main { grid-template-columns: 1fr; }
  .product-list-card { grid-template-columns: 1fr; }
  .hyun-services-grid, .hyun-product-grid, .hyun-cases-grid, .case-grid,
  .hyun-news-grid, .honors-grid, .contact-info-grid, .process-track,
  .mission-vision-grid, .form-row { grid-template-columns: 1fr; }
  .hyun-section, .hyun-section-alt { padding: 48px 16px; }
  .hyun-section-heading { font-size: 24px; }
  .hyun-page-hero-title { font-size: 27px; }
  .cz-footer__grid { grid-template-columns: 1fr; gap: 28px; }
}