/* ============================================================
   桥云品牌组件样式 brand.css v1.7-云版（2026-09-08 桥程-14）
   对齐基准：网站设计/v5_旗舰版/brand/brand.css v1.7（崔杨 2026-08-24 定：品牌色旧蓝红）
   依据：《桥云品牌与视觉设计统一规则 v1.2》

   版式A：图形商标左 ＋ 文字右，中英文并排，文字=图形×0.618
   字重：英文 600 ／ 中文 500（与 v1.7 一致；旧版 800/900 已废止）
   色板（旧蓝红）：深底 #0A1F36 · 主深蓝 #1B3A5C · 品牌红 #E53E3E

   本版变更（桥程-14）：
   1) 字重由 800/900 改为 600/500；
   2) 文字商标分色：英文 BridgeCloud 旧蓝渐变（#0A1F36→#1B3A5C，fallback #1B3A5C），
      中文「桥云」品牌红纯色 #E53E3E 不渐变（旧版中英文同深蓝／全白，已废止）；
   3) 字体由 17MB OTF 自托管改为系统字体栈（零下载；政务内网/3M 带宽场景），
      fonts/ 下 Inter.ttf 与 NotoSansCJKsc-*.otf 已移出部署（备份见桥程-14 目录）；
   4) 删除 header .brand .mark 的「全深蓝」覆盖与 .login-brand 的 800/900 深蓝复刻，
      云版全部页面共用同一 .mark 规则，页面间不再出现蓝色/白色文字商标差异；
   5) 兼容保留 .brand-txt 结构（审批页历史写法），对其 .en/.cn 施加与 .mark 相同规则。
   ============================================================ */

:root {
  /* 系统字体栈（零下载；思源/苹方/鸿蒙/雅黑依系统可用顺序回落） */
  --brand-font-en: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --brand-font-cn: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
                   "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;

  /* 图形商标尺寸：页面使用处改此变量即可（40px 页头 / 58px 登录首屏）
     文字字号 = 当前图形尺寸 × 0.618，随图形同步缩放 */
  --brand-graphic-size: 40px;

  /* ===== 品牌色（旧蓝红，崔杨 2026-08-24 定） ===== */
  --brand-blue-grad: linear-gradient(135deg, #0A1F36 0%, #1B3A5C 100%);
  --brand-en-fallback: #1B3A5C;  /* 主深蓝（英文渐变不支持时的纯色） */
  --brand-cn-fallback: #E53E3E;  /* 品牌红（中文恒为纯色，不渐变） */
}

/* 图形 + 文字 组合（版式A） */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  text-decoration: none;
  color: var(--c-ink, #1a2733);
  white-space: nowrap;
}
.brand .graphic {
  height: var(--brand-graphic-size);
  width: var(--brand-graphic-size);
  min-height: var(--brand-graphic-size);
  min-width: var(--brand-graphic-size);
  border-radius: 8px;
  overflow: hidden;
  flex: none;
}
.brand .graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 0;
}

/* 中英文并排（同一水平线，baseline 对齐）
   文字字号 = 当前图形尺寸 × 0.618 */
.brand .mark,
.mark {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--brand-font-en);
  font-weight: 600;
  font-size: calc(var(--brand-graphic-size) * 0.618);
  letter-spacing: -0.01em;
  line-height: 1.25; /* 容纳英文 descender */
}

/* 英文 BridgeCloud：纯色 fallback（默认可见） */
.mark .en {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: 1.25;
  color: var(--brand-en-fallback);
}
/* 中文「桥云」：品牌红纯色 500，不渐变 */
.mark .cn {
  font-family: var(--brand-font-cn);
  font-weight: 500;
  margin-left: 0.35em;
  letter-spacing: 0;
  font-feature-settings: "palt" off;
  line-height: 1.25;
  color: var(--brand-cn-fallback);
}

/* 仅英文启用旧蓝渐变（background-clip:text）；
   不支持时（部分手机 WebKit / 微信内置浏览器）保持纯色 #1B3A5C；
   中文恒为纯色 #E53E3E，不参与渐变 */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .mark .en {
    background: var(--brand-blue-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

/* ===== 兼容：审批中心/审批详情历史结构 .brand-txt =====
   与 .mark 施加完全相同规则（英文蓝 / 中文红、600/500），
   避免页面间出现全深蓝或全白的文字商标差异。 */
.brand-txt {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--brand-font-en);
  font-weight: 600;
  font-size: calc(var(--brand-graphic-size) * 0.618);
  line-height: 1.25;
  white-space: nowrap;
  letter-spacing: -0.01em;
}
.brand-txt .en {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: 1.25;
  color: var(--brand-en-fallback);
}
.brand-txt .cn {
  font-family: var(--brand-font-cn);
  font-weight: 500;
  margin-left: 0.35em;
  letter-spacing: 0;
  line-height: 1.25;
  color: var(--brand-cn-fallback);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .brand-txt .en {
    background: var(--brand-blue-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

/* 登录页品牌区（.login-brand，58px 图形 → 35.8px 文字）
   与页头共用同一规则，不再复刻 800/900 深蓝 */
.login-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
}
.login-brand .graphic {
  height: var(--brand-graphic-size, 58px);
  width: var(--brand-graphic-size, 58px);
  border-radius: 8px;
  overflow: hidden;
  flex: none;
}
.login-brand .graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.login-brand .mark {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--brand-font-en);
  font-weight: 600;
  font-size: calc(var(--brand-graphic-size, 58px) * 0.618);
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.login-brand .mark .en { color: var(--brand-en-fallback); }
.login-brand .mark .cn {
  font-family: var(--brand-font-cn);
  font-weight: 500;
  margin-left: 0.35em;
  color: var(--brand-cn-fallback);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .login-brand .mark .en {
    background: var(--brand-blue-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

/* 页头图形商标：白底/浅灰底（#EDEFF3）统一浅阴影，不加白色描边（桥码-56 阶段A 结论保留） */
header .brand .graphic {
  border: none;
  box-shadow: 0 1px 6px rgba(10, 31, 54, .18);
}