/* ==========================================================================
   GVTL 官网 —— Linear 鎏金 · 纯白版（White）
   布局 / 排版 / 特效与深色版（css/linear.css）完全一致，仅覆盖主题 token：
   冷冽纯白底 + 冷墨文字 + 品牌金点缀。
   与 linear-light.css（暖白纸感版）的差异：去米黄调、冷灰阴影、光斑更淡。
   必须在 linear.css 之后加载。
   ========================================================================== */

:root {
  color-scheme: light;

  /* 纯白分层（冷调，永不用纯黑） */
  --bg-deep: #f1f2f4;
  --bg-base: #fcfcfd;
  --bg-elevated: #ffffff;
  --surface: rgba(255, 255, 255, 0.75);
  --surface-hover: rgba(255, 255, 255, 0.95);

  /* 文字：冷墨系 */
  --fg: #16181d;
  --fg-muted: #6b7280;
  --fg-subtle: rgba(22, 24, 29, 0.55);

  /* 金点缀：白底上用深金保证可读 */
  --accent-text: #8a6a3b;
  --border: rgba(22, 24, 29, 0.08);
  --border-hover: rgba(22, 24, 29, 0.15);
  --border-accent: rgba(171, 136, 85, 0.38);

  /* 漂浮光斑：纯白底上极淡（保持通透，避免泛黄） */
  --blob-2-bg: linear-gradient(135deg, rgba(171, 136, 85, .05), rgba(200, 150, 90, .03));
  --blob-3-bg: linear-gradient(225deg, rgba(171, 136, 85, .04), rgba(160, 120, 70, .025));
  --blob-primary-bg: rgba(171, 136, 85, 0.07);
  --blob-bottom-bg: rgba(200, 150, 90, 0.04);

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

  /* Hero：冷墨渐变大字 */
  --hero-title-grad: linear-gradient(180deg, #101216 0%, rgba(16,18,22,.92) 55%, rgba(16,18,22,.62) 100%);
  --hero-sheen: rgba(255, 255, 255, 0.5);

  /* 按钮 / 输入 / 控件 */
  --btn-outline-bg: rgba(22, 24, 29, 0.025);
  --btn-outline-ring: rgba(22, 24, 29, 0.13);
  --btn-outline-bg-hover: rgba(22, 24, 29, 0.055);
  --btn-outline-ring-hover: rgba(22, 24, 29, 0.22);
  --header-bg: rgba(252, 252, 253, 0.75);
  --header-bg-scrolled: rgba(252, 252, 253, 0.92);
  --nav-mobile-bg: rgba(252, 252, 253, 0.98);
  --logo-filter: none;
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(22, 24, 29, 0.15);
  --input-border-hover: rgba(22, 24, 29, 0.28);
  --input-bg-hover: #ffffff;
  --option-bg: #ffffff;
  --switch-hover-bg: rgba(22, 24, 29, 0.045);

  /* 控制台示意窗：纯白应用质感 */
  --mock-bg: linear-gradient(180deg, #ffffff 0%, var(--bg-elevated) 100%);
  --mock-border: rgba(22, 24, 29, 0.09);
  --mock-shadow: 0 0 0 1px rgba(22,24,29,.03), 0 24px 80px rgba(16, 20, 34, .12), 0 0 120px rgba(var(--accent-rgb), .07);
  --mock-muted: rgba(22, 24, 29, 0.16);
  --mock-row-bg: rgba(22, 24, 29, 0.025);
  --mock-up: #1f8a5f;

  /* 卡片 / 面板：纯白卡 + 中性冷灰柔影 */
  --card-bg: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
  --panel-soft-bg: linear-gradient(180deg, rgba(171, 136, 85, .04), transparent);

  /* 实景照片：原图明亮呈现，底部轻冷灰渐变收边 */
  --img-overlay: linear-gradient(180deg, rgba(252,252,253,.1) 0%, transparent 36%, rgba(20,24,34,.16) 100%);
  --img-filter: saturate(1) brightness(1);
  --img-filter-hover: saturate(1.06) brightness(1.02);

  /* 阴影：中性冷灰柔散 */
  --shadow-card: 0 0 0 1px rgba(22,24,29,.045), 0 2px 12px rgba(16,20,34,.05), 0 0 30px rgba(16,20,34,.035);
  --shadow-card-hover: 0 0 0 1px rgba(171,136,85,.2), 0 10px 36px rgba(16,20,34,.11), 0 0 52px rgba(var(--accent-rgb),.07);
}

.site-footer { background: var(--bg-deep); }
.spotlight::before {
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(var(--accent-rgb),.09), transparent 65%);
}
.btn-primary { --shadow-cta: 0 0 0 1px rgba(var(--accent-rgb),.4), 0 4px 12px rgba(var(--accent-rgb),.26), 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),.34), inset 0 1px 0 0 rgba(255,255,255,.35); }
body::before { opacity: 0.006; }
.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");
}