/* =====================================================================
   极简云验证 - 全站统一主题覆盖层 v2 深色版 (unified.css)
   ---------------------------------------------------------------------
   作用：作为「最后一个样式表」注入各页面，统一全站视觉风格：
         1. 品牌渐变（靛蓝 #5268F2 → 紫罗兰 #7C4DFF）+ 深空蓝暗色底
         2. 全站无白色背景：深色页面底 + 深色卡片表面
         3. 覆盖三套主题（Landing 首页 / Argon 功能页 / layui 登录购卡）
   原则：只做视觉覆盖，不改 DOM 结构、不影响任何 JS 交互与业务逻辑
   ===================================================================== */

/* ---------------------------------------------------------------------
   00. 全局变量与基础
   --------------------------------------------------------------------- */
:root {
  --jy-primary: #5268F2;                       /* 品牌主色 */
  --jy-primary-deep: #3D50D9;                  /* 主色加深（悬停） */
  --jy-accent: #7C4DFF;                        /* 品牌辅色（渐变末端） */
  --jy-grad: linear-gradient(135deg, #5268F2 0%, #7C4DFF 100%);
  --jy-page: #12172E;                          /* 页面深底（深空蓝） */
  --jy-page-2: #171D38;                        /* 分区底（微亮一档） */
  --jy-surface: #1B2242;                       /* 卡片表面 */
  --jy-surface-2: #232B52;                     /* 输入框/悬停表面 */
  --jy-ink: #E7EAF8;                           /* 主文字（浅） */
  --jy-muted: #9AA3C7;                         /* 次文字 */
  --jy-line: rgba(255, 255, 255, 0.08);        /* 分隔线 */
  --jy-radius: 16px;                           /* 统一卡片圆角 */
  --jy-radius-sm: 10px;
  --jy-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.35);
  --jy-shadow-lg: 0 18px 40px rgba(0, 0, 0, 0.45);
  --jy-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue",
             Arial, "Open Sans", "Poppins", sans-serif;
}

/* 中文显示优化：统一字体栈 */
body,
button, input, select, textarea {
  font-family: var(--jy-font) !important;
}

/* 统一文字选中色 */
::selection {
  background: rgba(82, 104, 242, 0.45);
  color: #fff;
}

/* 统一滚动条（WebKit 内核） */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0E1224; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5268F2, #7C4DFF);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: #7C8CF5; }

/* ---------------------------------------------------------------------
   01. 首页 Landing 主题（HovyLee）覆盖 —— 深色版
   --------------------------------------------------------------------- */

/* 页面深底（body 带 data-spy 属性，仅作用于官网首页，避免误伤用户中心） */
body[data-spy] {
  background: var(--jy-page);
  color: var(--jy-ink);
}
body[data-spy] h1, body[data-spy] h2, body[data-spy] h3,
body[data-spy] h6, body[data-spy] p { color: inherit; }

/* 加载动画底色 */
body[data-spy] #preloader-wrap { background: var(--jy-page); }

