/* ====================================
   茶馆管理系统 - 主题颜色方案
   提供多种配色主题选择
   ==================================== */

/* ============ 默认主题（紫色渐变） ============ */
:root {
	--theme-primary-start: #667eea;
	--theme-primary-end: #764ba2;
}

/* ============ 蓝色主题 ============ */
.theme-blue {
	--theme-primary-start: #4facfe;
	--theme-primary-end: #00f2fe;
}

.theme-blue .layui-layout-admin .layui-header,
.theme-blue .layadmin-pagetabs .layui-tab-title li.layui-this {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.theme-blue .layui-side-menu .layui-nav .layui-this,
.theme-blue .layui-side-menu .layui-nav .layui-nav-itemed > a {
	background: linear-gradient(135deg, rgba(79, 172, 254, 0.8) 0%, rgba(0, 242, 254, 0.8) 100%) !important;
}

.theme-blue .layui-btn-primary {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

/* ============ 绿色主题 ============ */
.theme-green {
	--theme-primary-start: #11998e;
	--theme-primary-end: #38ef7d;
}

.theme-green .layui-layout-admin .layui-header,
.theme-green .layadmin-pagetabs .layui-tab-title li.layui-this {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

.theme-green .layui-side-menu .layui-nav .layui-this,
.theme-green .layui-side-menu .layui-nav .layui-nav-itemed > a {
	background: linear-gradient(135deg, rgba(17, 153, 142, 0.8) 0%, rgba(56, 239, 125, 0.8) 100%) !important;
}

.theme-green .layui-btn-primary {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

/* ============ 橙色主题 ============ */
.theme-orange {
	--theme-primary-start: #f83600;
	--theme-primary-end: #f9d423;
}

.theme-orange .layui-layout-admin .layui-header,
.theme-orange .layadmin-pagetabs .layui-tab-title li.layui-this {
	background: linear-gradient(135deg, #f83600 0%, #f9d423 100%);
}

.theme-orange .layui-side-menu .layui-nav .layui-this,
.theme-orange .layui-side-menu .layui-nav .layui-nav-itemed > a {
	background: linear-gradient(135deg, rgba(248, 54, 0, 0.8) 0%, rgba(249, 212, 35, 0.8) 100%) !important;
}

.theme-orange .layui-btn-primary {
	background: linear-gradient(135deg, #f83600 0%, #f9d423 100%);
}

/* ============ 粉色主题 ============ */
.theme-pink {
	--theme-primary-start: #f093fb;
	--theme-primary-end: #f5576c;
}

.theme-pink .layui-layout-admin .layui-header,
.theme-pink .layadmin-pagetabs .layui-tab-title li.layui-this {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.theme-pink .layui-side-menu .layui-nav .layui-this,
.theme-pink .layui-side-menu .layui-nav .layui-nav-itemed > a {
	background: linear-gradient(135deg, rgba(240, 147, 251, 0.8) 0%, rgba(245, 87, 108, 0.8) 100%) !important;
}

.theme-pink .layui-btn-primary {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* ============ 深色主题 ============ */
.theme-dark {
	--theme-primary-start: #2c3e50;
	--theme-primary-end: #34495e;
}

.theme-dark .layui-layout-admin .layui-header {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

.theme-dark .layadmin-pagetabs .layui-tab-title li.layui-this {
	background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
}

.theme-dark .layui-side-menu {
	background: linear-gradient(180deg, #1a252f 0%, #2c3e50 100%);
}

.theme-dark .layui-side-menu .layui-nav .layui-this,
.theme-dark .layui-side-menu .layui-nav .layui-nav-itemed > a {
	background: linear-gradient(135deg, rgba(52, 73, 94, 0.8) 0%, rgba(44, 62, 80, 0.8) 100%) !important;
}

.theme-dark .layui-btn-primary {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

/* ============ 夜间模式 ============ */
.night-mode {
	background: #1a1a1a;
}

.night-mode .layui-body {
	background: #1a1a1a;
}

.night-mode .layui-card {
	background: #2a2a2a;
	border-color: #3a3a3a;
	color: #e0e0e0;
}

.night-mode .layui-card-header {
	background: linear-gradient(135deg, #2a2a2a 0%, #2f2f2f 100%);
	color: #e0e0e0;
	border-bottom-color: #3a3a3a;
}

.night-mode .layui-table {
	background: #2a2a2a;
	color: #e0e0e0;
}

.night-mode .layui-table thead tr {
	background: linear-gradient(135deg, #2a2a2a 0%, #2f2f2f 100%);
}

.night-mode .layui-table tbody tr:hover {
	background: #333;
}

.night-mode .layui-input,
.night-mode .layui-select,
.night-mode .layui-textarea {
	background: #2a2a2a;
	border-color: #3a3a3a;
	color: #e0e0e0;
}

.night-mode fieldset.layui-elem-field {
	border-color: #3a3a3a;
	background: #2a2a2a;
}

.night-mode fieldset.layui-elem-field legend {
	background: #2a2a2a;
	color: #e0e0e0;
}

/* ============ 主题切换动画 ============ */
body,
.layui-layout-admin .layui-header,
.layui-side-menu,
.layui-card,
.layui-btn {
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}