* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft YaHei", sans-serif;
}

body {
	background: #fff;
	color: #000;
	transition: all 0.2s ease;
}

/* 独立入口链接 */
.mode-link {
	text-align: center;
	margin: 20px 0;
}
.mode-link a {
	margin: 0 15px;
	color: #0066cc;
	font-size: 16px;
	cursor: pointer;
	text-decoration: underline;
}

/* 顶部触发区域 */
#toolbar-trigger {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	z-index: 999997;
	display: none;
}

/* 工具栏样式 —— 核心修改：按钮居中 */
#accessibility-toolbar {
	position: fixed;
	top: -80px;
	left: 0;
	width: 100%;
	min-height: 80px;
	background: #666666;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center; /* 按钮水平居中 */
	padding: 10px 15px;
	gap: 8px;
	flex-wrap: nowrap;
	overflow-x: auto;
	transition: top 0.3s ease, opacity 0.3s ease;
	opacity: 0;
	display: none;
}

#accessibility-toolbar.fixed {
	top: 0 !important;
	opacity: 1 !important;
}

/* 按钮通用样式 */
.access-btn {
	width: 70px;
	height: 90px;
	border: 1px solid #ccc;
	background: #f0f0f0;
	border-radius: 6px;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	white-space: nowrap;
	position: relative;
	flex-shrink: 0; /* 禁止按钮被挤压 */
}
.access-btn:hover {
	background: #e8e8e8;
	border-color: #999;
}
/* 激活态样式 */
.access-btn.active-orange {
	background: #ff9900 !important;
	color: #fff;
	border-color: #ff9900;
}
.access-btn.active-blue {
	background: #003366 !important;
	color: #fff;
	border-color: #003366;
}
.access-btn.active-red {
	background: #ff0000 !important;
	color: #fff;
	border-color: #ff0000;
	outline: 2px solid #ffcc00;
}

/* 图标容器 */
.access-btn .icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	fill: currentColor;
}
.access-btn .label {
	font-size: 11px;
	text-align: center;
}

/* 滑块/选择框样式 */
.access-slider {
	width: 60px;
	height: 6px;
	margin-top: 4px;
}
.access-select {
	padding: 2px 4px;
	font-size: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	height: 24px;
	margin-top: 4px;
}

/* 十字线 */
#cross-h, #cross-v {
	position: fixed;
	pointer-events: none;
	z-index: 999998;
	display: none;
	background: red;
}
#cross-h { width: 100%; height: 2px; }
#cross-v { width: 2px; height: 100%; }

/* 配色方案 */
body.color-white { background: #fff !important; color: #000 !important; }
body.color-black { background: #000 !important; color: #fff !important; }
body.color-yellow { background: #ffff00 !important; color: #000 !important; }
body.color-blue { background: #000f !important; color: #fff !important; }

/* 鼠标样式 */
body.mouse-normal { cursor: default !important; }
body.mouse-large {
	cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+"), auto !important;
}

/* 关怀版自动放大字体 */
body.care-mode {
	font-size: 22px !important;
	line-height: 1.9 !important;
}

/* 底部大字幕悬浮层 */
#big-subtitle-layer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 32px;
	line-height: 1.4;
	text-align: center;
	padding: 15px 20px;
	z-index: 999999;
	display: none;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}

/* 内容容器自适应 */
.container {
}

/* 小屏幕自适应 */
@media (max-width: 768px) {
	#accessibility-toolbar {
		padding: 8px 10px;
		gap: 6px;
		min-height: 70px;
		justify-content: flex-start; /* 小屏幕左对齐，避免挤压 */
	}
	.access-btn {
		width: 60px;
		height: 50px;
	}
	.access-btn .icon {
		width: 28px;
		height: 28px;
	}
	.access-btn .label {
		font-size: 10px;
	}
	#big-subtitle-layer {
		font-size: 24px;
		padding: 10px;
	}
}