/* 全局样式重置 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}

/* 容器样式：居中 + 内边距 + 最大宽度适配 */
.container {
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
	/*min-height: 100vh;  撑满视口高度，方便底部按钮定位 */
	gap: 10px; /* 元素间距统一 */
}

/* 标题样式：居中 + 自定义字体 */
.container h3 {
	text-align: center; /* 水平居中 */
	font-size: 24px; /* 字体大小 */
	font-weight: 700; /* 加粗 */
	color: #2c3e50; /* 字体颜色 */
	letter-spacing: 1px; /* 字间距 */
}

/* 按钮通用样式 */
button {
	padding: 12px 20px;
	border: none;
	border-radius: 8px;
	background-color: #3498db;
	color: white;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.2s;
}

button:hover {
	background-color: #2980b9;
}

button:disabled {
	background-color: #bdc3c7;
	cursor: not-allowed;
}

/* 输入框通用样式 */
input {
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
	width: 100%;
}

/* 设备前缀输入框样式 */
#devicePrefix {
	margin: 0;
}

/* 过程量分组样式：标签+输入框一行显示 */
.process-data-group {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* 过程量标签样式 */
.process-data-group label {
	flex: 0 0 20px; /* 固定标签宽度，对齐更整齐 */
	font-size: 15px;
	color: #34495e;
	font-weight: 500;
}

/* 过程量只读输入框样式 */
.process-data-group input {
	flex: 1;
	background-color: #f8f9fa;
	cursor: default;
	color: #2c3e50;
}

/* 底部扫描按钮容器：固定在容器底部 */
.scan-btn-wrapper {
	margin-top: auto; /* 自动填充上方空间，实现底部定位 */
	margin-bottom: 50px;
	width: 100%;
	text-align: center; /* 水平居中 */
}

/* 日志区域样式 */
#log {
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 8px;
	height: 260px;
	overflow-y: auto;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fafafa;
}

/* 安装PWA按钮样式（可选区分） */
#installPwaBtn {
	background-color: #2ecc71;
}

#installPwaBtn:hover {
	background-color: #27ae60;
}