:root {
	--bg-solid: #0a0f18;             /* 首屏實心底（擋舊背景） */
	--bg-color: rgba(10, 15, 24, 0.30); /* 畫布每幀覆蓋底色 */
	--particle-color1: #66ffff;      /* 冰藍 */
	--particle-color2: #ffffff;      /* 白 */
	--line-color: rgba(102, 255, 255, ALPHA); /* 連線色（ALPHA 由 JS 置換） */
	--line-width: 0.6;               /* 連線粗細(px) */
	--link-distance: 120;            /* 連線距離(px) */
	--particle-count: 140;           /* 粒子數量（<=0 則自動密度） */
}

/* 主題容器 */
#bg-particles.theme {
	background: var(--bg-solid);
}

/* 畫布鋪滿 */
#bg3 {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	display: block;
	background: var(--bg-color);
	image-rendering: pixelated; /* 某些瀏覽器縮放時較穩 */
}

/* 降低動態需求時：調弱效果 */
@media (prefers-reduced-motion: reduce) {
	:root {
		--particle-count: 60;
		--link-distance: 0; /* 不畫連線 */
	}
}

/* 手機優化（螢幕寬度小於768px） */
@media (max-width: 768px) {
	:root {
		--particle-count: 60;   /* 桌機 140 顆，手機減少到 60 顆 */
		--link-distance: 80;    /* 連線距離縮短，避免線太密 */
	}
}

@media (max-width: 480px) {
	:root {
		--particle-count: 40;   /* 超小螢幕再減少 */
		--link-distance: 60;
	}
}