/**
 * 前台主题：html[data-elite-theme="0"…"7"]
 * 0 = 经典绿能（默认）：原 135° 双色渐变 + 同款星空叠层（不改配色数值）
 * 1–7 = 同色系浅色→深色星空渐变（不含纯白底，便于白字阅读）
 */

html:not([data-elite-theme]),
html[data-elite-theme="0"],
html[data-elite-theme="1"],
html[data-elite-theme="2"],
html[data-elite-theme="3"],
html[data-elite-theme="4"],
html[data-elite-theme="5"],
html[data-elite-theme="6"],
html[data-elite-theme="7"] {
	--elite-star-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='12' cy='28' r='0.9' opacity='0.55'/%3E%3Ccircle cx='48' cy='14' r='0.55' opacity='0.35'/%3E%3Ccircle cx='76' cy='62' r='0.75' opacity='0.5'/%3E%3Ccircle cx='102' cy='36' r='0.5' opacity='0.4'/%3E%3Ccircle cx='140' cy='88' r='0.85' opacity='0.45'/%3E%3Ccircle cx='168' cy='22' r='0.55' opacity='0.3'/%3E%3Ccircle cx='198' cy='74' r='0.7' opacity='0.5'/%3E%3Ccircle cx='228' cy='48' r='0.5' opacity='0.35'/%3E%3Ccircle cx='256' cy='96' r='0.9' opacity='0.5'/%3E%3Ccircle cx='288' cy='18' r='0.6' opacity='0.4'/%3E%3Ccircle cx='30' cy='112' r='0.65' opacity='0.45'/%3E%3Ccircle cx='58' cy='156' r='0.5' opacity='0.3'/%3E%3Ccircle cx='92' cy='132' r='0.8' opacity='0.5'/%3E%3Ccircle cx='124' cy='178' r='0.55' opacity='0.35'/%3E%3Ccircle cx='158' cy='148' r='0.7' opacity='0.45'/%3E%3Ccircle cx='188' cy='198' r='0.5' opacity='0.4'/%3E%3Ccircle cx='218' cy='168' r='0.85' opacity='0.55'/%3E%3Ccircle cx='248' cy='216' r='0.55' opacity='0.35'/%3E%3Ccircle cx='278' cy='142' r='0.65' opacity='0.45'/%3E%3Ccircle cx='302' cy='188' r='0.5' opacity='0.3'/%3E%3Ccircle cx='22' cy='202' r='0.75' opacity='0.5'/%3E%3Ccircle cx='54' cy='242' r='0.55' opacity='0.4'/%3E%3Ccircle cx='88' cy='226' r='0.9' opacity='0.45'/%3E%3Ccircle cx='118' cy='268' r='0.5' opacity='0.35'/%3E%3Ccircle cx='152' cy='248' r='0.7' opacity='0.5'/%3E%3Ccircle cx='182' cy='288' r='0.55' opacity='0.3'/%3E%3Ccircle cx='212' cy='258' r='0.8' opacity='0.5'/%3E%3Ccircle cx='242' cy='302' r='0.5' opacity='0.4'/%3E%3Ccircle cx='272' cy='276' r='0.65' opacity='0.45'/%3E%3Ccircle cx='298' cy='236' r='0.55' opacity='0.35'/%3E%3Ccircle cx='38' cy='288' r='0.7' opacity='0.4'/%3E%3C/g%3E%3C/svg%3E");
}

