/* ============================================================
 * emerald 主题 - 设计变量与全局基调
 * 风格：企业级中后台 / 墨绿主色 / 紧凑圆角 4px
 * ============================================================ */
:root {
  /* 主色：墨绿系 */
  --em-primary: #0F7B6C;
  --em-primary-hover: #0D6B5E;
  --em-primary-active: #0A5F53;
  --em-primary-deep: #0B3B33;      /* 深墨绿：深色区块 */
  --em-primary-bg: #EAF4F1;        /* 主色浅底 */

  /* 文字 */
  --em-ink-1: #17211F;             /* 主文字 */
  --em-ink-2: #46534F;             /* 次要文字 */
  --em-ink-3: #8A9692;             /* 辅助文字 */

  /* 背景与线条 */
  --em-bg: #F6F8F7;                /* 页面浅灰底 */
  --em-card: #FFFFFF;
  --em-line: #E3E9E7;
  --em-hero-bg: #0A2723;           /* 首屏深色底 */

  /* 紧凑圆角与阴影 */
  --em-radius: 4px;
  --em-shadow: 0 2px 8px rgba(15, 123, 108, .06), 0 8px 24px rgba(23, 33, 31, .06);
  --em-shadow-hover: 0 4px 12px rgba(15, 123, 108, .10), 0 12px 32px rgba(23, 33, 31, .10);

  --em-nav-h: 64px;
  --em-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

body {
  font-family: var(--em-font);
  font-size: 14px;
  line-height: 1.6;
  color: var(--em-ink-1);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  padding-top: var(--em-nav-h);    /* 固定导航占位 */
}

/* 首屏透明导航的页面：不预留导航高度，由首屏自行承接 */
body[data-nav="transparent"] { padding-top: 0; }

::selection { background: var(--em-primary); color: #fff; }