:root {
    color-scheme: dark;
    --body-bg: #070a12;
    --control-bg: #0f172a;
    --control-color: #f1f5f9;
    --control-border-color: rgba(255, 255, 255, 0.12);
    --primary-color: #6366f1;
    --text-color: #e2e8f0;
    --muted-color: #94a3b8;
    --header-bg: rgba(8, 12, 22, 0.85);
    --header-color: #f8fafc;
}

body, .App {
    color: #e2e8f0 !important;
    background: #070a12 !important;
    background-image: 
        radial-gradient(circle at 15% 0%, rgba(99, 102, 241, 0.15), transparent 40rem),
        radial-gradient(circle at 85% 100%, rgba(168, 85, 247, 0.12), transparent 35rem) !important;
    background-attachment: fixed !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.App-header {
    background: rgba(8, 12, 22, 0.85) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

.Header-title, .Header-title a, .DiscussionListItem-title, .PostUser-name, .Post-body {
    color: #f8fafc !important;
}

.DiscussionListItem-title {
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

/* 帖子卡片与讨论列表项暗黑温暖卡片 */
.DiscussionListItem, .Post, .Dropdown-menu, .Modal-content, .Composer, .NotificationGrid {
    color: #e2e8f0 !important;
    background: linear-gradient(145deg, rgba(20, 29, 47, 0.78), rgba(13, 20, 34, 0.9)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(16px);
    border-radius: 14px !important;
}

.DiscussionListItem {
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    margin-bottom: 10px !important;
}

.DiscussionListItem:hover {
    background: linear-gradient(145deg, rgba(25, 36, 58, 0.85), rgba(16, 24, 40, 0.95)) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.45) !important;
}

.DiscussionListItem-info, .DiscussionListItem-count, .PostMeta, .helpText, .Post-header .PostMeta {
    color: #94a3b8 !important;
}

/* 按钮与输入框 */
.Button {
    color: #e2e8f0 !important;
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.Button:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

.Button--primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35) !important;
}

.Button--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}

.FormControl {
    color: #f8fafc !important;
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: 10px !important;
}

.FormControl:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25) !important;
}

/* 帖子内容与引用 */
.Post-body {
    line-height: 1.75;
    font-size: 15px;
}

.Post-body blockquote {
    color: #cbd5e1 !important;
    background: rgba(30, 41, 59, 0.45) !important;
    border-left: 4px solid #6366f1 !important;
    border-radius: 0 8px 8px 0;
    padding: 10px 16px;
}

.Post-body code, .Post-body pre {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border-radius: 8px;
}

/* 侧边导航与标签 */
.TagLabel {
    border-radius: 6px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .DiscussionListItem, .Post {
        border-radius: 14px !important;
    }
    .App-navigation {
        background: #080c16 !important;
    }
}

/* 论坛主内容区：覆盖 Flarum 默认浅色画布和欢迎横幅 */
.App-content {
    min-height: calc(100vh - 52px);
    color: #edf3ff !important;
    background:
        radial-gradient(circle at 12% 0, rgba(32, 60, 117, 0.22), transparent 34rem),
        radial-gradient(circle at 92% 100%, rgba(67, 36, 92, 0.18), transparent 32rem),
        #070a12 !important;
}

.Hero.WelcomeHero {
    color: #edf3ff !important;
    background:
        radial-gradient(circle at 86% 12%, rgba(99, 102, 241, 0.24), transparent 16rem),
        linear-gradient(135deg, rgba(17, 27, 47, 0.98), rgba(11, 18, 32, 0.98)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0 0 22px 22px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.Hero.DiscussionHero {
    color: #edf3ff !important;
    background:
        radial-gradient(circle at 86% 12%, rgba(99, 102, 241, 0.24), transparent 16rem),
        linear-gradient(135deg, rgba(17, 27, 47, 0.98), rgba(11, 18, 32, 0.98)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0 0 22px 22px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

/* 分类页会额外带 TagHero / TagHero--colored，不能沿用标签本身的浅色。 */
.Hero.TagHero,
.Hero.TagHero.TagHero--colored {
    color: #edf3ff !important;
    background:
        radial-gradient(circle at 86% 12%, rgba(99, 102, 241, 0.24), transparent 16rem),
        linear-gradient(135deg, rgba(17, 27, 47, 0.98), rgba(11, 18, 32, 0.98)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

.TagHero .Hero-title,
.TagHero .Hero-title a,
.TagHero .Hero-subtitle,
.TagHero .item-title,
.TagHero p {
    color: #edf3ff !important;
    text-shadow: none !important;
}

.DiscussionHero-title,
.DiscussionHero-title a,
.DiscussionHero .TagsLabel,
.DiscussionHero .TagLabel,
.DiscussionHero .item-title {
    color: #f8fafc !important;
    text-shadow: none !important;
}

.Hero-title,
.Hero-subtitle,
.WelcomeHero h1,
.WelcomeHero h2,
.WelcomeHero p {
    color: #edf3ff !important;
}

.IndexPage,
.IndexPage-results,
.DiscussionList,
.DiscussionList-discussions,
.sideNavContainer {
    background: transparent !important;
}

.IndexPage-toolbar {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .App-content {min-height: calc(100vh - 46px)}
    .Hero.WelcomeHero {border-radius: 0 0 18px 18px}
}