html:not([data-elite-theme]),
html[data-elite-theme="0"] {
	--elite-body-gradient: linear-gradient(135deg, #033028 0%, #074d41 100%);
	--elite-star-opacity: 0.42;
	--primary-dark: #033028;
	--card-bg: #074d41;
	--accent-gold: #facc15;
	--nav-border: #0f5e52;
	--glass-bg: rgba(7, 77, 65, 0.9);
	--theme-color-meta: #033028;
	--nav-muted: #8baead;
	--surface-highlight: #0f5e52;
	--surface-inset: #074d41;
	--surface-footer: #053b32;
	--surface-panel: linear-gradient(90deg, #0f5e52, #074d41);
}

/* 1 深海蔚蓝：加深海蓝→近黑 */
html[data-elite-theme="1"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#1d4ed8 0%,
		#1e40af 16%,
		#1e3a8a 32%,
		#172554 48%,
		#0f172a 64%,
		#020617 80%,
		#010409 100%
	);
	--elite-star-opacity: 0.42;
	--primary-dark: #1e40af;
	--card-bg: #1d4ed8;
	--accent-gold: #fef08a;
	--nav-border: rgba(255, 255, 255, 0.22);
	--glass-bg: rgba(4, 8, 22, 0.58);
	--theme-color-meta: #1e3a8a;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #2563eb;
	--surface-inset: #1e3a8a;
	--surface-footer: #0f172a;
	--surface-panel: linear-gradient(90deg, #1e3a8a, #2563eb);
}

/* 2 紫罗兰：加深深紫→近黑（与夜幕系同一思路） */
html[data-elite-theme="2"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#6d28d9 0%,
		#5b21b6 18%,
		#4c1d95 36%,
		#3b0764 54%,
		#1e1b4b 74%,
		#0c0a12 100%
	);
	--elite-star-opacity: 0.44;
	--primary-dark: #5b21b6;
	--card-bg: #6d28d9;
	--accent-gold: #fde68a;
	--nav-border: rgba(255, 255, 255, 0.2);
	--glass-bg: rgba(12, 8, 28, 0.58);
	--theme-color-meta: #4c1d95;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #7c3aed;
	--surface-inset: #5b21b6;
	--surface-footer: #1e1b4b;
	--surface-panel: linear-gradient(90deg, #5b21b6, #7c3aed);
}

/* 3 暖橙：加深褐橙→近黑 */
html[data-elite-theme="3"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#c2410c 0%,
		#9a3412 18%,
		#7c2d12 38%,
		#5c1f0d 56%,
		#2b0f06 76%,
		#0a0402 100%
	);
	--elite-star-opacity: 0.46;
	--primary-dark: #9a3412;
	--card-bg: #c2410c;
	--accent-gold: #fcd34d;
	--nav-border: rgba(255, 255, 255, 0.2);
	--glass-bg: rgba(18, 6, 3, 0.58);
	--theme-color-meta: #7c2d12;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #ea580c;
	--surface-inset: #9a3412;
	--surface-footer: #3f1509;
	--surface-panel: linear-gradient(90deg, #9a3412, #c2410c);
}

/* 4 青灰：加深 slate→近黑 */
html[data-elite-theme="4"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#475569 0%,
		#334155 20%,
		#1e293b 40%,
		#0f172a 58%,
		#020617 78%,
		#010409 100%
	);
	--elite-star-opacity: 0.46;
	--primary-dark: #1e293b;
	--card-bg: #334155;
	--accent-gold: #22d3ee;
	--nav-border: rgba(255, 255, 255, 0.18);
	--glass-bg: rgba(2, 6, 15, 0.6);
	--theme-color-meta: #0f172a;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #475569;
	--surface-inset: #1e293b;
	--surface-footer: #0f172a;
	--surface-panel: linear-gradient(90deg, #334155, #475569);
}

/* 5 森绿：加深墨绿→近黑 */
html[data-elite-theme="5"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#15803d 0%,
		#166534 20%,
		#14532d 40%,
		#0f3d26 58%,
		#052e16 76%,
		#021910 100%
	);
	--elite-star-opacity: 0.44;
	--primary-dark: #166534;
	--card-bg: #15803d;
	--accent-gold: #bef264;
	--nav-border: rgba(255, 255, 255, 0.2);
	--glass-bg: rgba(3, 22, 12, 0.58);
	--theme-color-meta: #14532d;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #22c55e;
	--surface-inset: #166534;
	--surface-footer: #052e16;
	--surface-panel: linear-gradient(90deg, #166534, #15803d);
}

/* 6 酒红魅影：酒红整体压深，更快沉入近黑 */
html[data-elite-theme="6"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#6b1028 0%,
		#5a0d22 16%,
		#450a1a 34%,
		#2f0612 52%,
		#1a0309 70%,
		#0a0205 88%,
		#020101 100%
	);
	--elite-star-opacity: 0.38;
	--primary-dark: #5a0d22;
	--card-bg: #6b1028;
	--accent-gold: #fcd34d;
	--nav-border: rgba(255, 255, 255, 0.16);
	--glass-bg: rgba(8, 1, 3, 0.68);
	--theme-color-meta: #450a1a;
	--nav-muted: rgba(255, 255, 255, 0.5);
	--surface-highlight: #881337;
	--surface-inset: #450a1a;
	--surface-footer: #0f0206;
	--surface-panel: linear-gradient(90deg, #450a1a, #6b1028);
}

/* 7 琥珀夜幕：浓琥珀→近黑（浅端/深端都压深，更沉稳高级） */
html[data-elite-theme="7"] {
	--elite-body-gradient: linear-gradient(
		168deg,
		#92400e 0%,
		#78350f 18%,
		#5c2e0e 38%,
		#3f2108 58%,
		#1a0f06 78%,
		#050403 100%
	);
	--elite-star-opacity: 0.48;
	--primary-dark: #713f12;
	--card-bg: #92400e;
	--accent-gold: #fcd34d;
	--nav-border: rgba(255, 255, 255, 0.18);
	--glass-bg: rgba(5, 4, 3, 0.62);
	--theme-color-meta: #5c2e0e;
	--nav-muted: rgba(255, 255, 255, 0.55);
	--surface-highlight: #a16207;
	--surface-inset: #713f12;
	--surface-footer: #2a180a;
	--surface-panel: linear-gradient(90deg, #713f12, #b45309);
}

.elite-top-bar {
	background-color: var(--primary-dark) !important;
}
.elite-top-border {
	border-color: var(--nav-border) !important;
}

/* 顶栏语言按钮、跑马灯、任务统计条等 */
.elite-surface-highlight {
	background-color: var(--surface-highlight) !important;
}

/* 资产卡、任务汇总等大色块（整段 background 覆盖 .glass-card 的底色） */
.elite-panel-gradient {
	background: var(--surface-panel) !important;
}

/* 余额胶囊、记录页分段条背景 */
.elite-surface-inset {
	background-color: var(--surface-inset) !important;
}

/* VIP 卡片底栏等 */
.elite-surface-footer {
	background-color: var(--surface-footer) !important;
}

/* 任务页倒计时块、强调条 */
.elite-surface-accent-block {
	background-color: var(--surface-highlight) !important;
}

/* 记录页等：选中态胶囊按钮 */
.elite-chip-active {
	background-color: var(--accent-gold) !important;
	color: #0f172a !important;
}

body .nav-bar .nav-item {
	color: var(--nav-muted);
}

.tab-btn.active {
	color: var(--accent-gold) !important;
	border-bottom: 2px solid var(--accent-gold) !important;
}

@media (min-width: 768px) {
	body {
		background-color: var(--primary-dark);
	}
	body > #app {
		background-color: var(--primary-dark);
	}
}

/* 经典绿能（0）与主题 1–7：渐变底 + 同款星空叠层 */
html:not([data-elite-theme]) body,
html[data-elite-theme="0"] body,
html[data-elite-theme="1"] body,
html[data-elite-theme="2"] body,
html[data-elite-theme="3"] body,
html[data-elite-theme="4"] body,
html[data-elite-theme="5"] body,
html[data-elite-theme="6"] body,
html[data-elite-theme="7"] body {
	background: var(--elite-body-gradient) !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

html:not([data-elite-theme]) body > #app,
html[data-elite-theme="0"] body > #app,
html[data-elite-theme="1"] body > #app,
html[data-elite-theme="2"] body > #app,
html[data-elite-theme="3"] body > #app,
html[data-elite-theme="4"] body > #app,
html[data-elite-theme="5"] body > #app,
html[data-elite-theme="6"] body > #app,
html[data-elite-theme="7"] body > #app {
	background: transparent !important;
	background-color: transparent !important;
	position: relative;
	z-index: 1;
}

html:not([data-elite-theme]) body::before,
html[data-elite-theme="0"] body::before,
html[data-elite-theme="1"] body::before,
html[data-elite-theme="2"] body::before,
html[data-elite-theme="3"] body::before,
html[data-elite-theme="4"] body::before,
html[data-elite-theme="5"] body::before,
html[data-elite-theme="6"] body::before,
html[data-elite-theme="7"] body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: var(--elite-star-tile);
	background-repeat: repeat;
	background-size: 320px 320px;
	opacity: var(--elite-star-opacity);
	mix-blend-mode: screen;
}

/* 底部导航：后台上传的位图图标（与 .nav-item i 占位一致） */
.nav-item .nav-icon-img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	margin-bottom: 4px;
	display: block;
	flex-shrink: 0;
}