body {
	font-family: sans-serif;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	min-height: 100vh;
	padding: 1rem;
}

@media (min-width: 768px) {
	body {
		padding: 2rem;
	}
}

[v-cloak] {
	display: none;
}

.question-card {
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #c7c7c7;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #a3a3a3;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	transition: background-color 5000s ease-in-out 0s;
}

.confirm-fixed {
	scroll-margin-top: 20px;
	scroll-margin-bottom: 20px;
}

/* 详情页面卡片动画 */
.history-detail-enter-active {
	transition: all 0.3s ease;
}
.history-detail-enter-from {
	opacity: 0;
	transform: translateX(30px);
}
.history-detail-enter-to {
	opacity: 1;
	transform: translateX(0);
}

/* 答案高亮 */
.answer-highlight {
	background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
	padding: 2px 8px;
	border-radius: 12px;
	display: inline-block;
}

/* 打印样式优化 */
@media print {
	/* 隐藏不需要打印的元素 */
	.bg-gradient-to-r,
	.text-white\/80,
	footer,
	button:not(.print-keep),
	.flex.justify-center.space-x-3 {
		display: none !important;
	}

	/* 确保二维码卡片打印时显示 */
	.max-w-md {
		max-width: 100%;
		margin: 0 auto;
		padding: 20px;
		box-shadow: none;
		border: 1px solid #ddd;
	}

	/* 确保二维码显示 */
	#qrcode-container img,
	#qrcode-container canvas {
		max-width: 250px;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	/* 患者信息样式 */
	.bg-gray-50 {
		background: #f9f9f9 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* 使用说明保留 */
	.bg-blue-50 {
		background: #f0f7ff !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}