/* ============ Radial Game 科幻霓虹风 ============ */
:root {
  --body-background: #0a0e1a;
  --card-background: #0f1626;
  --card-background-secondary: #131c30;
  --main-background: #0a0e1a;
  --accent-color: #00e5ff;
  --accent-color-darker: #0088ff;
  --text-color: #d7e3f4;
  --body-text-color: #d7e3f4;
  --heading-color: #eaf6ff;
  --link-color: #00e5ff;
  --link-hover-color: #7cf7ff;
  --tag-background: rgba(0, 229, 255, 0.12);
  --tag-background-hover: rgba(0, 229, 255, 0.25);
  --code-background: #0d1424;
  --scrollbar-thumb: #1c2c4a;
}

body {
  background: #0a0e1a;
  color: var(--text-color);
}

/* 霓虹标题光效 */
.site-title a,
.site-header .site-title {
  background: linear-gradient(90deg, #00e5ff, #7c6bff, #00e5ff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: neonFlow 6s linear infinite;
  font-weight: 800;
}

@keyframes neonFlow {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* 卡片发光边框 */
.card,
.article-card,
.widget {
  border: 1px solid rgba(0, 229, 255, 0.15);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.06);
}

.card:hover,
.article-card:hover {
  border-color: rgba(0, 229, 255, 0.4);
  box-shadow: 0 0 30px rgba(0, 229, 255, 0.15);
}

/* 链接霓虹 */
a {
  color: var(--link-color);
  text-decoration: none;
  transition: text-shadow 0.3s;
}
a:hover {
  color: var(--link-hover-color);
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.6);
}

/* 首页文章标题发光 */
.article-card .article-title a {
  color: #eaf6ff;
  font-weight: 700;
}
.article-card .article-title a:hover {
  color: #00e5ff;
  text-shadow: 0 0 12px rgba(0, 229, 255, 0.7);
}

/* 代码块科幻感 */
.chroma {
  background: #0a1220 !important;
  border: 1px solid rgba(0, 229, 255, 0.2);
}

/* 滚动条 */
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}

/* 头部渐变线 */
.site-header {
  border-bottom: 1px solid rgba(0, 229, 255, 0.25);
  background: rgba(10, 14, 26, 0.85);
  backdrop-filter: blur(8px);
}

/* ============ 深色模式适配（兼容浅色系统） ============ */
/* 强制深色模式变量（覆盖主题浅色默认） */
:root,
:root[data-scheme="light"],
:root[data-scheme="dark"] {
    --body-background: #0a0e1a;
    --card-background: rgba(15, 22, 38, 0.82);
    --card-background-secondary: rgba(19, 28, 48, 0.82);
    --main-background: #0a0e1a;
    --body-text-color: #d7e3f4;
}

/* body 保持深蓝渐变背景，确保星空可见且不透白 */
body {
    background: #0a0e1a !important;
}

/* 文章卡片半透明（保持深色底，文字可读） */
.card,
.article-card,
.widget {
    background: rgba(15, 22, 38, 0.82);
    border: 1px solid rgba(0, 229, 255, 0.18);
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.06);
}

/* 文章正文区域深蓝半透明 */
.article-page .main,
.article-page article {
    background: rgba(13, 20, 36, 0.55);
}

/* 侧边栏卡片 */
.site-sidebar .card,
.sidebar-card {
    background: rgba(15, 22, 38, 0.65) !important;
}

/* 头部半透明 */
.site-header {
    background: rgba(10, 14, 26, 0.8) !important;
}

/* 代码块 */
.chroma,
pre {
    background: rgba(10, 18, 32, 0.85) !important;
}

/* 正文链接与文字保持可读 */
.article-content,
.article-body {
    color: #d7e3f4;
}