.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
body { font-family: 'Manrope', sans-serif; }
h1, h2, h3 { font-family: 'Plus Jakarta Sans', sans-serif; }
.test-area {
	/* 原有样式保留 */
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/* 硬件加速 */
	transform: translateZ(0);
	will-change: background-color;
	transition: none !important; /* 强制移除所有过渡 */
}
#aim-target {
	box-shadow: 0 4px 16px rgba(0, 61, 166, 0.2);
	width: 2.5rem !important;
	height: 2.5rem !important;
}
#aim-target > div {
	width: 1rem !important;
	height: 1rem !important;
	background-color: white !important;
}
#aim-target:active {
	transform: scale(0.85);
	background-color: #0052d9 !important;
}
#aim-result-center {
	transition: all 0.3s ease;
	top: 30%; 
}
/* 图表容器样式适配 */
.chart-container {
	width: 100%;
	height: 100%;
}
canvas {
	background-color: transparent;
}
.mode-switch-wrapper {
	display: flex;
	gap: 8px; /* 按钮之间的间距 */
}
.mode-switch-wrapper button {
	flex: 1; /* 平分宽度，一左一右 */
	white-space: nowrap; /* 防止文字换行 */
}