/* 匠心铺·统一设计系统 v2·2026-04-29
 * 一处改·全站生效 */

:root{
  /* ─── 主色系（slate + 朱砂 + 金）─── */
  --ink:#0F172A;          /* 主黑·深蓝灰 */
  --ink-2:#1E293B;        /* 副黑 */
  --ink-3:#475569;        /* 主文 */
  --ink-4:#64748B;        /* 副文 */
  --ink-5:#94A3B8;        /* 弱文 / 占位 */
  --line:#E2E8F0;         /* 分割线 */
  --line-2:#F1F5F9;       /* 浅分割线 / 背景 */
  --paper:#FAFAFA;        /* 主背景 */
  --paper-2:#FFFFFF;      /* 卡片背景 */
  --paper-3:#F8FAFC;      /* 浅区背景 */

  /* 强调色·只在关键 CTA / 数字 / Tag */
  --accent:#DC2626;       /* 朱砂红 */
  --accent-soft:#FBEAE9;
  --accent-deep:#991B1B;

  /* 辅助色·小徽章 / 高亮 */
  --gold:#B08A3E;
  --gold-soft:#FEF3C7;
  --green:#10B981;
  --green-soft:#D1FAE5;
  --blue:#1A4D8F;
  --blue-soft:#DBEAFE;

  /* 字体 */
  --font-serif:'Noto Serif SC','Songti SC',serif;
  --font-sans:'Noto Sans SC',-apple-system,'PingFang SC',sans-serif;

  /* 间距 */
  --r:8px;        /* 默认圆角 */
  --r-lg:12px;
  --r-xl:16px;

  /* 阴影 */
  --shadow:0 1px 3px rgba(15,23,42,0.04);
  --shadow-md:0 4px 12px rgba(15,23,42,0.06);
  --shadow-lg:0 12px 28px rgba(15,23,42,0.08);
  --shadow-xl:0 24px 48px rgba(15,23,42,0.10);
}

/* ─── Typography ─── */
.brand-h1{font-family:var(--font-serif);font-weight:900;font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-1px;color:var(--ink)}
.brand-h2{font-family:var(--font-serif);font-weight:900;font-size:clamp(24px,3.5vw,36px);line-height:1.2;color:var(--ink)}
.brand-h3{font-family:var(--font-serif);font-weight:700;font-size:18px;line-height:1.4;color:var(--ink)}
.brand-eyebrow{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.brand-lead{font-size:17px;color:var(--ink-3);line-height:1.7}

/* ─── Buttons ─── */
.brand-btn-pri{background:var(--ink);color:#fff;padding:14px 24px;border-radius:var(--r);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:0;cursor:pointer;transition:.2s}
.brand-btn-pri:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--accent)}
.brand-btn-sec{background:#fff;color:var(--ink);padding:14px 24px;border-radius:var(--r);font-size:14px;font-weight:600;border:1.5px solid var(--line);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.2s}
.brand-btn-sec:hover{border-color:var(--ink);background:var(--paper-3)}
.brand-btn-accent{background:var(--accent);color:#fff;padding:14px 24px;border-radius:var(--r);font-size:14px;font-weight:700;border:0;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:.2s}
.brand-btn-accent:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 8px 20px rgba(220,38,38,.25)}

/* ─── Card ─── */
.brand-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;transition:.2s}
.brand-card:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* ─── Tag ─── */
.brand-tag{display:inline-block;background:var(--line-2);color:var(--ink-3);padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}
.brand-tag-accent{background:var(--accent-soft);color:var(--accent)}
.brand-tag-gold{background:var(--gold-soft);color:var(--gold)}
.brand-tag-green{background:var(--green-soft);color:var(--green)}

/* ─── Stat ─── */
.brand-stat-num{font-family:var(--font-serif);font-weight:900;font-size:32px;color:var(--ink);line-height:1}
.brand-stat-num.accent{color:var(--accent)}
.brand-stat-num.gold{color:var(--gold)}
.brand-stat-lbl{font-size:11px;color:var(--ink-4);letter-spacing:.5px;margin-top:4px}

/* ─── Container ─── */
.brand-container{max-width:1200px;margin:0 auto;padding:0 24px}
.brand-section{padding:80px 0}
.brand-section-alt{background:var(--paper)}

/* ─── Top nav (统一) ─── */
.brand-nav{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.brand-nav-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.brand-logo{font-family:var(--font-serif);font-weight:900;font-size:18px;color:var(--ink);letter-spacing:.5px;text-decoration:none}
.brand-logo .accent{color:var(--accent)}
.brand-nav-links{display:none;gap:24px;font-size:14px;color:var(--ink-3);font-weight:500}
.brand-nav-links a{text-decoration:none;color:inherit;transition:.2s}
.brand-nav-links a:hover{color:var(--ink)}
@media(min-width:768px){.brand-nav-links{display:flex}}
.brand-nav-cta{background:var(--ink);color:#fff;padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:600;text-decoration:none}
.brand-nav-cta:hover{background:var(--accent)}

/* ─── Footer (统一) ─── */
.brand-footer{background:var(--ink);color:#fff;padding:60px 0 30px;margin-top:80px}
.brand-footer h4{font-size:13px;font-weight:700;color:var(--ink-5);margin-bottom:14px;letter-spacing:.5px}
.brand-footer ul{list-style:none;padding:0;margin:0}
.brand-footer li{padding:4px 0;font-size:13px}
.brand-footer a{color:#CBD5E1;text-decoration:none;transition:.2s}
.brand-footer a:hover{color:#fff}
.brand-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
@media(max-width:640px){.brand-footer-grid{grid-template-columns:1fr 1fr}}
.brand-footer-copy{border-top:1px solid #1E293B;margin-top:30px;padding-top:20px;text-align:center;color:var(--ink-5);font-size:12px}

/* ─── Audience badge·6 类客户 + 11 类产品 ─── */
.brand-audience-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--paper-3);border:1px solid var(--line);border-radius:14px;font-size:11px;color:var(--ink-3);font-weight:600}

/* ─── Reset 友好 ─── */
*{box-sizing:border-box}
body{font-family:var(--font-sans);color:var(--ink);background:#fff;line-height:1.7;margin:0}