/* Holy AI — 设计令牌与共享外壳。官网(/)、老板端(/app)、运营台(/platform) 的唯一真源。
   三个面都先 link 这个文件，再 link 各自的面级样式。改主色、字体栈、顶栏高度只改这里；
   任何一个面再写一份自己的 :root 令牌都算回归——那正是三个壳漂移开的原因。
   CSP 是 style-src 'self'，所以没有外链字体，全部走本机字体栈。 */
:root {
  --font-sans: "Geist", Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;

  /* 墨色与纸面 */
  --ink: #212121;
  --ink-2: #525252;
  --muted: #838383;
  --faint: #a3a3a3;
  --line: #e5e5e5;
  --line-soft: #ededed;
  --paper: #f7f7f5;
  --card: #ffffff;
  --dark: #161616;

  /* 糖果强调色：克制使用 */
  --lime: #d1f48c;
  --lime-ink: #3d5c10;
  --lime-bg: #f2fbdd;
  --pink: #ffb8fc;
  --pink-ink: #8f3a88;
  --pink-bg: #ffeffe;
  --sky: #c3dbff;
  --sky-ink: #2b5390;
  --sky-bg: #eef5ff;

  /* 状态色 */
  --green: #1d7a4f;
  --green-bg: #e9f6ef;
  --amber: #93610b;
  --amber-bg: #fdf3dc;
  --red: #d40c1a;
  --red-bg: #fdeeee;

  /* 外壳几何：三个面共用同一套，顶栏高度不再一面一个数 */
  --header-h: 56px;
  --rail-w: 56px;
  --chrome-bg: #ffffff;
  --chrome-rail: #fafafa;

  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
}

/* ---------- 共享 reset：三个面之前各抄一份，现在只有这一份 ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; }
button, input, textarea, select { font: inherit; }
button, a { cursor: pointer; transition: .16s ease; }
a { color: inherit; text-decoration: none; }
img { display: block; }
.hidden { display: none !important; }

/* ---------- 共享顶栏骨架 ---------- */
/* 官网 .site-header、老板端 .header、运营台 .ops-header 都从这里起步，
   各自只补自己那点差异（毛玻璃、rail 对齐、留白），不再各写一套几何。 */
.shell-header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: var(--header-h);
  min-height: var(--header-h);
  border-bottom: 1px solid var(--line);
  background: var(--chrome-bg);
}

/* ---------- 共享品牌块 ---------- */
/* 之前官网是 14px/.08em 无描边、老板端是 13px/.07em 有 lime 描边，两个 logo 长得不一样。
   现在同一个 mark 尺寸、同一道 lime 描边、同一组字号字距——改这里三个面一起变。 */
.shell-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .07em;
  text-decoration: none;
  flex: 0 0 auto;
}
.shell-brand:hover { opacity: .88; }
.shell-brand-mark {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: cover;
  flex: 0 0 auto;
  box-shadow: 0 0 0 2px var(--lime);
  background: var(--ink);
}
.shell-brand-text { white-space: nowrap; }
.shell-brand b { font-weight: 700; }

/* ---------- 共享跨面出口 ---------- */
/* 三个面互达：官网 ⇄ 老板端；运营台 → 老板端、官网。
   老板端绝不反向链到运营台——那是运营方专用面，客户不该知道它存在。 */
.shell-exit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--card);
  color: var(--ink-2);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.shell-exit:hover { color: var(--ink); border-color: var(--faint); }