/* 主题系统 CSS - 支持浅色/深色模式 */

:root {
  --bg-primary: #f5f7fa;
  --bg-secondary: #e8ecf1;
  --text-primary: #1a1a1a;
  --text-secondary: rgba(0,0,0,0.6);
  --glass-bg: rgba(255,255,255,0.7);
  --glass-border: rgba(0,0,0,0.08);
  --glass-hover: rgba(255,255,255,0.9);
  --orb-1: linear-gradient(135deg, #A8D8FF, #64B5F6);
  --orb-2: linear-gradient(135deg, #FFB4A2, #FFC4A3);
  --orb-3: linear-gradient(135deg, #B8E6D3, #81D4FA);
  --orb-4: linear-gradient(135deg, #E1BEE7, #FFCCBC);
  --link-color: #007AFF;
  --shadow: rgba(0,0,0,0.1);
}

[data-theme="dark"] {
  --bg-primary: #0a0a0f;
  --bg-secondary: #1a1a2e;
  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.6);
  --glass-bg: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.1);
  --glass-hover: rgba(255,255,255,0.12);
  --orb-1: linear-gradient(135deg, #667eea, #764ba2);
  --orb-2: linear-gradient(135deg, #f093fb, #f5576c);
  --orb-3: linear-gradient(135deg, #4facfe, #00f2fe);
  --orb-4: linear-gradient(135deg, #43e97b, #38f9d7);
  --link-color: #5AC8FA;
  --shadow: rgba(0,0,0,0.3);
}

/* 基础样式 */
body {
  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%) !important;
  color: var(--text-primary) !important;
  transition: background 0.3s ease, color 0.3s ease;
}

/* 玻璃态导航栏 */
.glass-navbar {
  background: var(--glass-bg) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

.glass-navbar .nav-brand,
.glass-navbar .nav-link,
.glass-navbar .brand-text {
  color: var(--text-primary) !important;
}

.glass-navbar .nav-link:hover {
  background: var(--glass-hover) !important;
  color: var(--link-color) !important;
}

/* 玻璃态页脚 */
.glass-footer {
  background: var(--glass-bg) !important;
  border-top: 1px solid var(--glass-border) !important;
  backdrop-filter: blur(20px) !important;
}

.glass-footer .footer-title,
.glass-footer .footer-desc,
.glass-footer .footer-link,
.glass-footer .footer-copyright {
  color: var(--text-primary) !important;
}

/* Hero区域 */
.hero-section .hero-title {
  color: var(--text-primary) !important;
}

.hero-section .hero-title .title-sub {
  color: var(--text-secondary) !important;
}

.hero-section .hero-description {
  color: var(--text-secondary) !important;
}

.hero-section .hero-description .highlight {
  color: var(--link-color) !important;
  background: var(--glass-bg) !important;
}

/* 按钮 */
.hero-section .hero-actions .btn-secondary {
  background: var(--glass-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--glass-border) !important;
}

.hero-section .hero-actions .btn-secondary:hover {
  background: var(--glass-hover) !important;
}

/* 分类卡片 */
.categories-section .category-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 4px 20px var(--shadow) !important;
}

.categories-section .category-card:hover {
  background: var(--glass-hover) !important;
}

.categories-section .category-card .category-name {
  color: var(--text-primary) !important;
}

.categories-section .category-card .category-count {
  color: var(--text-secondary) !important;
}

.categories-section .category-card .category-arrow {
  color: var(--text-secondary) !important;
}

/* 特性卡片 */
.features-section .feature-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 4px 20px var(--shadow) !important;
}

.features-section .feature-card:hover {
  background: var(--glass-hover) !important;
}

.features-section .feature-card .feature-title {
  color: var(--text-primary) !important;
}

.features-section .feature-card .feature-description {
  color: var(--text-secondary) !important;
}

/* 文章卡片 */
.article-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 4px 20px var(--shadow) !important;
}

.article-card:hover {
  background: var(--glass-hover) !important;
}

.article-card .article-title {
  color: var(--text-primary) !important;
}

.article-card .article-excerpt,
.article-card .article-meta {
  color: var(--text-secondary) !important;
}

/* 区块标题 */
.section-title {
  color: var(--text-primary) !important;
}

/* 查看更多链接 */
.view-all {
  color: var(--link-color) !important;
}

/* 空状态 */
.empty-state {
  background: var(--glass-bg) !important;
  border: 1px dashed var(--glass-border) !important;
}

.empty-state .empty-text {
  color: var(--text-secondary) !important;
}

/* 动态球体 */
.orb-1 { background: var(--orb-1) !important; }
.orb-2 { background: var(--orb-2) !important; }
.orb-3 { background: var(--orb-3) !important; }
.orb-4 { background: var(--orb-4) !important; }

/* 后台管理 */
.admin-layout {
  background: var(--bg-primary) !important;
}

.admin-sidebar {
  background: var(--glass-bg) !important;
  border-right: 1px solid var(--glass-border) !important;
}

.admin-header {
  background: var(--glass-bg) !important;
  border-bottom: 1px solid var(--glass-border) !important;
}

.admin-main {
  background: var(--bg-primary) !important;
}

/* Dashboard 统计卡片 */
.stat-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 4px 20px var(--shadow) !important;
}

.stat-card:hover {
  background: var(--glass-hover) !important;
}

.stat-card .stat-value {
  color: var(--text-primary) !important;
}

.stat-card .stat-label {
  color: var(--text-secondary) !important;
}

/* 表格 */
.data-table {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
}

.data-table th {
  background: var(--glass-hover) !important;
  color: var(--text-primary) !important;
}

.data-table td {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--glass-border) !important;
}

/* 搜索框 */
.search-box {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
}

.search-box input {
  color: var(--text-primary) !important;
}

.search-box input::placeholder {
  color: var(--text-secondary) !important;
}

/* 标签 */
.tag {
  background: rgba(0,122,255,0.15) !important;
  color: var(--link-color) !important;
}

/* 分页 */
.pagination .page-item {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-primary) !important;
}

