/*
 * 玄武GEO 营销落地页 + 登录页 全局CSS变量
 * 文件路径：public/assets/css/landing-theme.css（建议）
 * 说明：
 * - 仅用于新增 welcome.blade / login.blade / layouts.landing 母版
 * - 与 /geo_admin 后台样式隔离，不覆盖 Tailwind 工具类
 * - 主色采用紫蓝渐变体系，与现有玄武GEO后台视觉保持一致
 */

:root {
  /* =========================
   * 核心品牌渐变（需求强制规范）
   * ========================= */
  --gradient-primary: linear-gradient(90deg, #534AB7, #7F77DD);
  --gradient-primary-135: linear-gradient(135deg, #534AB7, #7F77DD);
  --gradient-primary-hover: linear-gradient(90deg, #6257C6, #8E86EA);
  --gradient-hero-text: linear-gradient(90deg, #7F77DD, #A899FF);
  --gradient-login-brand: linear-gradient(135deg, #534AB7 0%, #7F77DD 50%, #4A90E2 100%);

  /* =========================
   * 主色板（紫蓝体系）
   * ========================= */
  --color-primary: #534AB7;          /* 深紫主色 */
  --color-primary-light: #7F77DD;    /* 浅紫辅色 */
  --color-primary-lighter: #A899FF;  /* 高光紫 */
  --color-primary-dark: #3D3588;     /* 深紫Pressed */
  --color-blue: #4A90E2;             /* 科技蓝点缀 */
  --color-blue-light: #6BA3F0;       /* 浅蓝点缀 */

  /* =========================
   * 背景色板
   * ========================= */
  --color-bg-dark: #0F0F1A;          /* 首页深色背景 */
  --color-bg-dark-2: #1A1A2E;        /* 卡片容器背景 */
  --color-bg-card: rgba(255, 255, 255, 0.06); /* 首页玻璃卡片 */
  --color-bg-card-hover: rgba(255, 255, 255, 0.10);
  --color-bg-login: #F0F4FA;         /* 登录页浅色背景 */
  --color-bg-white: #FFFFFF;          /* 登录表单卡片背景 */

  /* =========================
   * 文字色板
   * ========================= */
  --color-text-primary: #FFFFFF;     /* 深色背景主文字 */
  --color-text-secondary: rgba(255, 255, 255, 0.72); /* 深色背景副文字 */
  --color-text-muted: rgba(255, 255, 255, 0.48);     /* 深色背景弱文字 */
  --color-text-dark: #1F1F2E;        /* 浅色背景主文字 */
  --color-text-dark-secondary: #5B5B6B; /* 浅色背景副文字 */
  --color-text-link: #534AB7;        /* 链接紫 */
  --color-text-error: #E24B4A;       /* 错误红 */

  /* =========================
   * 边框与分割线
   * ========================= */
  --color-border-light: rgba(255, 255, 255, 0.12);
  --color-border-card: rgba(255, 255, 255, 0.08);
  --color-border-input: #D5D7E0;
  --color-border-input-focus: #7F77DD;

  /* =========================
   * 阴影与光效
   * ========================= */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);
  --shadow-card-hover: 0 12px 40px rgba(83, 74, 183, 0.35);
  --shadow-glow: 0 0 30px rgba(127, 119, 221, 0.4);
  --shadow-form: 0 10px 40px rgba(83, 74, 183, 0.15);

  /* =========================
   * 圆角（需求统一 6px）
   * ========================= */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* =========================
   * 间距与排版
   * ========================= */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --max-width: 1200px;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* =========================
 * 基础重置（仅作用于落地页母版作用域）
 * ========================= */
.landing-body {
  margin: 0;
  font-family: var(--font-family);
  background-color: var(--color-bg-dark);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.landing-body a {
  color: inherit;
  text-decoration: none;
}

/* 盒模型重置：限定在落地页作用域，不影响后台 */
.landing-body *,
.landing-body *::before,
.landing-body *::after {
  box-sizing: border-box;
}

/* =========================
 * 通用按钮：紫蓝渐变
 * ========================= */
.btn-gradient {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--gradient-primary);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(83, 74, 183, 0.35);
}

.btn-gradient:hover {
  background: var(--gradient-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
}

/* =========================
 * 通用标题样式
 * ========================= */
.gradient-text {
  background: var(--gradient-hero-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* =========================
 * 导航栏滚动态
 * ========================= */
.landing-nav.scrolled {
  background-color: rgba(15, 15, 26, 0.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}