/* 科技主题：深色太空背景 + 霓虹蓝青/紫色高亮，偏科技感仪表盘风格 */

body.theme-tech {
    /* 顶部导航 / 布局变量（整体为中等明暗：介于 classic 与 dark 之间） */
    --admin-bg-primary: #020617;          /* 页面最底层：深蓝黑 */
    --admin-bg-secondary: #0f172a;        /* 次级背景：深蓝灰（比底色亮一档） */
    --admin-bg-card: #0f172a;             /* 顶部导航、卡片背景：深蓝灰，接近 classic */
    --admin-bg-hover: #111827;            /* hover：再亮一档的蓝灰 */
    --admin-text-primary: #e5f4ff;        /* 主文字：略偏蓝的浅白 */
    --admin-text-secondary: #7dd3fc;      /* 次要文字：青蓝 */
    --admin-accent-primary: #22d3ee;      /* 主色：高亮青蓝 */
    --admin-accent-hover: #38bdf8;       /* hover：偏蓝的高亮 */
    --admin-border-color: #1f2937;        /* 边框：深蓝灰 */
    --admin-success-color: #22c55e;       /* 成功：绿色 */
    --admin-warning-color: #eab308;       /* 警告：黄色 */
    --admin-error-color: #f97373;         /* 错误：偏暖红 */
    --admin-nav-active-text: #f9fafb;     /* 导航激活文字颜色 */
    --layout-main-columns: minmax(0, 3fr) minmax(0, 7fr);

    /* 管理页通用变量（与 um-* 协同，中等明暗的深色科技风） */
    --um-bg-primary: #020617;             /* 页面底层背景：最暗层 */
    --um-bg-secondary: #0f172a;           /* 次级背景：深蓝灰 */
    --um-bg-panel: #111827;               /* 列表/详情卡片背景：比 secondary 再亮一档 */
    --um-bg-hover: #1f2937;               /* hover：靠近边框色的蓝灰，中间亮度 */
    --um-border: #1e293b;                 /* 卡片和分割线边框 */
    --um-text-primary: #e5f4ff;           /* 面板主文字 */
    --um-text-secondary: #7dd3fc;         /* 面板次要文字 */
    --um-text-on-accent: #f9fafb;         /* 高亮渐变背景上的文字颜色 */
    --um-accent: #22d3ee;                 /* 通用主色：青蓝 */
    --um-accent-hover: #38bdf8;           /* 主色 hover：偏蓝高亮 */
    --um-danger: #f97373;                 /* 危险色：暖红 */
    --um-success: #22c55e;                /* 成功色：绿色 */
    --um-shadow: 0 22px 60px rgba(15, 23, 42, 0.9); /* 更深的太空阴影 */
    --fibq-blank-bg: rgba(56, 189, 248, 0.16);
    --fibq-blank-border: rgba(56, 189, 248, 0.7);
    --mq-line-color: var(--um-accent);

    /* 通用列表 / 徽章 / 历史信息状态色 */
    --um-item-hover-bg: rgba(15, 23, 42, 0.7);           /* hover：比 dark 更亮一点 */
    --um-item-selected-bg: rgba(37, 99, 235, 0.35);      /* 选中行背景：偏蓝高亮 */
    --um-item-selected-border: rgba(191, 219, 254, 0.9);

    --um-badge-bg: radial-gradient(circle at top left, rgba(56, 189, 248, 0.5), rgba(30, 64, 175, 0.4));
    --um-badge-color: #e0f2fe;
    --um-badge-inactive-bg: rgba(30, 64, 175, 0.4);
    --um-badge-inactive-color: #94a3b8;

    /* 题型标签配色：更偏科技蓝青/紫 */
    --qtype-single-color: #6ee7b7;
    --qtype-single-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(34, 197, 94, 0.18));
    --qtype-single-border: rgba(34, 197, 94, 0.75);

    --qtype-multiple-color: #c4b5fd;
    --qtype-multiple-bg: linear-gradient(135deg, rgba(129, 140, 248, 0.3), rgba(147, 51, 234, 0.2));
    --qtype-multiple-border: rgba(129, 140, 248, 0.8);

    --qtype-blank-color: #fbbf24;
    --qtype-blank-bg: linear-gradient(135deg, rgba(234, 179, 8, 0.3), rgba(245, 158, 11, 0.2));
    --qtype-blank-border: rgba(234, 179, 8, 0.8);

    --qtype-matching-color: #fca5a5;
    --qtype-matching-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(248, 113, 113, 0.2));
    --qtype-matching-border: rgba(248, 113, 113, 0.85);

    --qtype-tf-color: #bfdbfe;
    --qtype-tf-bg: linear-gradient(135deg, rgba(37, 99, 235, 0.3), rgba(59, 130, 246, 0.2));
    --qtype-tf-border: rgba(59, 130, 246, 0.8);

    --qtype-unknown-color: #94a3b8;
    --qtype-unknown-bg: linear-gradient(135deg, rgba(148, 163, 184, 0.3), rgba(15, 23, 42, 0.4));
    --qtype-unknown-border: rgba(148, 163, 184, 0.8);

    --um-history-created-color: #38bdf8;
    --um-history-created-bg: rgba(8, 47, 73, 0.8);
    --um-history-time-color: #a5b4fc;
    --um-history-time-bg: rgba(30, 64, 175, 0.8);

    /* 班级管理页专用配色（cm- 前缀），科技蓝青 */
    --cm-btn-hover-bg: rgba(37, 99, 235, 0.3);
    --cm-btn-hover-border: rgba(191, 219, 254, 0.8);

    --cm-primary-btn-shadow: 0 10px 26px rgba(37, 99, 235, 0.6);
    --cm-primary-btn-shadow-hover: 0 14px 34px rgba(56, 189, 248, 0.75);
    --cm-ghost-btn-hover-bg: rgba(15, 23, 42, 0.95);
    --cm-outline-btn-border-color: rgba(148, 163, 184, 0.6);

    --cm-accent-btn-bg: linear-gradient(135deg, #22d3ee, #6366f1);
    --cm-accent-btn-bg-hover: linear-gradient(135deg, #38bdf8, #4f46e5);
    --cm-accent-btn-shadow: 0 10px 30px rgba(56, 189, 248, 0.7);
    --cm-accent-btn-shadow-hover: 0 16px 40px rgba(59, 130, 246, 0.85);

    --cm-danger-btn-bg: rgba(239, 68, 68, 0.35);
    --cm-danger-btn-bg-hover: rgba(248, 113, 113, 0.45);
    --cm-danger-btn-color: #fecaca;

    --cm-panel-header-border: #1e293b;
    --cm-panel-border-soft: #0f172a;

    --cm-empty-border: rgba(148, 163, 184, 0.5);
	--cm-seat-border: rgba(148, 163, 184, 0.85);

    --cm-tree-node-hover-bg: rgba(15, 23, 42, 0.8);
    --cm-tree-node-focused-bg: rgba(37, 99, 235, 0.4);
    --cm-tree-node-focused-border: rgba(56, 189, 248, 0.9);
    --cm-tree-children-border: rgba(30, 64, 175, 0.8);

    --cm-node-toggle-border: rgba(148, 163, 184, 0.6);
    --cm-node-toggle-bg: rgba(15, 23, 42, 0.95);
    --cm-node-toggle-border-hover: rgba(56, 189, 248, 0.9);
    --cm-node-meta-bg: rgba(15, 23, 42, 0.96);

    --cm-footer-bg: rgba(2, 6, 23, 0.98);

    --cm-modal-overlay-bg: rgba(15, 23, 42, 0.9);
    --cm-modal-bg: #020617;
    --cm-modal-border: #1e293b;
    --cm-modal-header-border: #1e293b;
    --cm-modal-footer-border: #1e293b;
    --cm-modal-tree-border: #1e293b;
    --cm-modal-tree-bg: #020617;

    --cm-checkbox-border: #1e293b;
    --cm-checkbox-bg: #020617;
    --cm-checkbox-hover-border: rgba(56, 189, 248, 0.9);
    --cm-checkbox-hover-bg: #020617;

    --cm-history-created-color: #38bdf8;
    --cm-history-created-bg: rgba(8, 47, 73, 0.9);
    --cm-history-time-color: #a5b4fc;
    --cm-history-time-bg: rgba(30, 64, 175, 0.9);

    --cm-input-readonly-bg: rgba(15, 23, 42, 0.95);
    --cm-input-focus-shadow: 0 0 0 3px rgba(56, 189, 248, 0.7);

	/* 班级成员座位图面板与渐变（科技霓虹风格） */
	--cm-seating-panel-bg: #020617;
	--cm-seating-stage-gradient-start: rgba(56, 189, 248, 0.45);
	--cm-seating-stage-gradient-end: rgba(129, 140, 248, 0.55);
	--cm-seat-occupied-gradient-start: rgba(56, 189, 248, 0.7);
	--cm-seat-occupied-gradient-end: rgba(59, 130, 246, 0.8);
	--cm-member-field-readonly-bg: rgba(15, 23, 42, 0.96);

    --admin-theme-id: tech;
}

/* ========== 科技主题：基础控件样式 ========== */

/* 顶部按钮（header 区域） */
body.theme-tech .admin-btn {
    border-radius: 6px;
    font-weight: 500;
}

body.theme-tech .admin-btn--primary {
    background-image: linear-gradient(135deg, #22d3ee, #6366f1);
    border-color: transparent;
    color: #020617;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.85);
}

body.theme-tech .admin-btn--primary:hover {
    filter: brightness(1.08);
}

body.theme-tech .admin-btn--ghost {
    background-color: transparent;
    border-color: var(--admin-border-color);
    color: var(--admin-text-secondary);
}

body.theme-tech .admin-btn--ghost:hover {
    background-color: rgba(15, 23, 42, 0.9);
    color: var(--admin-text-primary);
}

/* 通用按钮（各管理页 .um-btn）：科技霓虹风 */
body.theme-tech .um-btn {
    background: radial-gradient(circle at top left, rgba(56,189,248,0.3), rgba(15,23,42,0.95));
    border-color: rgba(37, 99, 235, 0.7);
    color: var(--um-text-primary);
}

body.theme-tech .um-btn:hover {
    background: radial-gradient(circle at top left, rgba(56,189,248,0.55), rgba(30,64,175,0.95));
    border-color: rgba(59, 130, 246, 0.95);
}

body.theme-tech .um-btn--primary {
    background-image: linear-gradient(135deg, #22d3ee, #6366f1);
    border-color: transparent;
    color: #020617;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.9);
}

body.theme-tech .um-btn--danger {
    background-image: linear-gradient(135deg, #ef4444, #f97316);
    border-color: rgba(248, 113, 113, 0.9);
    color: #fee2e2;
}

body.theme-tech .um-btn--ghost {
    background-color: transparent;
    border-color: transparent;
    color: var(--um-text-secondary);
}

/* 输入框 / 下拉框 */
body.theme-tech .um-input,
body.theme-tech .um-select,
body.theme-tech select,
body.theme-tech input[type="text"],
body.theme-tech input[type="number"],
body.theme-tech input[type="url"],
body.theme-tech textarea {
    background-color: rgba(15, 23, 42, 0.95);
    border: 1px solid var(--um-border);
    color: var(--um-text-primary);
}

body.theme-tech .um-input::placeholder,
body.theme-tech textarea::placeholder,
body.theme-tech input::placeholder {
    color: var(--um-text-secondary);
}

body.theme-tech .um-input:focus,
body.theme-tech .um-select:focus,
body.theme-tech select:focus,
body.theme-tech input:focus,
body.theme-tech textarea:focus {
    border-color: var(--um-accent);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.8);
    outline: none;
}

/* 列表/面板背景 */
body.theme-tech .um-list-panel,
body.theme-tech .um-detail-panel,
body.theme-tech .um-modal__content {
    background-color: var(--um-bg-panel);
    border-color: var(--um-border);
    box-shadow: var(--um-shadow);
}

/* 列表项文本与提示 */
body.theme-tech .um-user-item__name,
body.theme-tech .um-node__label {
    color: var(--um-text-primary);
}

body.theme-tech .um-user-item__meta,
body.theme-tech .um-page-info,
body.theme-tech .um-page-size-label,
body.theme-tech .um-modal__hint {
    color: var(--um-text-secondary);
}

/* 复选框与必填星号 */
body.theme-tech .um-user-item__checkbox,
body.theme-tech .um-checkbox input[type="checkbox"] {
    accent-color: var(--um-accent);
}

body.theme-tech .um-required {
    color: var(--um-danger);
}