/* ==================== 灵魂宝石主题（亮紫神秘风） ==================== */
/* 在 style.css 之后加载，覆盖迷雾大陆默认的深绿配色 */
/* 紫色调以 rgb(204,146,196) ≈ #cc92c4 为基准 */

:root {
	--bg-1: hsl(273, 47%, 10%);
	--bg-2: hsl(270, 41%, 16%);
	--panel: hsl(276, 33%, 16%);
	--panel-border: hsl(300, 20%, 35%);
	--text-main: hsl(300, 25%, 95%);
	--text-sub: hsl(309, 16%, 85%);
	--accent: hsl(45, 70%, 70%); /* 金色 */
	--accent-2: hsl(308, 36%, 72%); /* 亮紫（基准色） */
	/* 开关主题色（覆盖 style.css 默认绿系） */
	--switch-border: hsl(307, 20%, 40%);
	--switch-border-hover: hsl(306, 21%, 50%);
	--switch-bg: hsl(295, 25%, 14%);
	--switch-text: hsl(324, 37%, 86%);
	--switch-track-bg: hsl(289, 25%, 30%);
	--switch-knob-bg: hsl(324, 37%, 86%);
	--switch-knob-bg-on: hsl(36, 62%, 14%);
	--switch-on-glow: rgba(230, 200, 112, 0.6);
}

body {
	background: radial-gradient(circle at 20% 0, #3a2150 0, transparent 40%),
		radial-gradient(circle at 100% 20%, #42214c 0, transparent 35%),
		linear-gradient(180deg, var(--bg-2), var(--bg-1));
}

/* 标题栏 */
.title-bar {
	background: linear-gradient(180deg, #3c2450, #1f1430);
	border: 1px solid var(--panel-border);
	color: var(--accent);
	text-shadow: 0 0 10px rgba(230, 200, 112, 0.35);
}

/* 面板 */
.panel {
	background: rgba(30, 18, 36, 0.92);
	border: 1px solid var(--panel-border);
}
.panel-title {
	background: #2c1840;
	color: #e6d49a;
	border-bottom: 1px solid rgba(116, 163, 128, 0.18);
}

/* 通用描边按钮（reset-btn / head-reset-btn / button-stroke / sync 按钮） */
.button-stroke,
.reset-btn,
.head-reset-btn,
.sync-buttons > button {
	border: 1px solid #6c4868;
	background: #1f1320;
	color: #e6c8da;
}
.coin-row-reset-btn {
	border: 1px solid #6c4868;
	background: #1f1320;
	color: #e6c8da;
}

/* 部位网格：覆盖 style.css 的 4 列为 5 列（开关/部位/当前/同步/目标）, 优先级高于 style.css (包括媒体查询部分) */
.part-grid {
	grid-template-columns: auto auto 1fr auto 1fr;
}
.enable-head {
	justify-self: center;
}
/* 开关：无背景框，居中 */
.part-grid > .switch {
	padding: 0;
	border: none;
	background: none;
	justify-self: center;
}
/* 部位网格表头 */
.part-grid .head {
	color: #c4a8c0;
}
.part-label {
	color: var(--accent-2);
}

/* 下拉框 */
.part-select {
	border: 1px solid #5a3a54;
	background: #170e1e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23cc92c4' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 6px center / 12px;
	color: #eec8e0;
}
.part-select:focus {
	border-color: var(--accent);
}

/* 输入框 */
.input-field {
	border: 1px solid #5a3a54;
	background: #170e1e;
	color: #f4e6f0;
}

/* 折叠面板 */
.collapsible-panel {
	border: 1px solid #5a3a54;
	background: #1a1024;
}
.collapsible-header {
	color: var(--accent-2);
}
.collapsible-header:hover {
	background: #2c1840;
}
.collapsible-icon {
	color: #c4a8c0;
}

/* 币种标签 */
.coin-stock-label {
	color: #c4a8c0;
}

/* 统计区 */
.coin-badge {
	border: 1px solid #5c4060;
	background: #1a0f22;
	color: #e8d0e2;
}
.share-qr {
	border: 1px solid #5c4060;
	background: #1a0f22;
}

/* 明细表格 */
.result-table {
	border: 1px solid #5c4060;
	background: #1a0f22;
}
.result-row {
	border-bottom: 1px solid rgba(116, 163, 128, 0.15);
}
.result-header {
	background: #2c1840;
	color: #e6d49a;
}
.result-total {
	background: linear-gradient(90deg, #2e2048, #3c2654);
	color: #f0e6d2;
}

/* 提示文字使用变量，无需覆盖 */
/* 警告色（黄色）保持不变 */

/* 币种圆点配色（覆盖 style.css 默认配色） */
.coin-dot.copper { background: radial-gradient(circle at 30% 30%, #70cfff, #6b82bd 70%); }
.coin-dot.silver { background: radial-gradient(circle at 30% 30%, #b18cff, #9a5bb8 70%); }
.coin-dot.gold { background: radial-gradient(circle at 30% 30%, #fff4b2, #e0a325 70%); }
.coin-dot.rainbow { background: conic-gradient(#ff6aa0, #ffd05c, #7dff7d, #70cfff, #b18cff, #ff6aa0); }

/* 复制工具栏：有统计结果时显示 */
.copy-action-bar {
	display: flex;
	gap: 8px;
}
.copy-action-bar .reset-btn {
	flex: 1;
}
.copy-action-bar .reset-btn.copied {
	border-color: var(--accent);
	color: var(--accent);
}