/* =============================================================
 * YUJ BP · Reading Polish v1 · 零破坏性阅读精致化增强
 * -------------------------------------------------------------
 * 设计原则：
 *   · additive-only —— 只追加不覆盖既有样式
 *   · 复用已定义的 CSS 变量（--navy / --gold / --bg ...）
 *   · 任一页面引入此文件即生效；删除 <link> 立即回滚
 * ============================================================= */

/* ---------- 全局字体 & 渲染 ---------- */
html{scroll-behavior:smooth}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern","liga","clig","calt";
  /* 中西文并排：Inter(英) + PingFang/思源黑体(中)，优雅回退到系统字体 */
  font-family:
    "Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,
    "Segoe UI","Helvetica Neue","Helvetica","Arial",
    "PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",
    sans-serif;
  /* 全站响应式左右安全边距：窄屏 16px · 宽屏最多 40px */
  padding-left:clamp(16px,3vw,40px);
  padding-right:clamp(16px,3vw,40px);
}
@media print{ body{padding-left:0;padding-right:0} }

/* ---------- 章节索引 chip 内部徽章（共享样式，全屏幕宽度）---------- */
nav.tabs ul{
  align-items:stretch;row-gap:8px;
}
nav.tabs li{display:flex}
nav.tabs a{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px 7px 7px;
  white-space:nowrap;line-height:1.2;
}
nav.tabs a .ch-no{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--navy,#0E2A47),var(--navy2,#1A3E64));
  color:#fff;font-size:11px;font-weight:700;font-style:normal;
  letter-spacing:0;line-height:1;
  transition:background .18s ease, color .18s ease;
}
nav.tabs a .ch-txt{
  overflow:hidden;text-overflow:ellipsis;min-width:0;
  white-space:nowrap;
}

