/* ==========================================================================
   GVTL 官网 —— Linear 鎏金 · 浅色版（Light）
   布局 / 排版 / 特效与深色版（css/linear.css）完全一致，仅覆盖主题 token：
   暖白纸感底 + 墨色文字 + 品牌金点缀（金系不变，表面层全部换浅）。
   必须在 linear.css 之后加载。
   ========================================================================== */

:root {
  color-scheme: light;

  /* 近白分层（暖调纸感，永不用纯白/纯黑） */
  --bg-deep: #ece9e3;
  --bg-base: #faf9f7;
  --bg-elevated: #ffffff;
  --surface: rgba(255, 255, 255, 0.7);
  --surface-hover: rgba(255, 255, 255, 0.9);

  /* 文字：墨色系 */
  --fg: #1d1b16;
  --fg-muted: #6f6a5f;
  --fg-subtle: rgba(29, 27, 22, 0.58);

  /* 金点缀：浅底上加深一档保证可读 */
  --accent-text: #8a6a3b;
  --border: rgba(29, 27, 22, 0.09);
  --border-hover: rgba(29, 27, 22, 0.16);
  --border-accent: rgba(171, 136, 85, 0.4);

  /* 漂浮光斑：浅底上大幅调淡（金雾感） */
  --blob-2-bg: linear-gradient(135deg, rgba(171, 136, 85, .07), rgba(200, 150, 90, .04));
  --blob-3-bg: linear-gradient(225deg, rgba(171, 136, 85, .06), rgba(160, 120, 70, .04));
  --blob-primary-bg: rgba(171, 136, 85, 0.1);
  --blob-bottom-bg: rgba(200, 150, 90, 0.06);

  /* 页面底色与氛围 */
  --page-bg: radial-gradient(ellipse 120% 70% at 50% -10%, #ffffff 0%, var(--bg-base) 55%, var(--bg-deep) 100%);
  --grid-line: rgba(29, 27, 22, 0.035);
  --hairline-grad: rgba(29, 27, 22, 0.12);
  --scrollbar-thumb: #d8d3ca;
  --scrollbar-thumb-hover: #c8c2b8;

  /* Hero：墨色渐变大字 + 柔和扫光 */
  --hero-title-grad: linear-gradient(180deg, #17150f 0%, rgba(23,21,15,.92) 55%, rgba(23,21,15,.66) 100%);
  --hero-sheen: rgba(255, 255, 255, 0.55);

  /* 按钮 / 输入 / 控件 */
  --btn-outline-bg: rgba(29, 27, 22, 0.03);
  --btn-outline-ring: rgba(29, 27, 22, 0.14);
  --btn-outline-bg-hover: rgba(29, 27, 22, 0.06);
  --btn-outline-ring-hover: rgba(29, 27, 22, 0.22);
  --header-bg: rgba(250, 249, 247, 0.72);
  --header-bg-scrolled: rgba(250, 249, 247, 0.9);
  --nav-mobile-bg: rgba(250, 249, 247, 0.97);
  --logo-filter: none;
  --input-bg: rgba(255, 255, 255, 0.8);
  --input-border: rgba(29, 27, 22, 0.16);
  --input-border-hover: rgba(29, 27, 22, 0.28);
  --input-bg-hover: rgba(255, 255, 255, 0.95);
  --option-bg: #ffffff;
  --switch-hover-bg: rgba(29, 27, 22, 0.05);

  /* 控制台示意窗：白底应用截图质感 */
  --mock-bg: linear-gradient(180deg, #ffffff 0%, var(--bg-elevated) 100%);
  --mock-border: rgba(29, 27, 22, 0.1);
  --mock-shadow: 0 0 0 1px rgba(29,27,22,.03), 0 24px 80px rgba(80, 66, 40, .14), 0 0 120px rgba(var(--accent-rgb), .08);
  --mock-muted: rgba(29, 27, 22, 0.18);
  --mock-row-bg: rgba(29, 27, 22, 0.03);
  --mock-up: #1f8a5f;

  /* 卡片 / 面板：白卡 + 暖调柔影 */
  --card-bg: linear-gradient(180deg, #ffffff 0%, #fdfbf8 100%);
  --panel-soft-bg: linear-gradient(180deg, rgba(171, 136, 85, .05), transparent);

  /* 实景照片：浅色下不压暗，遮罩改金调雾面 */
  --img-overlay: linear-gradient(180deg, rgba(250,249,247,.12) 0%, transparent 36%, rgba(58,48,32,.22) 100%);
  --img-filter: saturate(1) brightness(1);
  --img-filter-hover: saturate(1.06) brightness(1.03);

  /* 阴影：暖灰柔散（替代深色版的黑投影） */
  --shadow-card: 0 0 0 1px rgba(29,27,22,.05), 0 2px 12px rgba(80,66,40,.06), 0 0 32px rgba(80,66,40,.04);
  --shadow-card-hover: 0 0 0 1px rgba(171,136,85,.22), 0 10px 36px rgba(80,66,40,.12), 0 0 56px rgba(var(--accent-rgb),.08);
}

/* 深色版里依赖黑底的局部微调 */
.site-footer { background: var(--bg-deep); }
/* 追光在浅底上更克制 */
.spotlight::before {
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(var(--accent-rgb),.1), transparent 65%);
}
/* 金底按钮的柔光阴影在浅底上减轻 */
.btn-primary { --shadow-cta: 0 0 0 1px rgba(var(--accent-rgb),.4), 0 4px 12px rgba(var(--accent-rgb),.28), inset 0 1px 0 0 rgba(255,255,255,.3); }
.btn-primary:hover { --shadow-cta-hover: 0 0 0 1px rgba(var(--accent-rgb),.5), 0 6px 20px rgba(var(--accent-rgb),.36), inset 0 1px 0 0 rgba(255,255,255,.35); }
/* 噪点在浅底上略微可见，减半 */
body::before { opacity: 0.008; }
/* 语言选择器箭头：白底上用深金保证可辨 */
.lang-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a6a3b' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}