/* ============================================================
 * 获客大王 V2 · _ Design System v1.2 · token 重定
 * 立: 2026-05-29 沙僧 · 盘古钦定 4 色 + 浅蓝栏 + Logo + 形象人
 * 凤凰意见参考 · 主审 = 盘古
 * T-062 候 5/29 凤凰意见后微调
 * ============================================================ */

:root {

  /* ─────────── 4 屏色调(landing 4 屏情绪递进 · 配 4 图)─────────── */
  /* 屏 1 · 出租屋深夜 · 90% 深黑 + 冷蓝 · CTA 暖琥珀(T-058a 5/29) */
  --c1-bg-a:        #0a0d14;  /* 深黑 */
  --c1-bg-b:        #162030;  /* 冷蓝(渐变下) */
  --c1-cta:         #FBBF24;  /* 暖琥珀 · 盘古 5/29 钦定 a */
  --c1-cta-h:       #e0a510;  /* hover */
  --c1-cta-shadow:  rgba(251,191,36,.45);

  /* 屏 2 · 工作室白板 · 灰白 + 暖黄 · CTA 暖橙 */
  --c2-bg-a:        #f4f1ea;
  --c2-bg-b:        #e8dfc8;
  --c2-cta:         #F39C12;
  --c2-cta-h:       #d88a0a;
  --c2-cta-shadow:  rgba(243,156,18,.4);

  /* 屏 3 · 小办公室茶具 · 暖棕 + 自然光 · CTA 朱砂红棕(T-058b 5/29) */
  --c3-bg-a:        #3a2820;
  --c3-bg-b:        #5c4133;
  --c3-cta:         #A0522D;  /* 朱砂红棕 · 凤凰意见 · 配茶具质感 */
  --c3-cta-h:       #7a3e21;
  --c3-cta-shadow:  rgba(160,82,45,.45);

  /* 屏 4 · 大办公室金色 · 明亮 + 金色 · CTA 红金渐变 */
  --c4-bg-a:        #fef8e8;
  --c4-bg-b:        #f5e8b8;
  --c4-cta-from:    #c41e3a;  /* 帝王红 */
  --c4-cta-to:      #d4a017;  /* 金 */
  --c4-cta-shadow:  rgba(196,30,58,.45);

  /* ─────────── 浅蓝栏(T-059 · 永驻 landing + chat · SSE mood)─────────── */
  --bar-blue-bg:    #E0F2FE;  /* 浅蓝底 */
  --bar-blue-ink:   #1E40AF;  /* 深蓝字 */
  --bar-blue-h:     40px;     /* 高 · 跟红横幅 44px 区分 */

  /* ─────────── 红横幅(独立 · 永驻)─────────── */
  --banner-red-bg:  #7c2d2e;
  --banner-red-ink: #ffffff;
  --banner-h:       44px;

  /* ─────────── Logo a 楷体(T-060 · 候盘古选字体)─────────── */
  --logo-font:      'Noto Serif SC', 'Songti SC', 'STSong', serif;
  /* 候选(候盘古钦定):
   * - 思源宋体(Noto Serif SC · 最现成)
   * - 站酷文艺
   * - 方正字研楷体
   */
  --logo-color:     #1a1a1f;
  --logo-color-on-dark: #f4f4f4;
  --logo-accent:    #FBBF24;  /* favicon 单字 "王" 琥珀 */

  /* ─────────── 形象人 b 7 状态(T-061 · 辅色)─────────── */
  --dawang-card-bg:    #f4f1ea;  /* 灰底卡 */
  --dawang-stroke:     #1a1a1f;  /* 主笔触 */
  --dawang-accent:     #FBBF24;  /* 琥珀点缀(云纹) */
  --dawang-card-size:  140px;

  /* ─────────── 通用 token ─────────── */
  --bg:             #fafaf8;
  --w:              #ffffff;
  --ink:            #1a1a1f;
  --ink2:           #5c5c66;
  --ink3:           #9a9aa3;
  --line:           #e8e4dc;
  --red:            #7c2d2e;
  --red-d:          #5c1f20;
  --gold:           #c9a961;
  --gold-d:         #a08545;
  --green:          #3d6b3d;

  --serif:          'Noto Serif SC','Songti SC',Georgia,serif;
  --sans:           'Noto Sans SC','PingFang SC',-apple-system,sans-serif;
  --mono:           'Monaco','SF Mono',monospace;
}

/* ─────────── 浅蓝栏组件类(T-059) ─────────── */
.bar-blue {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--bar-blue-h);
  background: var(--bar-blue-bg);
  color: var(--bar-blue-ink);
  font-family: var(--mono);
  font-size: 12px;
  padding: 8px 20px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(30,64,175,.1);
}
.bar-blue .mood-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bar-blue-ink);
  animation: bar-blue-pulse 1.4s infinite;
  flex-shrink: 0;
}
@keyframes bar-blue-pulse {
  0%,100% { opacity: 1; }
  50%     { opacity: .35; }
}
.bar-blue .mood-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .25s;
}

/* ─────────── 修订史 ─────────── */
/* v1.2 2026-05-29 沙僧 立 · 盘古钦定 4 色 + 浅蓝栏 + Logo a + 形象人 b 辅色 */