/* ============================================
   Playvizo Gaming Blog - Dark Theme
   ============================================ */
:root {
  --pv-primary: #8b5cf6;
  --pv-primary-dark: #6d28d9;
  --pv-accent: #10b981;
  --pv-bg: #0f0f1a;
  --pv-bg-card: #1a1b2e;
  --pv-bg-elevated: #232440;
  --pv-text: #f1f5f9;
  --pv-text-muted: #94a3b8;
  --pv-border: rgba(255,255,255,0.08);
}

/* 全局深色背景 */
body {
  background: linear-gradient(135deg, #0f0f1a 0%, #151628 50%, #0f0f1a 100%) !important;
  color: var(--pv-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  min-height: 100vh;
}

/* 链接颜色 */
a { color: var(--pv-primary) !important; text-decoration: none !important; transition: color .2s !important; }
a:hover { color: var(--pv-accent) !important; }

/* 顶部导航栏 */
.site-navbar {
  background: rgba(15,15,26,0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--pv-border) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}
.site-navbar .brand {
  font-size: 22px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--pv-primary), var(--pv-accent)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.site-navbar .desc { color: var(--pv-text-muted) !important; font-size: 12px !important; }
.site-nav .nav-menu a {
  color: var(--pv-text-muted) !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-weight: 500 !important;
}
.site-nav .nav-menu a:hover, .site-nav .nav-menu a.active {
  color: var(--pv-text) !important;
  background: rgba(139,92,246,0.15) !important;
}
.site-nav input[type="search"] {
  background: var(--pv-bg-card) !important;
  border: 1px solid var(--pv-border) !important;
  color: var(--pv-text) !important;
  border-radius: 8px !important;
}

/* 主内容区 */
main, .container, .container-fluid { max-width: 1140px; }

/* 文章卡片 */
article, .post, .post-list {
  background: var(--pv-bg-card) !important;
  border: 1px solid var(--pv-border) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 20px !important;
  transition: all .3s !important;
}
article:hover, .post:hover {
  border-color: rgba(139,92,246,0.4) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(109,40,217,0.15);
}

/* 文章标题 */
h1, h2, h3, h4, h5 { color: var(--pv-text) !important; font-weight: 700 !important; }
.post-title a, article h2 a {
  color: var(--pv-text) !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
}
.post-title a:hover, article h2 a:hover { color: var(--pv-primary) !important; }

/* 文章元信息 */
.post-meta, .text-muted, time, .meta {
  color: var(--pv-text-muted) !important;
  font-size: 13px !important;
}

/* 文章正文 */
.post-content, article .content, .entry-content {
  color: var(--pv-text-muted) !important;
  line-height: 1.85 !important;
  font-size: 15px !important;
}
.post-content p, .entry-content p { margin-bottom: 16px !important; }
.post-content h2, .entry-content h2 {
  margin-top: 28px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--pv-border) !important;
}
.post-content strong, .entry-content strong { color: var(--pv-text) !important; }
.post-content ul, .post-content ol { padding-left: 24px !important; margin-bottom: 16px !important; }
.post-content li { margin-bottom: 8px !important; }

/* 代码 */
code {
  background: rgba(139,92,246,0.15) !important;
  color: var(--pv-primary) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}
pre {
  background: var(--pv-bg) !important;
  border: 1px solid var(--pv-border) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  overflow-x: auto !important;
}
pre code { background: none !important; color: var(--pv-text-muted) !important; }

/* 引用块 */
blockquote {
  border-left: 3px solid var(--pv-primary) !important;
  background: rgba(139,92,246,0.08) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 12px 16px !important;
  color: var(--pv-text-muted) !important;
}

/* 按钮 */
button, .btn, input[type="submit"] {
  background: linear-gradient(135deg, var(--pv-primary-dark), var(--pv-primary)) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 20px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .2s !important;
}
button:hover, .btn:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(139,92,246,0.3) !important;
}

/* 侧边栏/小部件 */
.widget, aside section {
  background: var(--pv-bg-card) !important;
  border: 1px solid var(--pv-border) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
}
.widget h3, aside h3, aside h5 {
  font-size: 15px !important;
  padding-bottom: 8px !important;
  margin-bottom: 12px !important;
  border-bottom: 2px solid var(--pv-primary) !important;
}

/* 标签 */
.tag-cloud a, .tags a {
  display: inline-block !important;
  background: rgba(139,92,246,0.12) !important;
  color: var(--pv-primary) !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  margin: 2px !important;
}
.tag-cloud a:hover { background: rgba(139,92,246,0.25) !important; }

/* 分页 */
.pagination, .page-navigator {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  margin: 28px 0 !important;
}
.pagination a, .pagination span, .page-navigator a, .page-navigator span {
  padding: 8px 14px !important;
  border-radius: 8px !important;
  background: var(--pv-bg-card) !important;
  border: 1px solid var(--pv-border) !important;
  color: var(--pv-text-muted) !important;
}
.pagination a:hover { border-color: var(--pv-primary) !important; color: var(--pv-primary) !important; }
.pagination .current { background: var(--pv-primary) !important; color: white !important; border-color: var(--pv-primary) !important; }

/* 评论区 */
#comments {
  background: var(--pv-bg-card) !important;
  border: 1px solid var(--pv-border) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-top: 20px !important;
}
#comments input, #comments textarea {
  background: var(--pv-bg) !important;
  border: 1px solid var(--pv-border) !important;
  color: var(--pv-text) !important;
  border-radius: 8px !important;
}

/* 页脚 */
.site-footer {
  background: rgba(15,15,26,0.95) !important;
  border-top: 1px solid var(--pv-border) !important;
  padding: 20px 0 !important;
  margin-top: 40px !important;
  color: var(--pv-text-muted) !important;
  font-size: 13px !important;
}
.site-footer a { font-weight: 600 !important; }

/* 图片 */
img { max-width: 100%; height: auto; border-radius: 8px; }

/* 表格 */
table { width: 100%; border-collapse: collapse; margin: 16px 0; }
th, td { padding: 10px 12px; border: 1px solid var(--pv-border); text-align: left; }
th { background: var(--pv-bg-elevated); color: var(--pv-text); }
td { color: var(--pv-text-muted); }

/* 移动端适配 */
@media (max-width: 768px) {
  article, .post { padding: 18px !important; }
  .post-title a, article h2 a { font-size: 18px !important; }
  .site-navbar .brand { font-size: 18px !important; }
}