/* ---------- 选区 & 焦点环 ---------- */
::selection{background:rgba(184,138,58,.28);color:#0E2A47}
::-moz-selection{background:rgba(184,138,58,.28);color:#0E2A47}
:focus-visible{
  outline:2px solid var(--gold,#B88A3A);
  outline-offset:3px;border-radius:2px;
}

/* ---------- 数字等宽对齐（KPI / 表格 / 金额）---------- */
.num,
.kpi .num, .kpi .n, .k .num,
.exec .kpi .num, .exec .kpi .num .u,
table td, table th,
.pct, .al .p, .kpi-band .k .num,
.alloc .box .pct, .roadmap .yr{
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}

/* ---------- 正文链接：金色下划线渐显 ---------- */
.container p a:not([class]),
.exec p a:not([class]),
section p a:not([class]){
  color:var(--navy,#0E2A47);
  background-image:linear-gradient(var(--gold,#B88A3A),var(--gold,#B88A3A));
  background-size:0% 1px;
  background-position:0 100%;
  background-repeat:no-repeat;
  transition:background-size .28s ease, color .2s ease;
  padding-bottom:1px;
}
.container p a:not([class]):hover,
.exec p a:not([class]):hover,
section p a:not([class]):hover{
  background-size:100% 1px;
  color:var(--gold,#B88A3A);
}

/* ---------- 卡片：更柔和多层阴影 + 微抬起 ---------- */
.mkt,
.team-card,
.alloc .box,
.kpi,
.k,
.funnel .lane,
.exec{
  box-shadow:
    0 1px 2px rgba(14,42,71,.04),
    0 6px 18px rgba(14,42,71,.055);
  transition:transform .22s ease, box-shadow .22s ease;
}
.mkt:hover,
.team-card:hover,
.alloc .box:hover,
.funnel .lane:hover{
  transform:translateY(-2px);
  box-shadow:
    0 2px 4px rgba(14,42,71,.06),
    0 12px 28px rgba(14,42,71,.10);
}

/* ---------- 表格精修 · 防错行 & 阅读追行 ---------- */
/* 1. 列间淡竖线 —— 给多行换行的表格提供垂直追行轨道 */
.tbl-wrap table.data td:not(:last-child),
.tbl-wrap table.data th:not(:last-child){
  border-right:1px solid rgba(14,42,71,.055);
}
/* 2. 行间呼吸 —— 从 10px 提到 13px */
table.data tbody td{
  padding:13px 16px;
  line-height:1.55;
}
/* 3. 斑马纹微调对比（奇行纯白 · 偶行暖米） */
table.data tbody tr:nth-child(odd):not(.total){
  background:#FFFEFB;
}
table.data tbody tr:nth-child(even):not(.total){
  background:#F6F2E8;
}
/* 4. 首列（#）行号：居中、金色、等宽 —— 作为视觉行锚点 */
table.data thead th:first-child{
  text-align:center;color:var(--grey-500,#7A7A7A);
  font-weight:500;font-size:11.5px;letter-spacing:.08em;
  width:3em;
}
table.data tbody td:first-child{
  text-align:center;
  color:var(--gold,#B88A3A);
  font-weight:600;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  letter-spacing:.02em;
  width:3em;
  white-space:nowrap;
}
/* 5. hover 整行金色高亮 + 左侧 3px 金色光柱（强视觉锚点） */
table.data tbody tr,
.tbl-wrap table tbody tr{transition:background-color .15s ease, box-shadow .15s ease}
table.data tbody tr:hover:not(.total),
.tbl-wrap table tbody tr:hover:not(.total){
  background:#FFF3D9 !important;
  box-shadow:inset 3px 0 0 var(--gold,#B88A3A);
}
/* 6. 数字列统一右对齐（需要 HTML 给 td/th 加 class="num"） */
table.data td.num,
table.data th.num{
  text-align:right;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  white-space:nowrap;
}
/* 7. 合计行装饰 —— 更清晰的金色顶边 */
table.data tbody tr.total td{
  border-top:2px solid var(--gold,#B88A3A);
  background:#F0E9D6 !important;
}

/* 表格 thead 底部金色分隔线增强 */
table.data thead th{
  position:sticky;top:0;
  background-clip:padding-box;
}

/* ---------- 图片：微圆角 + 柔和阴影 ---------- */
.container img,
section img:not(.raw),
.project img,
.shot img{
  border-radius:4px;
  box-shadow:0 1px 2px rgba(14,42,71,.04),0 4px 14px rgba(14,42,71,.06);
}

/* ---------- 执行摘要首段：更有分量 ---------- */
.exec p.lead{
  font-size:17px;
  line-height:1.95;
  letter-spacing:.003em;
  color:#1A1A1A;
}

/* ---------- 正文字号与行距：中文长阅读黄金值 ---------- */
.container p,
.container li{
  font-size:16px;
  line-height:1.85;
}
.container h3{letter-spacing:-.005em}

/* ---------- 标题装饰：H2 金色竖条加微光 ---------- */
.container h2{
  box-shadow:inset 4px 0 0 transparent; /* 占位，避免与 border-left 冲突 */
  position:relative;
}
.container h2::before{
  content:"";position:absolute;left:-4px;top:4px;bottom:4px;width:4px;
  background:linear-gradient(180deg,var(--gold,#B88A3A),rgba(184,138,58,.45));
  border-radius:0;
}

/* ---------- 回到顶部按钮 ---------- */
.back-to-top{
  position:fixed;right:24px;bottom:28px;z-index:99;
  width:44px;height:44px;border-radius:50%;
  background:var(--navy,#0E2A47);color:#fff;
  display:none;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 4px 18px rgba(14,42,71,.28);
  border:none;font-size:20px;line-height:1;
  transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease;
  font-family:inherit;
}
.back-to-top:hover{
  background:var(--gold,#B88A3A);
  transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(184,138,58,.32);
}
.back-to-top.show{display:flex}
.back-to-top:focus-visible{outline-color:var(--gold,#B88A3A)}

/* ---------- 阅读进度条（顶部 2px 金色渐进）---------- */
.reading-progress{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:100;
  background:linear-gradient(90deg,var(--gold,#B88A3A),#E0B866);
  transition:width .08s linear;
  pointer-events:none;
}

/* ---------- Pitch Deck 豁免：密集 slide 布局不需要 hover 抬起 ---------- */
body.pd .mkt,
body.pd .team-card,
body.pd .alloc .box,
body.pd .kpi,
body.pd .k,
body.pd .funnel .lane{
  box-shadow:none;transition:none;
}
body.pd .mkt:hover,
body.pd .team-card:hover,
body.pd .alloc .box:hover,
body.pd .kpi:hover,
body.pd .k:hover,
body.pd .funnel .lane:hover{
  transform:none;box-shadow:none;
}
body.pd .container h2::before{display:none}

/* ---------- 打印：隐藏所有辅助浮层 ---------- */
@media print{
  .back-to-top, .reading-progress{display:none !important}
  .mkt, .team-card, .alloc .box, .funnel .lane{
    box-shadow:none !important;transform:none !important;
  }
}

/* ---------- 移动端：精致度微调 ---------- */
@media (max-width:780px){
  .container p,.container li{font-size:15.5px;line-height:1.8}
  .exec p.lead{font-size:16px;line-height:1.85}
  .back-to-top{right:16px;bottom:18px;width:40px;height:40px;font-size:18px}
}

/* ---------- 极小屏优化 ---------- */
@media (max-width:520px){
  .container p,.container li{font-size:15px}
}

/* =============================================================
 * 文字对比度增强 (Text Contrast Boost)
 * -------------------------------------------------------------
 * 策略：用 html:root (特异性 0,1,1) 覆盖各页面内联的 :root (0,1,0)
 * 仅加深浅色底（白/米色）正文区，hero/navy 深底白字不受影响
 * WCAG 对白底(#FFFFFF)/米底(#FAF7F2) 的对比度：
 *   旧 #4A4A4A ≈ 8.9 : 1  →  新 #2A2A2A ≈ 13.6 : 1
 *   旧 #7A7A7A ≈ 4.6 : 1  →  新 #545454 ≈ 7.9  : 1
 *   旧 #BFBFBF ≈ 1.9 : 1  →  新 #8C8C8C ≈ 3.5  : 1
 * ============================================================= */
html:root{
  --ink:#111111;
  --grey-700:#2A2A2A;
  --grey-500:#545454;
  --grey-300:#8C8C8C;
  --grey-200:#D6D6D6;
}

body{color:#1A1A1A}

.container p,
.container ul, .container ol, .container li,
.container blockquote,
table.data tbody td,
.mkt ul, .mkt p,
.lane ul, .lane p,
.nb p, .nb li,
.card p, .card li,
.exec p{
  color:#1F1F1F;
}

.container h4{ color:#1F1F1F; }

.kpi .label,
.exec .kpi .label,
.sub, .meta-sub, .note,
.out, .lane .out,
small, figcaption,
.funnel .lane .out,
.card .meta, .card .sub{
  color:#444444;
}

table.data thead th{ color:#0E2A47; }
table.data tbody tr.total{ color:#0E2A47; }

blockquote{ color:#2A2A2A; }

strong, b{ color:#0E2A47; }
.container p strong,
.container li strong,
table.data strong{ font-weight:650; }

.hero, .hero *,
.site-nav, .site-nav *,
[class*="dark"], [data-theme="dark"], [data-theme="dark"] *{
  color:inherit;
}
.hero p, .hero .meta, .hero .meta span,
.hero h1, .hero .sub{
  color:rgba(255,255,255,.94);
}
.hero .tag{ color:var(--gold,#B88A3A); }

/* =============================================================
 * 移动端表格自适应 · Table Mobile Adaptation
 * -------------------------------------------------------------
 * 覆盖所有 .tbl-wrap table（含 .data / .cv / 看板无类名表）
 * · 强制横向滚动 + 合理 min-width，避免中文被硬拆
 * · 关键短字段（金额 / 地点 / 状态 / 年限 / tag）nowrap
 * · JS 在 scrollWidth>clientWidth 时插入 .tbl-hint 提示条
 * ============================================================= */
@media (max-width:820px){
  .tbl-wrap{
    position:relative;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .tbl-wrap table{ min-width:760px; font-size:12.5px; }
  .tbl-wrap table.data.cv{ min-width:720px; }
  .tbl-wrap table thead th{ padding:10px 12px; font-size:11.5px; letter-spacing:.04em; white-space:nowrap; }
  .tbl-wrap table tbody td{ padding:10px 12px; font-size:12.5px; }

  /* 右对齐数值列、金额格子不换行 */
  .tbl-wrap table td[style*="text-align:right"]{ white-space:nowrap; }
  .tbl-wrap table td .pill,
  .tbl-wrap table td .tag{ white-space:nowrap; display:inline-block; }
  /* 地点列（含国旗 emoji 的短地名）不换行 */
  .tbl-wrap table.data td:nth-child(2){ white-space:nowrap; }

  /* CV 表列宽：成员 / 年限 nowrap；代表项目 min-width 保证中文完整 */
  .tbl-wrap table.data.cv td.mem,
  .tbl-wrap table.data.cv td.yr{ white-space:nowrap; }
  .tbl-wrap table.data.cv td.mem strong{ white-space:nowrap; }
  .tbl-wrap table.data.cv tbody td:nth-child(3){ min-width:260px; }
  .tbl-wrap table.data.cv tbody td:nth-child(4){ min-width:200px; }
}
@media (max-width:480px){
  .tbl-wrap table{ min-width:820px; font-size:12px; }
  .tbl-wrap table thead th{ padding:8px 10px; font-size:11px; }
  .tbl-wrap table tbody td{ padding:8px 10px; font-size:12px; }
}

/* 滚动条美化（窄屏表格） */
.tbl-wrap::-webkit-scrollbar{ height:6px }
.tbl-wrap::-webkit-scrollbar-thumb{ background:rgba(14,42,71,.3); border-radius:3px }
.tbl-wrap::-webkit-scrollbar-track{ background:transparent }

/* 表格下方"可左右滑动"提示条（由 polish.js 动态注入 .tbl-hint） */
.tbl-hint{
  display:none;
  text-align:center;font-size:11px;color:#7A7A7A;letter-spacing:.14em;
  padding:6px 10px;margin:-2px 0 14px;line-height:1.3;
}
.tbl-hint::before,.tbl-hint::after{
  content:"";display:inline-block;vertical-align:middle;
  width:28px;height:1px;background:var(--grey-200,#D6D6D6);margin:0 10px;
}
@media (max-width:820px){
  .tbl-hint.on{ display:block }
}

/* =============================================================
 * 财务看板 (03) 移动端精调
 * -------------------------------------------------------------
 * · Hero 压缩 padding + 标题字号
 * · nav.tabs 8 chip 改为单行横向滑动（避免两行拥挤）
 * · section.card 内部 padding 收紧
 * ============================================================= */
@media (max-width:780px){
  .wrap{ padding:16px 12px 60px !important; }
  header.title{ padding:20px 18px 18px !important; border-radius:10px; margin-bottom:14px; }
  header.title h1{ font-size:18px !important; margin-bottom:10px !important; }
  header.title .meta{ gap:6px !important; }
  header.title .meta span,
  header.title .meta a{ font-size:11px !important; padding:3px 9px !important; }
  header.title::before{ width:160px;height:160px;top:-40px;right:-40px }
  header.title::after{ width:140px;height:140px;bottom:-50px;left:-20px }

  /* 章节 chip 改为单行横滑 */
  nav.tabs{ padding:8px 0 !important; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  nav.tabs::-webkit-scrollbar{ display:none }
  nav.tabs ul{ flex-wrap:nowrap !important; gap:6px !important; padding:0 2px; }
  nav.tabs ul li{ flex:none }
  nav.tabs a{ font-size:11.5px !important; padding:6px 11px !important; white-space:nowrap; }

  section.card{ padding:14px 14px 18px !important; margin-bottom:14px !important; border-radius:10px; }
  section.card h2{ font-size:15px !important; }
  section.card h2 .no{ width:22px !important;height:22px !important;font-size:11px !important; }
  section.card .sub{ font-size:11.5px !important; line-height:1.6; }
  section.card .actions{ float:none !important; margin:0 0 10px !important; text-align:right; margin-top:-4px !important; }

  /* KPI 紧凑化 */
  .kpis{ gap:8px !important; }
  .kpi{ padding:11px 12px !important; }
  .kpi .v{ font-size:18px !important; }
  .kpi .k,.kpi .d{ font-size:11px !important; }

  /* 口径说明卡收紧 */
  .nb{ padding:12px 14px !important; }
  .nb-head{ gap:6px !important;margin-bottom:8px !important; }
  .nb-title{ font-size:11px !important;letter-spacing:.14em !important; }
  .nb-lead{ font-size:12px !important;line-height:1.55 !important; }
  .nb-compare th,.nb-compare td{ padding:6px 8px !important; font-size:11px !important;line-height:1.5 !important; }
  .nb-compare tbody td:first-child{ width:28% !important;white-space:nowrap; }
  .nb-compare tbody td:nth-child(2),
  .nb-compare tbody td:nth-child(3){ word-break:break-word;white-space:normal }

  /* Pipeline 三点卡 手机端 */
  .pipeline-arc{ padding:14px 14px 16px !important;margin-bottom:16px !important; }
  .pipeline-arc .arc-head{ margin-bottom:10px !important; }
  .pipeline-arc .arc-head h3{ font-size:12.5px !important; }
  .pipeline-arc .arc-head .note{ font-size:10.5px !important;color:#8B6914 !important; }
  .arc-pt{ padding:12px 14px !important;border-radius:8px !important; }
  .arc-pt .when{ font-size:10px !important;letter-spacing:.12em !important; }
  .arc-pt .val{ font-size:19px !important;margin:4px 0 2px !important; }
  .arc-pt .sub{ font-size:11px !important;margin-bottom:6px !important;padding-bottom:6px;border-bottom:1px dashed var(--line,#E6E6E6); }
  .arc-pt .desc{ font-size:11.5px !important;line-height:1.6 !important; }
  .arc-pt .badge{ font-size:9.5px !important;padding:1px 8px !important;top:-9px !important; }
  .arc-arrow{ font-size:16px !important;padding:2px 0 !important; }
  .arc-arrow .lbl{ display:none !important; } /* 垂直箭头下省略小标签，节省高度 */

  /* 章节 chip 徽章手机紧凑 */
  nav.tabs a{ padding:5px 10px 5px 5px !important;gap:6px !important; }
  nav.tabs a .ch-no{ width:18px !important;height:18px !important;font-size:10px !important; }
  nav.tabs a .ch-txt{ font-size:11.5px; }
}

/* =============================================================
 * 03 财务看板 · 桌面端精细化 (Desktop Polish)
 * -------------------------------------------------------------
 * 选择器用 .wrap + .title / .nb / .kpis / .pipeline-arc 提高特异性
 * 无需 !important，依赖 polish.css 后加载覆盖 03 内嵌 style
 * ============================================================= */
@media (min-width:781px){
  /* ---------- Hero ---------- */
  .wrap header.title{
    padding:34px 40px 30px;border-radius:16px;margin-bottom:26px;
    padding-right:320px; /* 给右上角 site-nav 预留避让区 */
    min-height:148px;
    background:
      radial-gradient(1200px 500px at 20% 120%, rgba(184,138,58,.10), transparent 60%),
      linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);
  }
  .wrap header.title::before{ width:280px;height:280px;top:-80px;right:-80px;background:rgba(184,138,58,.10) }
  .wrap header.title::after{ display:none }
  .wrap header.title h1{
    font-size:28px;font-weight:600;letter-spacing:-.005em;margin:0 0 16px;
    line-height:1.25;
  }
  .wrap header.title .meta{ gap:8px;align-items:center }
  .wrap header.title .meta span,
  .wrap header.title .meta a{
    font-size:12px;padding:5px 13px;font-weight:500;letter-spacing:.04em;
    background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);
  }
  .wrap header.title .meta span.m-market{
    background:rgba(184,138,58,.14);border-color:rgba(184,138,58,.55);color:#E5C987;
  }
  @media (max-width:1100px){
    .wrap header.title{ padding-right:40px } /* site-nav 在宽屏才 270px，窄桌面回归 */
  }

  /* ---------- 窄桌面 / 平板（781–1100）专项修补 ---------- */
  @media (min-width:781px) and (max-width:1100px){
    /* site-nav 紧凑化，避免与 hero 标题重叠 */
    .site-nav{ padding:3px !important }
    .site-nav a{ padding:5px 11px !important;font-size:11.5px !important;letter-spacing:.02em !important }
    .site-nav a.en{ padding:5px 9px !important;font-size:10.5px !important;letter-spacing:.1em !important }
    .site-nav .sep{ height:12px !important;margin:0 1px !important }

    /* Hero 给顶部留白给 fixed site-nav */
    .wrap header.title{ padding:58px 24px 24px !important;min-height:auto }
    .wrap header.title h1{ font-size:22px;margin-bottom:12px }
    .wrap header.title .meta{ gap:6px }
    .wrap header.title .meta span,
    .wrap header.title .meta a{ font-size:11.5px;padding:4px 11px }

    /* KPI 六宫格数字收小一点，防止 3 列挤压 */
    .wrap .kpi .v{ font-size:22px }
    .wrap .kpi .v span{ font-size:12px }

    /* Pipeline 三点卡：箭头列收窄 */
    .wrap .arc-pt .val{ font-size:22px }
    .wrap .arc-pt{ padding:14px 14px 16px;min-height:auto }
  }

  /* ---------- 口径说明卡（Binary Narrative） ---------- */
  .wrap .nb{
    background:linear-gradient(135deg,#FEF9EC 0%,#FBF0D4 100%);
    border:1px solid #E8DAB1;border-left:4px solid #C8962C;
    padding:20px 26px 18px;margin:20px 0 24px;border-radius:10px;
    box-shadow:0 2px 8px rgba(139,105,20,.05);
  }
  .wrap .nb-head{
    flex-direction:column;align-items:flex-start;gap:6px;
    margin-bottom:14px;padding-bottom:12px;
    border-bottom:1px dashed rgba(139,105,20,.26);
  }
  .wrap .nb-title{
    font-size:10.5px;font-weight:800;letter-spacing:.2em;
    color:#8B6914;text-transform:uppercase;
  }
  .wrap .nb-lead{ font-size:13.5px;color:#2A2A2A;line-height:1.65 }
  .wrap .nb-lead strong{ color:#0E2A47;font-weight:650 }
  .wrap .nb-compare{ font-size:13px;margin-top:4px }
  .wrap .nb-compare thead th{
    font-size:10.5px;letter-spacing:.18em;padding:8px 12px;
    border-bottom:1.5px solid rgba(139,105,20,.35);
  }
  .wrap .nb-compare tbody td{ padding:10px 12px;vertical-align:top;line-height:1.55;word-break:break-word }
  .wrap .nb-compare tbody td:first-child{ color:#5A5A5A;font-weight:500;width:22%;white-space:nowrap }
  /* 只有 .num（数字金额）列才 nowrap，文本行允许自然换行避免右侧截断 */
  .wrap .nb-compare tbody td.num{ white-space:nowrap }
  .wrap .nb-compare .base{ color:#0E2A47;font-weight:700 }
  .wrap .nb-compare .stretch{ color:#8B6914;font-weight:700 }
  .wrap .nb-more{ margin-top:12px;font-size:12px }
  .wrap .nb-more summary{ padding:2px 0 }

  /* ---------- KPI 六宫格 ---------- */
  .wrap .kpis{ gap:14px;margin-bottom:26px }
  .wrap .kpi{
    padding:16px 18px 14px;border-radius:10px;
    border-top:3px solid var(--gold,#B88A3A);
    position:relative;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .wrap .kpi:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(14,42,71,.09) }
  .wrap .kpi .k{
    font-size:10.5px;letter-spacing:.16em;color:#8B6914;
    font-weight:700;text-transform:uppercase;
  }
  .wrap .kpi .v{
    font-size:25px;line-height:1.1;margin-top:8px;
    font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;
    font-weight:700;
  }
  .wrap .kpi .v span{
    font-size:13px;color:#8B6914;font-weight:600;margin-left:3px;
    letter-spacing:.01em;
  }
  .wrap .kpi .d{
    font-size:11px;color:#545454;margin-top:8px;letter-spacing:.03em;
    padding-top:8px;border-top:1px dashed var(--line,#E6E6E6);
  }

  /* ---------- Pipeline 三点趋势 ---------- */
  .wrap .pipeline-arc{
    background:linear-gradient(135deg,#FCFAF2 0%,#F7EFD8 100%);
    padding:20px 26px 24px;border-radius:12px;
    border:1px solid #E8DEC2;border-left:4px solid var(--gold,#B88A3A);
    box-shadow:0 2px 10px rgba(139,105,20,.05);
  }
  .wrap .pipeline-arc .arc-head{
    padding-bottom:14px;margin-bottom:16px;
    border-bottom:1px dashed rgba(184,138,58,.3);
    align-items:baseline;
  }
  .wrap .pipeline-arc .arc-head h3{
    font-size:13px;letter-spacing:.04em;font-weight:700;color:#8B6914;
  }
  .wrap .pipeline-arc .arc-head .note{
    font-size:11.5px;color:#7A7A7A;letter-spacing:.02em;
  }
  .wrap .arc-pt{
    border-radius:8px;padding:16px 18px 18px;min-height:130px;
    box-shadow:0 2px 10px rgba(14,42,71,.05);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .wrap .arc-pt:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(14,42,71,.09) }
  .wrap .arc-pt .when{
    font-size:10.5px;letter-spacing:.16em;color:#5A5A5A;
    font-weight:700;text-transform:uppercase;
  }
  .wrap .arc-pt .val{
    font-size:26px;line-height:1.1;margin:6px 0 4px;
    font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;font-weight:700;
  }
  .wrap .arc-pt .sub{
    font-size:12px;color:#444;margin-bottom:10px;line-height:1.5;
    padding-bottom:10px;border-bottom:1px dashed var(--line,#E6E6E6);
  }
  .wrap .arc-pt .desc{ font-size:12.5px;color:#2A2A2A;line-height:1.65 }
  .wrap .arc-pt .badge{
    font-size:10px;padding:2px 10px;letter-spacing:.14em;
    font-weight:800;top:-11px;
  }
  .wrap .arc-arrow{
    color:rgba(184,138,58,.75);font-size:30px;font-weight:200;
    line-height:1;display:flex;flex-direction:column;align-items:center;gap:4px;
  }
  .wrap .arc-arrow .lbl{
    font-size:10px;color:#7A7A7A;letter-spacing:.16em;
    text-transform:uppercase;margin-top:0;
  }

  /* ---------- 章节索引条 · 桌面交互态（Desktop） ---------- */
  .wrap nav.tabs{
    padding:12px 14px;margin:6px 0 24px;
    background:linear-gradient(180deg,rgba(250,247,242,.98) 0%,rgba(244,241,234,.96) 100%);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border:1px solid #E8DEC2;border-left:3px solid var(--gold,#B88A3A);
    border-radius:10px;
    box-shadow:0 2px 10px rgba(14,42,71,.05);
  }
  .wrap nav.tabs ul{
    display:flex;flex-wrap:nowrap;gap:6px;
    align-items:stretch;justify-content:space-between;
  }
  .wrap nav.tabs li{ flex:1 1 0;min-width:0 }
  .wrap nav.tabs a{
    width:100%;justify-content:flex-start;
    background:#fff;border:1px solid #E6E6E6;
    box-shadow:0 1px 2px rgba(14,42,71,.04);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  }
  .wrap nav.tabs a:hover{
    background:var(--navy,#0E2A47);color:#fff;border-color:var(--navy,#0E2A47);
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(14,42,71,.22);
  }
  .wrap nav.tabs a:hover .ch-no{
    background:linear-gradient(135deg,#D4A646,var(--gold,#B88A3A));
    color:var(--navy,#0E2A47);
  }
  .wrap nav.tabs a.active,
  .wrap nav.tabs a[aria-current="true"]{
    background:linear-gradient(135deg,var(--gold,#B88A3A),#D4A646);
    color:#fff;border-color:var(--gold,#B88A3A);
    box-shadow:0 4px 12px rgba(184,138,58,.28);
  }
  .wrap nav.tabs a.active .ch-no,
  .wrap nav.tabs a[aria-current="true"] .ch-no{
    background:#fff;color:var(--gold,#B88A3A);
  }
  /* 较窄桌面（< 1180px）允许换行，保持 4×2 等分视觉 */
  @media (max-width:1180px){
    .wrap nav.tabs ul{ flex-wrap:wrap }
    .wrap nav.tabs li{ flex:1 1 calc(25% - 6px) }
  }

  /* ---------- section.card 收尾 ---------- */
  .wrap section.card{
    border-radius:12px;padding:22px 26px 26px;
    box-shadow:0 2px 12px rgba(14,42,71,.04);
    border:1px solid var(--line,#E6E6E6);
  }
  .wrap section.card h2{ font-size:18px;margin-bottom:6px;letter-spacing:-.005em }
  .wrap section.card h2 .no{
    width:28px;height:28px;font-size:13px;font-weight:700;
    background:linear-gradient(135deg,var(--navy,#0E2A47),var(--navy2,#1A3E64));
  }
  .wrap section.card .sub{ font-size:13px;color:#545454;margin-bottom:18px }
  .wrap section.card .actions a{
    padding:5px 14px;font-size:11.5px;font-weight:600;letter-spacing:.08em;
  }
}

/* =============================================================
 * 平板 / 窄桌面断点（781–1100px）
 * -------------------------------------------------------------
 * · site-nav 紧凑化（避免 6 tab 挤压到 hero 文字上）
 * · 03 看板 Hero / KPI / Pipeline 平板适配
 * ============================================================= */
@media (min-width:781px) and (max-width:1100px){
  /* site-nav 紧凑 */
  .site-nav{ padding:3px !important; }
  .site-nav a{ padding:6px 10px !important;font-size:11.5px !important;letter-spacing:.02em !important; }
  .site-nav a.en{ font-size:10.5px !important;padding:6px 9px !important;letter-spacing:.14em !important; }
  .site-nav .sep{ margin:0 1px !important; }

  /* 03 看板 · Hero 紧凑 */
  .wrap header.title{ padding:24px 26px 22px !important;padding-right:26px !important;min-height:auto !important; }
  .wrap header.title h1{ font-size:22px !important;margin-bottom:12px !important; }
  .wrap header.title .meta{ gap:6px !important; }
  .wrap header.title .meta span,
  .wrap header.title .meta a{ font-size:11.5px !important;padding:4px 11px !important; }

  /* Pipeline 三点卡内部字号收紧 */
  .wrap .arc-pt .val{ font-size:22px !important; }
  .wrap .arc-pt .desc{ font-size:11.5px !important; }

  /* 口径说明 Stretch 列允许换行（前面已通过 min-width:1101 限定 nowrap） */
}

/* =============================================================
 * 01 Business Case EN · Hero 封面 & Contents 目录 · 精修
 * -------------------------------------------------------------
 * · CONFIDENTIAL badge 瘦身成胶囊标签
 * · YUJ × CO.A × DN tag 字距收敛
 * · meta 行破折号换金色短横（dash-icon）· 改为双列网格
 * · 中文版链接变为金边胶囊按钮
 * · Contents 目录 10 项改为金色 chip 网格，隐藏 · 分隔符
 * ============================================================= */

/* --- Hero badge 精修 --- */
.hero .badge{
  padding:5px 14px;
  font-size:11px;letter-spacing:.18em;
  border-radius:999px;
  border:1px solid rgba(210,164,90,.55);
  color:#D2A45A;
  background:rgba(210,164,90,.06);
  margin-bottom:22px;
  font-weight:500;
}

/* --- Tag & H1 & Sub --- */
.hero .tag{
  font-size:14px;letter-spacing:.22em;font-weight:600;
  color:#D2A45A;margin-bottom:14px;
}
.hero h1{ font-weight:300;letter-spacing:-.015em;margin-bottom:14px }
.hero p.sub{ font-size:16.5px;line-height:1.6;max-width:720px }

/* --- Meta 行 · 双列网格 + 金色短横前缀 --- */
.hero .meta{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 32px;margin-top:32px;padding-top:22px;
  border-top:1px solid rgba(210,164,90,.22);
  max-width:720px;
}
.hero .meta span{
  font-size:11.5px;letter-spacing:.14em;
  color:rgba(255,255,255,.72);
  display:inline-flex;align-items:center;gap:12px;
}
.hero .meta span::before{
  content:"";display:inline-block;
  width:20px;height:1.5px;background:#D2A45A;
  margin-right:0;flex-shrink:0;
}
/* 中文版链接：金边胶囊按钮，独立视觉 */
.hero .meta span:last-child{ color:#D2A45A;font-weight:600 }
.hero .meta span:last-child::before{ display:none }
.hero .meta span:last-child a{
  color:inherit !important;text-decoration:none;
  padding:5px 14px;border:1px solid rgba(210,164,90,.55);
  border-radius:999px;letter-spacing:.12em;
  background:rgba(210,164,90,.06);
  transition:all .2s ease;
}
.hero .meta span:last-child a:hover{
  background:var(--gold,#B88A3A);color:#fff !important;
  border-color:var(--gold,#B88A3A);
}

/* --- Contents 目录 · 金色 chip 网格 --- */
.wrap .toc{
  display:flex;flex-wrap:wrap;gap:8px 10px;
  padding:22px 28px;margin-bottom:40px;
  background:#fff;border-left:3px solid var(--gold,#B88A3A);
  border-radius:10px;
  box-shadow:0 2px 10px rgba(14,42,71,.04);
  font-size:0; /* 隐藏 HTML 里的 " · " 文本节点 */
}
.wrap .toc strong{
  width:100%;display:block;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:#8B6914;margin:0 0 10px;
  padding-bottom:10px;
  border-bottom:1px dashed rgba(184,138,58,.3);
}
.wrap .toc > a{
  font-size:13px;font-weight:500;letter-spacing:.01em;
  padding:7px 14px;border:1px solid #E6E6E6;border-radius:8px;
  color:var(--navy,#0E2A47);text-decoration:none;
  box-shadow:0 1px 2px rgba(14,42,71,.04);
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.wrap .toc > a:hover{
  background:var(--navy,#0E2A47);color:#fff;
  border-color:var(--navy,#0E2A47);
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(14,42,71,.2);
}

/* --- 移动端（<= 780px）封面收紧 --- */
@media (max-width:780px){
  .hero{ padding:40px 20px 34px !important }
  .hero .badge{ font-size:10px !important;padding:4px 11px !important;letter-spacing:.16em !important;margin-bottom:18px !important }
  .hero .tag{ font-size:12px !important;letter-spacing:.2em !important;margin-bottom:10px !important }
  .hero h1{ font-size:26px !important;line-height:1.2 !important;margin-bottom:12px !important }
  .hero p.sub{ font-size:13.5px !important;line-height:1.6 !important }
  .hero .meta{
    grid-template-columns:1fr !important;
    gap:10px !important;margin-top:22px !important;padding-top:16px !important;
  }
  .hero .meta span{ font-size:10.5px !important;letter-spacing:.12em !important;gap:10px !important }
  .hero .meta span::before{ width:16px !important }

  .wrap .toc{
    padding:16px 16px 14px !important;
    border-radius:8px !important;margin-bottom:26px !important;
  }
  .wrap .toc strong{ font-size:10.5px !important;letter-spacing:.2em !important;margin-bottom:8px !important;padding-bottom:8px !important }
  .wrap .toc > a{ font-size:12px !important;padding:6px 11px !important }
}