/* theme: btn-corporate — 贝泰妮集团商务主题
 * 继承 corporate-clean.css 的深蓝基调 + 加大圆角 + 金色克制点缀 + 品牌 Logo
 * 配套使用：base.css + animations.css + fonts.css
 */
:root{
  /* 基础底色 — 继承 corporate-clean */
  --bg:#ffffff;--bg-soft:#f5f7fa;--surface:#ffffff;--surface-2:#f0f3f7;
  --border:rgba(10,37,64,.12);--border-strong:rgba(10,37,64,.28);

  /* 文本 — 贝泰妮深蓝主色 */
  --text-1:#0a2540;--text-2:#425466;--text-3:#8898aa;

  /* 主色 — 贝泰妮深蓝 + 亮蓝 */
  --accent:#0a2540;--accent-2:#1d4ed8;--accent-3:#3b82f6;

  /* 状态色 */
  --good:#0e9f6e;--warn:#d97706;--bad:#dc2626;

  /* 品牌渐变 — 贝泰妮深蓝→亮蓝 */
  --grad:linear-gradient(135deg,#0a2540 0%,#1d4ed8 100%);
  --grad-soft:linear-gradient(135deg,#f0f4fb 0%,#e4ecf7 100%);

  /* 圆角 — 比 corporate-clean 大，更商务精致 */
  --radius:14px;--radius-sm:10px;--radius-lg:22px;

  /* 阴影 — 贝泰妮风：更柔 */
  --shadow:0 2px 8px rgba(10,37,64,.06),0 8px 24px rgba(10,37,64,.04);
  --shadow-lg:0 8px 24px rgba(10,37,64,.1),0 24px 60px rgba(10,37,64,.08);

  /* 字体 — 中文优先 */
  --font-sans:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei','微软雅黑',sans-serif;
  --font-display:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;

  /* 贝泰妮品牌色 */
  --btn-gold:#c9a35d;
  --btn-gold-soft:#e6c98a;
  --btn-deep:#0a2540;
  --btn-bright:#1d4ed8;
}

/* ================= TYPOGRAPHY OVERRIDE ================= */
.kicker{color:var(--accent-2);font-weight:600;letter-spacing:.12em}
h1.title,h2.title,.h1,.h2{font-weight:700;color:var(--accent)}
h1.title,.h1{letter-spacing:-.02em}

/* ================= BTN BRAND COMPONENTS ================= */
/* 品牌 Logo 组件 — 圆形 mark + 集团文字 */
.btn-logo{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:700;letter-spacing:.04em;
  color:var(--accent);
}
.btn-logo .mark{
  width:36px;height:36px;border-radius:50%;
  background:var(--grad);
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:14px;letter-spacing:.04em;
  box-shadow:0 2px 8px rgba(10,37,64,.18);
}
.btn-logo .mark::after{
  content:"";position:absolute;
}
.btn-logo .label{
  display:flex;flex-direction:column;line-height:1.15;
}
.btn-logo .label .name{font-size:14px;color:var(--accent);font-weight:700}
.btn-logo .label .sub{font-size:10px;color:var(--text-3);font-weight:500;letter-spacing:.18em;text-transform:uppercase}

/* 装饰圆 — 贝泰妮特色大色块 */
.hero-deco{
  position:absolute;pointer-events:none;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(29,78,216,.18) 0%,rgba(29,78,216,0) 70%);
  right:-180px;top:-180px;z-index:0;
}
.hero-deco.gold{
  background:radial-gradient(circle at 30% 30%,rgba(201,163,93,.22) 0%,rgba(201,163,93,0) 70%);
}

/* 金色分割线 — 克制点缀 */
.divider-gold{
  display:inline-block;width:48px;height:3px;
  background:var(--btn-gold);
  border-radius:2px;margin:0 12px;vertical-align:middle;
}

/* ================= BTN 风格卡片 ================= */
.btn-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px 28px;
  box-shadow:var(--shadow);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.btn-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
}
.btn-card .num{
  display:inline-block;
  font-size:32px;font-weight:800;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  margin-bottom:6px;
}