.pagination .page-item:hover {
  background: var(--glass-hover) !important;
}

.pagination .page-item.active {
  background: var(--link-color) !important;
  color: #fff !important;
}

/* 表单元素 */
input, textarea, select {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-primary) !important;
}

input::placeholder, textarea::placeholder {
  color: var(--text-secondary) !important;
}

/* 按钮 - 主要 */
.btn-primary {
  background: linear-gradient(135deg, #007AFF, #5856D6) !important;
  color: #fff !important;
}

/* 按钮 - 次要 */
.btn-secondary {
  background: var(--glass-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--glass-border) !important;
}

/* 链接 */
a {
  color: var(--link-color) !important;
}

/* 通知 */
.notification {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-primary) !important;
}

/* 加载动画 */
.loading-container {
  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%) !important;
}

.loading-text {
  color: var(--text-secondary) !important;
}

/* 侧边栏导航 */
.nav-item {
  color: var(--text-secondary) !important;
}

.nav-item:hover {
  background: var(--glass-hover) !important;
  color: var(--link-color) !important;
}

.nav-item.active {
  background: rgba(0,122,255,0.15) !important;
  color: var(--link-color) !important;
}

/* 顶部栏 */
.topbar-left .page-title {
  color: var(--text-primary) !important;
}

.topbar-right .user-name {
  color: var(--text-secondary) !important;
}

/* 登录页 */
.login-page {
  background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%) !important;
}

.login-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: 0 25px 50px var(--shadow) !important;
}

/* 发布页 */
.publish-page .title-input,
.publish-page .settings-card,
.publish-page .editor-section,
.publish-page .action-bar {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
}

.publish-page .toolbar-btn {
  color: var(--text-secondary) !important;
}

.publish-page .toolbar-btn:hover {
  background: var(--glass-hover) !important;
  color: var(--text-primary) !important;
}

.publish-page .content-preview {
  color: var(--text-primary) !important;
}