/* ============================================================
   灵霖鑫塔商城 · 统一设计 Tokens v2.0
   设计原则：墨阶 + 统一品牌深蓝为基底（双商城共用），
   仅在「小面积强调」上区分双商城（臻礼集·暖金 / 百货集·暖橙）。
   字体：思源宋体标题（时尚优雅）+ 苹方正文 + Inter 数字。
   实现：仅改 :root token 值即可完成整站换轨，不破坏任何类名。
   ============================================================ */
:root {
  /* === 墨阶（统一文字与边框基底） === */
  --ink: #1B1E24;             /* 近黑 · 标题/正文 */
  --ink-soft: #5B6473;        /* 次级文字 */
  --ink-300: #9AA3B2;         /* 占位/弱提示 */
  --line: #E5E8ED;            /* 分隔线 冷灰 */
  --ivory: #F7F8FA;           /* 冷白 · 背景 */
  --ivory-2: #EEF1F5;         /* 次级背景 */

  /* === 统一品牌主色（双商城共用）：沉稳深海军蓝 === */
  --gold: #1B3A8B;            /* 品牌主色 / 价格高亮 / 主按钮 / 标题强调 */
  --gold-deep: #102763;       /* hover/按压 */
  --gold-soft: rgba(27, 58, 139, .10);
  --gold-line: rgba(27, 58, 139, .22);
  --rose: #3B6FE0;            /* 次蓝 · 渐变副色 / 标签 */
  --rose-deep: #2A52B8;
  --wine: #C0362B;            /* 警示红 · 缺货/低于成本（状态色，独立品牌色） */

  /* === 双商城强调色（仅小面积使用，制造气质差异） === */
  --accent-zhen: #B8862B;     /* 臻礼集 · 暖金（小面积点缀/徽章） */
  --market: #D2691E;          /* 百货集 · 暖橙（主色强调） */
  --market-deep: #B5530F;     /* 百货集 hover/按压 */
  --market-soft: rgba(210, 105, 30, .10);
  --market-line: rgba(210, 105, 30, .22);

  /* === 统一卡片网格：响应式列宽，避免固定列在窄屏被拉爆 === */
  --card-min: 220px;          /* 单列最小宽度（统一后略放大，更舒展） */
  --grid-gap: 20px;
  --thumb-ratio: 4 / 5;       /* 全站统一卡片主图比例（优雅修长，双商城一致） */
  --thumb-ratio-market: 4 / 5;

  /* === 渐变 / 光晕 / 玻璃（双商城各自一套，靠 .mall-market 翻面） === */
  --grad-brand: linear-gradient(120deg, #1B3A8B 0%, #3B6FE0 58%, #6B4BFF 100%);   /* 臻礼集：深蓝→蓝→紫 极光 */
  --grad-market: linear-gradient(120deg, #D2691E 0%, #E0913A 50%, #C0362B 100%);  /* 百货集：橙→琥珀→暖红 */
  --glow-brand: 0 18px 48px rgba(27, 58, 139, .26);
  --glow-market: 0 18px 48px rgba(210, 105, 30, .28);
  --glass-bg: rgba(255, 255, 255, .72);
  --glass-brd: rgba(255, 255, 255, .55);
  --accent-glow: var(--gold-soft);   /* 被 .mall-market 覆盖为橙色 */
  --accent-line: var(--gold-line);
  --accent-deep: var(--gold-deep);

  /* === 圆角（统一） === */
  --radius: 10px;
  --radius-lg: 16px;

  /* === 阴影（统一三层） === */
  --shadow-sm: 0 1px 2px rgba(15, 17, 21, .04);
  --shadow-md: 0 8px 24px rgba(15, 17, 21, .06);
  --shadow-lg: 0 24px 60px rgba(15, 17, 21, .10);

  /* === 字体（时尚：宋体标题 + 苹方正文 + Inter 数字） === */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;  /* 标题：优雅衬线 */
  --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, "Noto Sans SC", sans-serif;
  --font-num: "Inter", "PingFang SC", -apple-system, sans-serif;  /* 数字 Inter tabular */

  /* === 布局 === */
  --maxw: 1200px;

  /* === 动效 === */
  --ease: cubic-bezier(.2, .6, .2, 1);
  --t-fast: 160ms;
  --t-base: 240ms;
}

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

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--ivory);
  line-height: 1.6;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; color: var(--ink); letter-spacing: .5px; }

a { color: inherit; text-decoration: none; }

button { font-family: var(--font-sans); cursor: pointer; border: none; background: none; }

img { display: block; max-width: 100%; }

.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }

::selection { background: var(--gold-soft); color: var(--ink); }