/* site.css — askzheng.com 跨页地基（设计令牌 + 基础 reset + 站点品牌头）。
   所有页面在自己的 <style> 之前 <link> 本文件，页内样式可按需覆盖。
   仅放「跨页同形、不冲突」的部分；各模块专有件（卡片/列表/抽屉等）留在各页。
   新增 www 模块页：link 本文件即可获得统一令牌与 .brand 头，无需再抄一份调色板。 */

:root {
  color-scheme: light;

  /* 中性底色与文字 */
  --bg: #faf9f5;
  --bg-2: #f0eee6;
  --card: #ffffff;
  --ink: #1f1e1d;
  --ink-soft: #5f5b53;
  --muted-text: #8c887e;
  --muted: #8c887e; /* news.html 历史命名别名，与 --muted-text 同值 */
  --line: rgba(20, 19, 17, 0.08);
  --line-2: rgba(20, 19, 17, 0.14);

  /* 品牌主色 */
  --accent: #d97757;
  --accent-soft: #f4e0d6;

  /* 财经日历：即将发生 / 已落地 */
  --up: #c98a2b;
  --up-soft: #f6ecd6;
  --land: #4a8a5c;
  --land-soft: #e2f0e6;

  /* 量化分析：青蓝 */
  --quant: #2f8f9d;
  --quant-soft: #d9eef1;

  /* 网源精炼：源站标识色（饱和原色，仅留作图形点缀；文字标签用下方淡底深字对） */
  --bili: #fb7299;
  --web: #4f8a5b;
  --wechat: #07c160;
  --ytb: #d33;
  /* 源站标签：淡底深字（去饱和，正式感） */
  --bili-ink: #ab4f6e;   --bili-soft: #f7e7ed;
  --web-ink: #467950;    --web-soft: #e7efe9;
  --wechat-ink: #34815a; --wechat-soft: #e4f1ea;
  --ytb-ink: #a8453e;    --ytb-soft: #f6e6e4;
  --x-ink: #3f4652;      --x-soft: #e8eaee;

  /* 资讯简报：利好红 / 利空绿 / 信号紫 */
  --good: #b23b3b;
  --good-bg: #f6e0de;
  --bad: #3f7d52;
  --bad-bg: #e2f0e6;
  --sig: #7a5cc4;
  --sig-bg: #ece5f7;

  --shadow: 0 1px 2px rgba(35, 33, 30, 0.04), 0 8px 24px rgba(35, 33, 30, 0.05);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

/* ── 站点品牌头（logo 标记 + Zheng's Hub 字标 + 副标题），各页统一 ── */
.brand { display: flex; align-items: center; gap: 10px; }
.brand a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.brand-mark { height: 30px; width: auto; flex: 0 0 auto; display: block; }
.brand h1 {
  margin: 0; font-size: 21px; font-weight: 600; letter-spacing: 0.01em;
  font-family: Georgia, "Times New Roman", "Songti SC", serif;
}
.brand .spark { color: inherit; }
.brand h1 { white-space: nowrap; }
.brand p { margin: 0; font-size: 13px; color: var(--muted-text); }

/* 窄屏：让顶栏按钮整行下移，字标不折行，副标题落到第二行整行显示 */
@media (max-width: 560px) {
  header.topbar, .top { flex-wrap: wrap; }
  .brand { flex-wrap: wrap; row-gap: 1px; }
  .brand p { flex-basis: 100%; margin-top: -1px; }
}