/* 图片转PDF页面特有样式 */     
/* 通用选项容器样式 */
.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;
}

.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: 5px;
}

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


@media (max-width: 768px) {
	.page-image-to-pdf .option-container {
		gap: 8px;
	}

	.page-image-to-pdf .option-title {
		font-size: 0.9rem;
	}
	
	.page-image-to-pdf .option-desc {
		font-size: 0.75rem;
	}
	
		/* 可选：调整移动端选项项的内边距，避免过宽 */
	.page-image-to-pdf .option-item {
		padding: 10px 5px;
	}
	
	/* 可选：缩小图标和文字大小，适应紧凑布局 */
	.page-image-to-pdf .option-item i {
		font-size: 20px;
	}
}

.unified-loading-icon {
	font-size: 48px;
	animation: rotate 1s linear infinite;
}

@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.unified-hidden-icon {
	display: none;
	font-size: 48px;
	color: #a0aec0;
}


/* 修改image_to_pdf.css中的样式 */

/* 统一所有选项项的盒模型和基础尺寸 */
.page-image-to-pdf .option-item,
#orientationMarginRow .option-item {
    box-sizing: border-box; /* 关键：确保padding和边框不影响整体尺寸 */
    min-height: 90px;      /* 固定最小高度 */
    min-width: 120px;      /* 固定最小宽度 */
    padding: 15px 10px;    /* 统一内边距 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直居中内容 */
    align-items: center;
}

/* 统一标题样式，消除因文本边距导致的差异 */
.page-image-to-pdf .option-title,
#orientationMarginRow .option-title {
    margin-bottom: 0; /* 移除底部边距，避免无描述文本时的额外空间 */
    flex: none;       /* 防止文本区域拉伸 */
}

/* 移动端适配保持一致 */
@media (max-width: 768px) {
    .page-image-to-pdf .option-item,
    #orientationMarginRow .option-item {
        min-height: 80px;
        min-width: 100px;
        padding: 12px 8px;
    }
}