/*
 * ImQi1Admin Dark Theme
 *
 * 结构说明：
 * - 本文件通过 @media (prefers-color-scheme: dark) 覆盖 light.css 的变量
 * - 变量顺序和分类与 light.css 完全对齐
 * - 包含 Tailwind 工具类和组件的暗色覆盖（必需，因为 PHP 中大量使用）
 */

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;

        /* ========================================
         * 基础色板 - Backgrounds
         * ======================================== */
        --ImQi1Admin-bg: #0f1217;
        --ImQi1Admin-sidebar: #111722;
        --ImQi1Admin-active: #273246;

        /* ========================================
         * 表面色板 - Surfaces
         * ======================================== */
        --ImQi1Admin-surface: #171b22;
        --ImQi1Admin-surface-2: #1d232d;
        --ImQi1Admin-surface-muted: #141922;

        /* ========================================
         * 边框色板 - Borders
         * ======================================== */
        --ImQi1Admin-border: #2b3442;
        --ImQi1Admin-border-strong: #3a475a;

        /* ========================================
         * 文本色板 - Text Colors
         * ======================================== */
        --ImQi1Admin-text: #e8edf3;
        --ImQi1Admin-muted: #9aa7b7;
        --ImQi1Admin-placeholder: #8694a6;
        --ImQi1Admin-on-accent: #ffffff;

        /* ========================================
         * 控件色板 - Form Controls
         * ======================================== */
        --ImQi1Admin-control-bg: #263041;
        --ImQi1Admin-control-bg-hover: #2d3a4f;
        --ImQi1Admin-control-disabled-bg: #141922;
        --ImQi1Admin-control-disabled-text: #8694a6;
        --ImQi1Admin-focus-ring: rgba(122, 139, 255, 0.32);

        /* ========================================
         * 强调色 - Accent (Primary Brand Color)
         * ======================================== */
        --ImQi1Admin-accent: #7a8bff;
        --ImQi1Admin-accent-hover: #90a0ff;
        --ImQi1Admin-accent-active: #a7b4ff;
        --ImQi1Admin-accent-rgb: 122, 139, 255;

        /* ========================================
         * 链接色 - Links
         * ======================================== */
        --ImQi1Admin-link: #7a8bff;
        --ImQi1Admin-link-hover: #90a0ff;
        --ImQi1Admin-link-active: #a7b4ff;
        --ImQi1Admin-link-disabled: #7382c4;
        --ImQi1Admin-link-soft-bg: #273246;
        --ImQi1Admin-link-soft-hover: #34445c;

        /* ========================================
         * 语义色 - Success
         * ======================================== */
        --ImQi1Admin-success: #8fdc8f;
        --ImQi1Admin-success-bg: #203f2b;
        --ImQi1Admin-success-bg-alt: #203f2b;
        --ImQi1Admin-success-text: #8fdc8f;
        --ImQi1Admin-success-text-strong: #8fdc8f;

        /* ========================================
         * 语义色 - Warning
         * ======================================== */
        --ImQi1Admin-warning: #ffd37a;
        --ImQi1Admin-warning-bg: #43381d;
        --ImQi1Admin-warning-text: #ffd37a;

        /* ========================================
         * 语义色 - Danger/Error
         * ======================================== */
        --ImQi1Admin-danger: #ff8b8b;
        --ImQi1Admin-danger-strong: #a94a4a;
        --ImQi1Admin-danger-hover: #ff9a9a;
        --ImQi1Admin-danger-active: #ffb0b0;
        --ImQi1Admin-danger-disabled: #c76f75;
        --ImQi1Admin-error-bg: #4c2428;
        --ImQi1Admin-error-text: #ffc0c0;

        /* ========================================
         * 语义色 - Info
         * ======================================== */
        --ImQi1Admin-info: #76a2ff;
        --ImQi1Admin-info-hover: #9fb8ff;
        --ImQi1Admin-info-bg: #1a2232;

        /* ========================================
         * Token Input 组件
         * ======================================== */
        --ImQi1Admin-token-bg: #263041;
        --ImQi1Admin-token-bg-selected: #2d3a4f;
        --ImQi1Admin-token-text: #e8edf3;
        --ImQi1Admin-token-remove: #9aa7b7;
        --ImQi1Admin-token-remove-hover: #ff8b8b;
        --ImQi1Admin-token-dropdown-hover: #1d232d;
        --ImQi1Admin-token-dropdown-selected-bg: #273246;
        --ImQi1Admin-token-dropdown-selected-text: #e8edf3;

        /* ========================================
         * 表格组件 - Table
         * ======================================== */
        --ImQi1Admin-table-head: #151c28;
        --ImQi1Admin-table-row-odd: #151a22;
        --ImQi1Admin-table-row-even: #111722;
        --ImQi1Admin-table-row-hover: #1d2532;

        /* ========================================
         * 高亮与选中 - Highlights
         * ======================================== */
        --ImQi1Admin-highlight-soft: #1b2230;
        --ImQi1Admin-highlight-danger: #5e2f37;
        --ImQi1Admin-highlight-warm: #2f2a1d;
        --ImQi1Admin-selection-bg: #273246;
        --ImQi1Admin-selection-border: #3a475a;

        /* ========================================
         * 图表组件 - Charts
         * ======================================== */
        --ImQi1Admin-chart-text: #d9e1ec;
        --ImQi1Admin-chart-axis: #8f9db0;
        --ImQi1Admin-chart-grid: #2a3342;
        --ImQi1Admin-chart-tooltip-bg: rgba(17, 23, 34, 0.95);
        --ImQi1Admin-chart-posts: #7a8bff;
        --ImQi1Admin-chart-posts-soft: rgba(122, 139, 255, 0.35);
        --ImQi1Admin-chart-posts-fade: rgba(122, 139, 255, 0.08);
        --ImQi1Admin-chart-comments: #66c787;
        --ImQi1Admin-chart-comments-soft: rgba(102, 199, 135, 0.28);
        --ImQi1Admin-chart-comments-fade: rgba(102, 199, 135, 0.05);
        --ImQi1Admin-chart-warn: #ffc766;
        --ImQi1Admin-chart-danger: #ff7b7b;

        /* ========================================
         * 导航栏 - Navigation
         * ======================================== */
        --ImQi1Admin-nav-bg: #111722;
        --ImQi1Admin-nav-bg-hover: #171f2c;
        --ImQi1Admin-nav-border: #2b3442;

        /* ========================================
         * 遮罩层 - Overlays
         * ======================================== */
        --ImQi1Admin-overlay: rgba(0, 0, 0, 0.7);
        --ImQi1Admin-overlay-solid: #000000;
        --ImQi1Admin-hero-overlay: rgba(0, 0, 0, 0.62);

        /* ========================================
         * NProgress 加载指示器
         * ======================================== */
        --ImQi1Admin-spinner-bg: rgba(30, 37, 48, 0.95);
        --ImQi1Admin-spinner-text: #e8edf3;
        --ImQi1Admin-spinner-icon-bg: rgba(232, 237, 243, 0.2);
        --ImQi1Admin-spinner-icon-active: #7a8bff;
        --ImQi1Admin-spinner-border: rgba(232, 237, 243, 0.15);

        /* ========================================
         * 插件横幅 - Plugin Banner
         * ======================================== */
        --ImQi1Admin-banner-avatar-border: rgba(232, 237, 243, 0.3);
        --ImQi1Admin-banner-btn-bg: rgba(232, 237, 243, 0.15);
        --ImQi1Admin-banner-btn-hover: rgba(232, 237, 243, 0.25);
        --ImQi1Admin-banner-primary-bg: rgba(232, 237, 243, 0.95);

        /* ========================================
         * 设置标签页 - Settings Tabs (Mobile)
         * ======================================== */
        --ImQi1Admin-tabs-fade-mask: rgba(15, 18, 23, 0.95);

        /* ========================================
         * 兼容性别名 - Legacy Aliases
         * ======================================== */
        --color-discord-light: var(--ImQi1Admin-bg);
        --color-discord-sidebar: var(--ImQi1Admin-sidebar);
        --color-discord-active: var(--ImQi1Admin-active);
        --color-discord-accent: var(--ImQi1Admin-accent);
        --color-discord-text: var(--ImQi1Admin-text);
        --color-discord-muted: var(--ImQi1Admin-muted);
    }

    /* ========================================
     * 基础元素
     * ======================================== */
    html,
    body,
    body.body-100,
    body:not(.body-100),
    main,
    .bg-discord-light {
        background-color: var(--ImQi1Admin-bg) !important;
        color: var(--ImQi1Admin-text) !important;
    }

    a {
        color: var(--ImQi1Admin-accent);
    }

    a:hover {
        color: var(--ImQi1Admin-accent-hover);
    }

    /* ========================================
     * Tailwind 背景色工具类覆盖
     * ======================================== */
    .bg-white {
        background-color: var(--ImQi1Admin-surface) !important;
    }

    .bg-gray-50 {
        background-color: var(--ImQi1Admin-surface-muted) !important;
    }

    .bg-gray-100 {
        background-color: var(--ImQi1Admin-highlight-soft) !important;
    }

    .bg-gray-200 {
        background-color: var(--ImQi1Admin-active) !important;
    }

    .bg-gray-300 {
        background-color: var(--ImQi1Admin-link-soft-bg) !important;
    }

    /* ========================================
     * Tailwind 文本色工具类覆盖
     * ======================================== */
    .text-discord-text,
    .text-gray-900,
    .text-gray-800,
    .text-gray-700,
    .text-gray-600 {
        color: var(--ImQi1Admin-text) !important;
    }

    .text-discord-muted,
    .text-gray-500,
    .text-gray-400,
    .text-gray-300 {
        color: var(--ImQi1Admin-muted) !important;
    }

    /* ========================================
     * Tailwind 边框色工具类覆盖
     * ======================================== */
    .border,
    .border-gray-100,
    .border-gray-200,
    .border-gray-300,
    .border-dashed {
        border-color: var(--ImQi1Admin-border) !important;
    }

    /* ========================================
     * Tailwind Hover 状态覆盖
     * ======================================== */
    .hover\:bg-gray-50:hover {
        background-color: var(--ImQi1Admin-highlight-soft) !important;
    }

    .hover\:bg-gray-100:hover {
        background-color: var(--ImQi1Admin-surface-2) !important;
    }

    .hover\:bg-gray-300:hover {
        background-color: var(--ImQi1Admin-link-soft-hover) !important;
    }

    .hover\:text-discord-text:hover {
        color: var(--ImQi1Admin-text) !important;
    }

    .hover\:text-red-500:hover {
        color: var(--ImQi1Admin-danger) !important;
    }

    /* ========================================
     * Discord 主题工具类
     * ======================================== */
    .bg-discord-sidebar {
        background-color: var(--ImQi1Admin-sidebar) !important;
    }

    .bg-discord-active {
        background-color: var(--ImQi1Admin-active) !important;
    }

    .text-discord-accent,
    .hover\:text-discord-accent:hover {
        color: var(--ImQi1Admin-accent) !important;
    }

    .bg-discord-accent,
    .hover\:bg-discord-accent:hover {
        background-color: var(--ImQi1Admin-accent) !important;
    }

    /* ========================================
     * 表单控件
     * ======================================== */
    input[type="text"],
    input[type="url"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    textarea,
    select,
    .typecho-option input[type="text"],
    .typecho-option input[type="password"],
    .typecho-option input[type="email"],
    .typecho-option input[type="url"],
    .typecho-option input[type="number"],
    .typecho-option textarea {
        background-color: var(--ImQi1Admin-surface-2) !important;
        border-color: var(--ImQi1Admin-border) !important;
        color: var(--ImQi1Admin-text) !important;
    }

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

    input[type="text"]:disabled,
    input[type="text"]:read-only,
    input[type="url"]:disabled,
    input[type="url"]:read-only,
    input[type="password"]:disabled,
    input[type="password"]:read-only,
    input[type="email"]:disabled,
    input[type="email"]:read-only,
    input[type="number"]:disabled,
    input[type="number"]:read-only,
    textarea:disabled,
    textarea:read-only {
        background-color: var(--ImQi1Admin-surface-muted) !important;
    }

    /* ========================================
     * 按钮
     * ======================================== */
    .btn,
    .btn-xs,
    .btn-s,
    .btn-l,
    #ui-datepicker-div .ui-datepicker-current,
    #ui-datepicker-div .ui-datepicker-close {
        background-color: var(--ImQi1Admin-control-bg) !important;
        color: var(--ImQi1Admin-text) !important;
    }

    .btn:hover,
    #ui-datepicker-div .ui-datepicker-current:hover,
    #ui-datepicker-div .ui-datepicker-close:hover {
        background-color: var(--ImQi1Admin-control-bg-hover) !important;
    }

    .primary,
    .btn.primary {
        background-color: var(--ImQi1Admin-accent) !important;
        color: var(--ImQi1Admin-on-accent) !important;
    }

    .primary:hover,
    .btn.primary:hover {
        background-color: var(--ImQi1Admin-accent-hover) !important;
    }

    .btn-warn {
        background-color: var(--ImQi1Admin-danger-strong) !important;
        color: var(--ImQi1Admin-on-accent) !important;
    }

    /* ========================================
     * 下拉菜单
     * ======================================== */
    .dropdown-menu {
        background: var(--ImQi1Admin-surface) !important;
        border-color: var(--ImQi1Admin-border) !important;
    }

    .dropdown-menu a {
        color: var(--ImQi1Admin-text) !important;
    }

    .dropdown-menu a:hover {
        background: var(--ImQi1Admin-surface-2) !important;
    }

    /* ========================================
     * 分页器
     * ======================================== */
    .typecho-pager li a,
    .typecho-pager li span {
        background-color: var(--ImQi1Admin-surface) !important;
        color: var(--ImQi1Admin-muted) !important;
        border-color: var(--ImQi1Admin-border) !important;
    }

    .typecho-pager li a:hover {
        background-color: var(--ImQi1Admin-highlight-soft) !important;
        color: var(--ImQi1Admin-accent) !important;
        border-color: var(--ImQi1Admin-border-strong) !important;
    }

    .typecho-pager li.current span {
        background-color: var(--ImQi1Admin-accent) !important;
        border-color: var(--ImQi1Admin-accent) !important;
        color: var(--ImQi1Admin-on-accent) !important;
    }

    /* ========================================
     * 表格
     * ======================================== */
    .table-wrapper,
    table,
    .typecho-list-table,
    .typecho-list-table th,
    .typecho-list-table td {
        border-color: var(--ImQi1Admin-border) !important;
    }

    .typecho-list-table thead th {
        background-color: var(--ImQi1Admin-table-head) !important;
        color: var(--ImQi1Admin-text) !important;
    }

    .typecho-list-table tbody tr:nth-child(odd) {
        background-color: var(--ImQi1Admin-table-row-odd) !important;
    }

    .typecho-list-table tbody tr:nth-child(even) {
        background-color: var(--ImQi1Admin-table-row-even) !important;
    }

    .typecho-list-table tbody tr:hover {
        background-color: var(--ImQi1Admin-table-row-hover) !important;
    }

    /* ========================================
     * 消息提示
     * ======================================== */
    .message.notice,
    .notice {
        background: var(--ImQi1Admin-warning-bg) !important;
        color: var(--ImQi1Admin-warning-text) !important;
    }

    .message.error,
    .error,
    .typecho-reform-style .message.error {
        background: var(--ImQi1Admin-error-bg) !important;
        color: var(--ImQi1Admin-error-text) !important;
    }

    .message.success,
    .success,
    .typecho-reform-style .message.success {
        background: var(--ImQi1Admin-success-bg-alt) !important;
        color: var(--ImQi1Admin-success-text-strong) !important;
    }

    .warning {
        color: var(--ImQi1Admin-warning) !important;
    }

    /* ========================================
     * 模态框
     * ======================================== */
    .comment-modal,
    [class$="-confirm-modal"],
    [id$="-confirm-modal"] {
        background: var(--ImQi1Admin-overlay) !important;
    }

    .comment-modal-content,
    .ImQi1Admin-copyright-popup {
        background: var(--ImQi1Admin-surface) !important;
        border-color: var(--ImQi1Admin-border) !important;
        color: var(--ImQi1Admin-text) !important;
    }

    /* ========================================
     * 页脚
     * ======================================== */
    #admin-footer {
        background-color: var(--ImQi1Admin-nav-bg) !important;
        border-top-color: var(--ImQi1Admin-border) !important;
        color: var(--ImQi1Admin-muted) !important;
    }

    /* ========================================
     * NProgress
     * ======================================== */
    #nprogress .bar {
        background: var(--ImQi1Admin-accent) !important;
    }

    #nprogress .spinner-icon {
        border-top-color: var(--ImQi1Admin-accent) !important;
        border-left-color: var(--ImQi1Admin-accent) !important;
    }

    /* ========================================
     * 通知 Toast
     * ======================================== */
    .typecho-notification {
        background: #171b22 !important;
        border-color: var(--ImQi1Admin-border) !important;
        box-shadow: none !important;
        color: var(--ImQi1Admin-text) !important;
    }

    .typecho-notification.success {
        border-left-color: var(--ImQi1Admin-success) !important;
    }

    .typecho-notification.error {
        border-left-color: var(--ImQi1Admin-danger) !important;
    }

    .typecho-notification.notice {
        border-left-color: var(--ImQi1Admin-warning) !important;
    }

    .typecho-notification.info {
        border-left-color: var(--ImQi1Admin-info) !important;
    }

    /* ========================================
     * 插件样式兼容层 - Plugin Compatibility
     * ======================================== */

    /* 代码块 */
    code,
    pre,
    .code,
    .code-block,
    .highlight,
    .typecho-option pre,
    .typecho-option code {
        background: var(--ImQi1Admin-surface-2) !important;
        color: var(--ImQi1Admin-text) !important;
        border-color: var(--ImQi1Admin-border) !important;
    }

    /* 描述/说明区域 */
    .description,
    .typecho-option .description {
        color: var(--ImQi1Admin-muted) !important;
    }

    /* 面板/容器 */
    .panel,
    .panel-body,
    .widget,
    .widget-body,
    .box,
    .box-body {
        background: var(--ImQi1Admin-surface) !important;
        border-color: var(--ImQi1Admin-border) !important;
        color: var(--ImQi1Admin-text) !important;
    }

    /* 标签页 */
    .tabs,
    .tab-content {
        background: var(--ImQi1Admin-surface) !important;
        border-color: var(--ImQi1Admin-border) !important;
    }

    .tab.active,
    .tabs li.active a {
        background: var(--ImQi1Admin-surface-2) !important;
        color: var(--ImQi1Admin-accent) !important;
        border-color: var(--ImQi1Admin-accent) !important;
    }
}