/* 顶部导航：滚动后由白底改为深色毛玻璃 */
.header-shrink {
  background: rgba(18, 23, 46, 0.88) !important;
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.4);
}
.header-shrink .nav-item .nav-link,
.header-shrink .nav-item .nav-link.active { color: var(--jy-ink) !important; }
.header-shrink .nav-item:hover .nav-link { color: #8b9bf5 !important; }
.header-shrink .navbar-toggler .togler-icon-inner span { background: var(--jy-ink); }

/* 品牌 Logo 文字（替代原图片 Logo）：楷体、加大字号 */
.navbar-brand .brand-text {
  font-family: "KaiTi", "楷体", "STKaiti", "KaiTi_GB2312", "SimKai", serif !important;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #fff;
  white-space: nowrap;
}
.header-shrink .navbar-brand .brand-text {
  background: var(--jy-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hero 首屏：品牌渐变 + 柔光装饰 */
.hero-banner {
  background: var(--jy-grad) !important;       /* 覆盖 JS 注入的行内背景图 */
  position: relative;
  overflow: hidden;
}
.hero-banner::before,
.hero-banner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.hero-banner::before {
  width: 560px; height: 560px;
  top: -180px; right: -120px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, transparent 65%);
}
.hero-banner::after {
  width: 720px; height: 720px;
  bottom: -320px; left: -220px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, transparent 60%);
}
.hero-banner .hero-inner h1 {
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 0 4px 24px rgba(20, 28, 90, 0.25);
}
.hero-banner .hero-inner h2 { opacity: 0.88; }

/* 胶囊按钮：悬停上浮 */
.primary-btn,
.white-btn,
.outline-btn {
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.primary-btn {
  background-image: var(--jy-grad);
  border: none;
}
.primary-btn:hover {
  transform: translateY(-3px);
  background-color: var(--jy-primary-deep);
  box-shadow: 0 14px 30px rgba(61, 80, 217, 0.45) !important;
}
.white-btn:hover,
.outline-btn:hover { transform: translateY(-3px); }

/* 区块标题 */
body[data-spy] .section .section-heading h2 { color: var(--jy-ink); }
body[data-spy] .section .section-heading h4 { color: var(--jy-muted); }
body[data-spy] .section .section-heading h2 span {
  background: linear-gradient(135deg, #8b9bf5, #a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section .section-heading h2:after {
  background: var(--jy-grad);
  height: 3px;
  border-radius: 3px;
}

/* 浅灰分区 → 深色分区 */
body[data-spy] .bg-light-grey { background: var(--jy-page-2); }

/* 优势/团队卡片：白色卡片 → 深色表面 */
body[data-spy] .features-item,
body[data-spy] .team-item {
  background: var(--jy-surface);
  border: 1px solid var(--jy-line);
  border-radius: var(--jy-radius);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  overflow: hidden;
}
body[data-spy] .features-item .body h6,
body[data-spy] .team-item .body h6 { color: var(--jy-ink); }
body[data-spy] .features-item .body p,
body[data-spy] .team-item .body span { color: var(--jy-muted); }
.features-item:hover,
.team-item:hover {
  transform: translateY(-8px);
  border-color: rgba(124, 77, 255, 0.55);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5) !important;
}
.features-item .icon {
  background: linear-gradient(135deg, rgba(82, 104, 242, 0.18), rgba(124, 77, 255, 0.18));
  border-radius: 14px;
}
.features-item .icon span {
  background: linear-gradient(135deg, #8b9bf5, #a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.features-item:hover .icon span {
  background: var(--jy-grad);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 手风琴 FAQ：深色 */
body[data-spy] .accordion-item {
  background: var(--jy-surface);
  border: 1px solid var(--jy-line);
  border-radius: var(--jy-radius-sm);
  overflow: hidden;
  margin-bottom: 14px;
}
body[data-spy] .accordion-item-header a { color: var(--jy-ink); }
body[data-spy] .accordion-item-header a i {
  background: linear-gradient(135deg, #8b9bf5, #a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body[data-spy] .accordion-item-header a:hover,
body[data-spy] .accordion-item-header a[aria-expanded="true"] { color: #8b9bf5; }
body[data-spy] .accordion-body p { color: var(--jy-muted); }

/* 页脚 */
.footer { background: #0E1224; }
.footer .footer-title { color: #fff; }
.footer .footer-desc,
.footer .footer-links a,
.footer .footer-contact-info-list .text p {
  color: rgba(255, 255, 255, 0.55);
}
.footer .footer-links a:hover { color: #8b9bf5; }
.footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.footer .copyright-text { color: rgba(255, 255, 255, 0.40); }

/* 回顶按钮 */
.scroll-top-btn {
  background: var(--jy-grad);
  color: #fff;
  border-radius: 10px 10px 0 0;
}

/* ---------------------------------------------------------------------
   02. 功能页 Argon 主题（Yxwl：卡密查询/解绑/更新记录/开发文档）覆盖
   --------------------------------------------------------------------- */

/* 页面深底（原主题带 !important，需同级覆盖） */
body.bg-default { background: var(--jy-page) !important; color: var(--jy-ink); }

/* 页头渐变横幅：无论原类名是 success/primary/info，统一为品牌渐变 */
.header.bg-gradient-success,
.header.bg-gradient-primary,
.header.bg-gradient-info,
.header.bg-gradient-default {
  background: var(--jy-grad) !important;
}

/* 斜切分隔条：与深色页面底色一致 */
.separator-skew .fill-default { fill: var(--jy-page) !important; }

/* 卡片：白色 → 深色表面 */
.card {
  background: var(--jy-surface) !important;
  border-radius: var(--jy-radius) !important;
  border: 1px solid var(--jy-line);
  box-shadow: var(--jy-shadow-sm);
  color: var(--jy-ink);
}
.card-header:first-child { border-radius: var(--jy-radius) var(--jy-radius) 0 0; }
.card .text-muted,
.card small { color: var(--jy-muted) !important; }
.card .label,
.card label { color: var(--jy-ink); }
/* 部分卡片使用 bg-secondary 浅底类 */
.card.bg-secondary { background: var(--jy-surface) !important; }

/* 按钮：统一品牌色 */
.btn-success,
.btn-primary,
.btn-info,
.btn-default {
  background-image: var(--jy-grad) !important;
  background-color: var(--jy-primary) !important;
  border-color: transparent !important;
  color: #fff !important;
  border-radius: var(--jy-radius-sm) !important;
  box-shadow: 0 6px 16px rgba(61, 80, 217, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.btn-success:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-default:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(61, 80, 217, 0.45);
}
.btn-neutral {
  color: var(--jy-primary) !important;
  background: #fff !important;
  border-radius: var(--jy-radius-sm) !important;
}

/* 表单控件：深色 */
.form-control {
  background: var(--jy-surface-2) !important;
  border: 1px solid var(--jy-line) !important;
  color: var(--jy-ink) !important;
  border-radius: var(--jy-radius-sm);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.form-control::placeholder { color: #6b7499 !important; }
.form-control:focus {
  border-color: var(--jy-primary) !important;
  box-shadow: 0 0 0 3px rgba(82, 104, 242, 0.25) !important;
  background: var(--jy-surface-2) !important;
  color: var(--jy-ink) !important;
}

/* 页脚 */
#footer-main { background: transparent; }
#footer-main .copyright,
#footer-main .text-muted { color: var(--jy-muted) !important; }
#footer-main .copyright a { color: #8b9bf5; }
#footer-main .nav-link { color: var(--jy-muted) !important; }

/* ---------------------------------------------------------------------
   03. layui 主题（登录/注册/购卡）覆盖
   --------------------------------------------------------------------- */

/* 主按钮统一品牌渐变 */
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm) {
  background-image: var(--jy-grad);
  background-color: var(--jy-primary);
  border: none;
  border-radius: var(--jy-radius-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 10px 24px rgba(61, 80, 217, 0.45);
}
.layui-btn-primary {
  color: #8b9bf5 !important;
  border-color: #8b9bf5 !important;
  background: transparent !important;
}
.layui-btn-primary:hover { border-color: var(--jy-accent) !important; }

/* 登录/注册页背景：品牌渐变替代随机必应外链图 */
#LAY-user-login {
  background-image: var(--jy-grad) !important;
  background-size: cover !important;
  background-position: center !important;
  animation: none !important;
}
/* 登录/注册白色卡片 → 深色毛玻璃卡片（覆盖行内 background-color:white） */
.layadmin-user-login-main {
  background-color: var(--jy-surface) !important;
  opacity: 1 !important;
  border-radius: var(--jy-radius) !important;
  box-shadow: var(--jy-shadow-lg) !important;
  border: 1px solid var(--jy-line);
}
/* 登录卡片内文字与输入框深色化 */
.layadmin-user-login-main h1,
.layadmin-user-login-main h2,
.layadmin-user-login-main span,
.layadmin-user-login-main label,
.layadmin-user-login-main a,
.layadmin-user-login-main div { color: var(--jy-ink); }
.layadmin-user-login-main .layui-form-item .layui-input {
  background: var(--jy-surface-2) !important;
  border: 1px solid var(--jy-line) !important;
  color: var(--jy-ink) !important;
}
.layadmin-user-login-main .layui-form-item .layui-input::placeholder { color: #6b7499 !important; }
/* 浏览器自动填充强制白底的修正 */
.layadmin-user-login-main .layui-form-item .layui-input:-webkit-autofill,
.layui-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--jy-surface-2) inset !important;
  -webkit-text-fill-color: var(--jy-ink) !important;
  caret-color: var(--jy-ink);
  transition: background-color 99999s ease-in-out 0s;
}
/* 复选框文字与辅助链接 */
.layadmin-user-login-main .layui-form-checkbox[lay-skin="primary"] > i {
  border-color: #8b9bf5 !important;
}
.layadmin-user-login-main .layadmin-user-jump-link a,
.layadmin-user-login-main a:hover { color: #8b9bf5 !important; }

/* 表单聚焦态 */
.layui-input:focus,
.layui-textarea:focus,
.layui-form-select .layui-input:focus {
  border-color: var(--jy-primary) !important;
  box-shadow: 0 0 0 3px rgba(82, 104, 242, 0.25) !important;
}

/* layui 分页选中色 */
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-laypage-em {
  background: var(--jy-primary) !important;
}
.layui-laypage a:hover { color: var(--jy-primary) !important; }

/* layui 选项卡选中色 */
.layui-tab-title .layui-this { color: var(--jy-primary) !important; }
.layui-tab-title .layui-this:after { border-bottom-color: var(--jy-primary) !important; }

/* 复选/开关选中色 */
.layui-form-checked[lay-skin="primary"] i {
  background: var(--jy-primary) !important;
  border-color: var(--jy-primary) !important;
}
.layui-form-onswitch {
  background: var(--jy-primary) !important;
  border-color: var(--jy-primary) !important;
}

/* 弹层按钮 */
.layui-layer { border: none !important; }
.layui-layer-btn a { border-radius: var(--jy-radius-sm) !important; }
.layui-layer-btn0 {
  background-image: var(--jy-grad) !important;
  background-color: var(--jy-primary) !important;
  border-color: transparent !important;
}
.layui-layer-btn1 {
  color: var(--jy-primary) !important;
  border-color: #c3cbf8 !important;
}

/* ---------------------------------------------------------------------
   04. 移动端微调
   --------------------------------------------------------------------- */
@media (max-width: 768px) {
  .features-item:hover,
  .team-item:hover { transform: none; }   /* 触屏禁用浮起避免误触闪烁 */
  .hero-banner::before { width: 340px; height: 340px; }
}