.page-image-to-pdf .option-container {
	display: flex;
	gap: 15px;
	margin: 15px 0;
}

.page-image-to-pdf .option-item {
	flex: 1;
	padding: 15px;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	box-sizing: border-box;
	min-height: 90px;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-image-to-pdf .option-item:hover {
	border-color: #1677ff;
	background-color: #f0f7ff;
}

.page-image-to-pdf .option-item.active {
	border-color: #1677ff;
	background-color: #e6f4ff;
}

.page-image-to-pdf .option-item i {
	font-size: 24px;
	color: #1677ff;
	margin-bottom: 8px;
}

.page-image-to-pdf .option-title {
	font-weight: 500;
	margin-bottom: 0;
	flex: none;
}

.page-image-to-pdf .option-desc {
	font-size: 0.85rem;
	color: #718096;
	margin-top: 4px;
}

/* 模式切换 Tabs 样式 */
.mode-tabs {
	display: flex;
	background: #f1f5f9;
	padding: 5px;
	border-radius: 12px;
	margin-bottom: 25px;
}

.mode-tab-item {
	flex: 1;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	border-radius: 8px;
	font-weight: 500;
	color: #64748b;
	transition: all 0.2s;
}

.mode-tab-item.active {
	background: white;
	color: #1677ff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.mode-section {
	display: none;
}

.mode-section.active {
	display: block;
	animation: fadeIn 0.3s ease;
}

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

@media (max-width: 768px) {
	.page-image-to-pdf .option-container { gap: 8px; }
	.page-image-to-pdf .option-item { padding: 10px 5px; min-height: 80px; min-width: 100px; }
	.page-image-to-pdf .option-item i { font-size: 20px; }
}

/* PDF文件显示区域 */
.pdf-file-preview {
	display: none;
	background: #f8fafc;
	border: 2px dashed #cbd5e1;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

.pdf-file-preview.has-file {
	display: block;
	border-style: solid;
	border-color: #1677ff;
	background: #f0f7ff;
}

.pdf-icon { font-size: 40px; color: #dc2626; margin-bottom: 10px; }
.pdf-name { font-weight: 500; color: #334155; word-break: break-all; }
.btn-remove-pdf {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #94a3b8;
	cursor: pointer;
}
.btn-remove-pdf:hover { color: #dc2626; }

.unified-loading-icon {
	font-size: 48px;
	animation: rotate 1s linear infinite;
}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }