/* ==========================================================================
   九识智能 · 网页版企业介绍  ——  设计系统
   所有页面共用。坐标基准 960 × 540（16:9），1px = 1pt。
   ========================================================================== */

/* ---------- 字体：思源黑体子集，离线可用 ---------- */
@font-face{font-family:'ZH';src:url('font-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'ZH';src:url('font-700.woff2') format('woff2');font-weight:700;font-display:block}

/* ---------- 设计令牌 ---------- */
:root{
  /* 主色 */
  --teal-50:#EAFBFC;
  --teal-100:#CFF4F7;
  --teal-200:#A6EBF0;
  --teal-300:#5FD9E3;
  --teal-400:#22C8D4;
  --teal-500:#00C5D2;   /* 品牌青 */
  --teal-600:#00A9B8;
  --teal-700:#008896;
  --teal-800:#006369;   /* 深青（正文强调） */
  --teal-900:#004A4F;

  /* 中性 */
  --ink-900:#1E2A31;
  --ink-700:#3A4A54;
  --ink-600:#5B6B75;
  --ink-500:#7E8C96;
  --ink-300:#B6C2CB;
  --ink-200:#D9E2E9;
  --ink-100:#EDF2F6;

  /* 背景 */
  --bg-page:#F2F8FF;
  --bg-card:#FFFFFF;
  --bg-tint:#F7FBFE;

  /* 投影 */
  --sh-1:0 1px 2px rgba(0,60,80,.05);
  --sh-2:0 2px 8px rgba(0,60,80,.07);
  --sh-3:0 6px 20px rgba(0,60,80,.10);
  --sh-4:0 12px 32px rgba(0,60,80,.14);

  /* 圆角 */
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:22px;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  background:#0B1015;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  font-family:'ZH','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- 舞台：等比缩放 ---------- */
#stage{
  position:relative;
  width:960px;height:540px;
  flex:0 0 auto;
  transform:scale(var(--s,1));
  transform-origin:center center;
  background:var(--bg-page);
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.slide{position:absolute;inset:0;overflow:hidden}
.slide > *{position:absolute}

/* ---------- 标题区 ---------- */
.hd{left:44px;top:16px;height:46px;display:flex;align-items:center;gap:12px}
.hd .bar{
  width:6px;height:26px;border-radius:3px;flex:0 0 auto;
  background:linear-gradient(180deg,var(--teal-400),var(--teal-600));
}
.hd h1{
  font-size:23px;font-weight:700;letter-spacing:.4px;
  color:var(--ink-900);white-space:nowrap;line-height:1.15;
}
.hd.light h1{color:#fff;text-shadow:0 1px 6px rgba(0,50,60,.28)}
.hd.light .bar{background:linear-gradient(180deg,#8AE8EF,#2BBFCB)}

.logo{left:868px;top:22px;width:66px;height:28px;object-fit:contain}

/* ---------- 卡片 ---------- */
.card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--sh-3)}

/* ---------- 底部信息条 ---------- */
.bar-full{left:0;width:960px;height:38px;
  background:linear-gradient(90deg,var(--teal-600) 0%,var(--teal-500) 22%,var(--teal-400) 60%,var(--teal-500) 100%);
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.bar-full .txt{font-size:17.5px;color:#fff;letter-spacing:.6px}

/* 脚注 */
.footnote{left:36px;font-size:8px;line-height:12px;color:var(--ink-300);letter-spacing:.15px}

/* ---------- 通用文本 ---------- */
.nowrap{white-space:nowrap}