:root {
	/* 可用 --teal 覆蓋主色，預設科技藍 */
	--tech: var(--teal, #00e5ff);

	--bg-solid: #070b12;
	--bg-tint-1: rgba(0, 229, 255, 0.08);   /* 微提升 */
	--bg-tint-2: rgba(124, 249, 255, 0.06);

	--line-base: rgba(0, 229, 255, 0.22);   /* 底線更清晰（原 0.12） */
	--line-glow: rgba(0, 229, 255, 0.85);   /* 高光更明顯（原 0.65） */
	--line-width: 1.5;                      /* 加粗（原 1.2） */
	/* CSS px（JS 會乘上 DPR） */
}

/* 主題容器鋪滿 */
#bg-particles.theme {
	position: fixed;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: -1;
	background:
		radial-gradient(900px 600px at 15% 12%, var(--bg-tint-1) 0%, transparent 100%),
		radial-gradient(900px 600px at 85% 88%, var(--bg-tint-2) 0%, transparent 100%),
		var(--bg-solid);
}

/* 暗角微調（避免邊緣過暗） */
#bg-particles.theme::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(1100px 750px at 50% 50%, transparent 55%, rgba(0,0,0,.58) 100%);
	pointer-events: none;
}

/* 畫布鋪滿容器（實際像素由 JS 設定） */
#bg3 {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
	opacity: 0.88;  /* 提升整體可見度（原 0.75） */
}

/* RWD：小螢幕降低密度（JS 會讀取畫面大小自動調整，這裡只保留樣式） */
@media (prefers-reduced-motion: reduce) {
	#bg3 { opacity: 0.45; }  /* 減動態時仍保留一定清晰度 */
}