/* ──────────────────────────────────────────────────────────────────────────
   gaokao 主题皮肤：覆盖 base-blog 的 :root 变量，让文章列表 / 详情 / 页头 / 页脚
   与首页(科幻暗色)风格统一。base.html 在 main.css 之后加载本文件，故此处生效。
   ────────────────────────────────────────────────────────────────────────── */
:root {
  /* 背景 / 表面 */
  --clr-bg: #05060f;
  --clr-bg-alt: #0a0e22;
  --clr-surface: #0e1430;
  --clr-border: rgba(124,156,255,0.18);

  /* 主色 / 强调 */
  --clr-primary: #36e2ff;
  --clr-primary-hover: #7c5cff;
  --clr-primary-light: rgba(54,226,255,0.10);
  --clr-accent: #ff5cf0;
  --clr-accent-hover: #ff8cf4;

  /* 文本 */
  --clr-text: #d7e2fb;
  --clr-text-muted: #8da2c8;
  --clr-text-light: #6b7da6;
  --clr-heading: #ffffff;

  /* 卡片 */
  --clr-card-bg: rgba(16,22,48,0.60);
  --clr-card-hover: rgba(22,30,64,0.85);

  /* 导航 */
  --clr-nav-bg: rgba(5,6,15,0.82);
  --clr-nav-text: #b9c8e8;
  --clr-nav-text-hover: #36e2ff;

  /* 页脚 */
  --clr-footer-bg: #070a18;
  --clr-footer-text: #8da2c8;
  --clr-footer-heading: #eaf2ff;
  --clr-footer-border: rgba(124,156,255,0.14);

  /* 标签 */
  --clr-tag-bg: rgba(124,156,255,0.12);
  --clr-tag-text: #cdd9f0;
  --clr-tag-bg-hover: rgba(54,226,255,0.22);

  /* 代码 */
  --clr-code-bg: rgba(124,156,255,0.12);
  --clr-code-text: #ff8cf4;
  --clr-pre-bg: #0a0e22;
  --clr-pre-text: #e2e8f0;

  /* 渐变 */
  --gradient-primary: linear-gradient(120deg,#36e2ff,#7c5cff);
  --gradient-hero: linear-gradient(180deg,#080b1c 0%,#05060f 100%);
  --gradient-card: linear-gradient(160deg, rgba(22,30,64,0.6), rgba(12,16,36,0.6));

  /* 阴影：暗色 + 青色辉光 */
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.4);
  --shadow: 0 8px 26px rgba(0,0,0,0.5);
  --shadow-lg: 0 18px 44px rgba(0,0,0,0.55);
  --shadow-xl: 0 30px 80px rgba(0,0,0,0.6);
  --shadow-card: 0 10px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-card-hover: 0 18px 44px rgba(0,0,0,0.5), 0 0 24px rgba(54,226,255,0.25);
}

/* 全站科幻背景（固定渐变光晕 + 暗底），与首页一致 */
body {
  background:
    radial-gradient(1100px 640px at 12% -8%, rgba(124,92,255,0.18), transparent 60%),
    radial-gradient(900px 560px at 100% 0%, rgba(54,226,255,0.14), transparent 55%),
    radial-gradient(820px 640px at 50% 120%, rgba(255,92,240,0.10), transparent 60%),
    #05060f;
  background-attachment: fixed;
  color: var(--clr-text);
}
/* 细网格氛围层 */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(rgba(124,156,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,156,255,0.05) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 70%, transparent);
}

/* 导航玻璃拟态 + 描边 */
.site-header, .navbar, header {
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--clr-border);
}

/* 卡片：玻璃 + 悬浮辉光（变量已覆盖大部分，这里补质感） */
.article-card, .card { backdrop-filter: blur(6px); }
.article-card:hover { border-color: rgba(54,226,255,0.45) !important; }

/* 标题渐变描边色（大标题更有科技感） */
.hero-title, .article-title, .page-title, h1 {
  background: linear-gradient(120deg,#ffffff,#bcd8ff 38%,#36e2ff 70%,#7c5cff);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

/* 正文链接青色 */
.article-content a, .prose a { color: var(--clr-primary); }
.article-content a:hover, .prose a:hover { color: var(--clr-accent); }

/* 按钮主色用渐变 */
.btn-primary { background: var(--gradient-primary) !important; border: 0 !important; color: #05060f !important; box-shadow: 0 0 22px rgba(54,226,255,0.35); }
.btn-primary:hover { filter: brightness(1.08); }

/* 分页 / 标签描边在暗底更清晰 */
.pagination a, .pagination span { border-color: var(--clr-border); }