/* ================= KPI 行 — 贝泰妮数字大字 ================= */
.kpi-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  margin:32px 0;
}
.kpi-row .kpi{
  text-align:left;
  padding:18px 0;
  border-top:3px solid var(--accent);
}
.kpi-row .kpi .v{
  font-size:54px;font-weight:800;line-height:1;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  margin-bottom:6px;
}
.kpi-row .kpi .l{
  font-size:14px;color:var(--text-2);font-weight:500;
}
.kpi-row .kpi.gold{border-top-color:var(--btn-gold)}
.kpi-row .kpi.gold .v{background:linear-gradient(135deg,var(--btn-gold),var(--btn-gold-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ================= 时间线 — 设备组节点 ================= */
.btn-timeline{
  position:relative;padding-left:36px;margin:24px 0;
}
.btn-timeline::before{
  content:"";position:absolute;left:10px;top:6px;bottom:6px;
  width:2px;background:var(--border-strong);
}
.btn-timeline .item{
  position:relative;padding:0 0 22px 0;
}
.btn-timeline .item::before{
  content:"";position:absolute;left:-32px;top:6px;
  width:14px;height:14px;border-radius:50%;
  background:var(--surface);
  border:3px solid var(--accent);
  box-shadow:0 0 0 3px var(--bg);
}
.btn-timeline .item.gold::before{border-color:var(--btn-gold)}
.btn-timeline .item .time{
  font-size:12px;color:var(--text-3);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:4px;
}
.btn-timeline .item .what{
  font-size:18px;font-weight:600;color:var(--accent);margin-bottom:4px;
}
.btn-timeline .item .why{font-size:14px;color:var(--text-2);line-height:1.55}

/* ================= 成就卡 — V3 培训资料系统 ================= */
.achv-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0;
}
.achv-grid .a{
  background:var(--surface);
  border-radius:var(--radius);
  padding:22px 20px;
  border:1px solid var(--border);
  position:relative;overflow:hidden;
}
.achv-grid .a::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--grad);
}
.achv-grid .a .icon{
  font-size:24px;font-weight:800;color:var(--accent);margin-bottom:8px;
}
.achv-grid .a .t{font-size:16px;font-weight:600;color:var(--accent);margin-bottom:6px}
.achv-grid .a .d{font-size:13px;color:var(--text-2);line-height:1.55}

/* ================= 案例引用 — 改造案例 ================= */
.btn-quote{
  background:var(--grad-soft);
  border-left:4px solid var(--accent);
  border-radius:0 var(--radius) var(--radius) 0;
  padding:20px 24px;margin:18px 0;
}
.btn-quote .tag{
  display:inline-block;font-size:11px;font-weight:700;
  background:var(--accent);color:#fff;
  padding:3px 10px;border-radius:4px;
  letter-spacing:.1em;margin-bottom:10px;
}
.btn-quote .body{font-size:15px;color:var(--accent);line-height:1.65;font-weight:500}
.btn-quote .who{font-size:12px;color:var(--text-3);margin-top:8px}

/* ================= 章节样式 — 贝泰妮章节大标 ================= */
.section-num{
  display:inline-block;
  font-size:64px;font-weight:900;line-height:1;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  margin-bottom:12px;
}
.section-kicker{
  display:inline-block;
  background:rgba(29,78,216,.1);color:var(--accent-2);
  padding:6px 14px;border-radius:999px;
  font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;margin-bottom:14px;
}

/* ================= deck footer — BTN 风格 ================= */
.deck-footer{
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:var(--text-3);
  border-top:1px solid var(--border);
  padding-top:14px;margin-top:24px;
}
.deck-footer .brand{font-weight:600;color:var(--accent);letter-spacing:.04em}

/* ================= CTA button — BTN 品牌按钮 ================= */
.btn-primary{
  display:inline-block;
  background:var(--grad);
  color:#fff;
  padding:14px 32px;
  border-radius:var(--radius);
  font-weight:600;font-size:15px;
  letter-spacing:.04em;
  box-shadow:0 4px 14px rgba(29,78,216,.25);
  text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(29,78,216,.32);text-decoration:none}
.btn-primary.gold{background:linear-gradient(135deg,var(--btn-gold),var(--btn-gold-soft));box-shadow:0 4px 14px rgba(201,163,93,.3)}
.btn-primary.gold:hover{box-shadow:0 6px 20px rgba(201,163,93,.4)}