feat(文档导出): 支持指定页导出，统一文件编号

assets/webui/ofdgo.css

@@ -256,6 +256,109 @@ button:not(:disabled):hover {
 	width: 54px;
 }
 
+.export-panel {
+	top: calc(var(--bar-height) + 8px);
+	right: 0;
+	bottom: auto;
+	left: auto;
+	width: var(--sidebar-width);
+	max-height: calc(100dvh - var(--bar-height) - 18px);
+	margin: 0;
+	padding: 12px;
+	border: 1px solid var(--line);
+	background: var(--panel);
+	color: #1f2428;
+	box-shadow: var(--shadow-soft);
+	font-size: 14px;
+}
+
+.export-row {
+	display: grid;
+	grid-template-columns: 2em minmax(0, 1fr);
+	align-items: center;
+	gap: 12px;
+	margin-bottom: 12px;
+}
+
+.export-options {
+	display: flex;
+}
+
+.export-options label {
+	position: relative;
+	flex: 1;
+	cursor: pointer;
+}
+
+.export-options input {
+	position: absolute;
+	opacity: 0;
+}
+
+.export-options span {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: var(--control-height);
+	border: 1px solid var(--line);
+	background: #ffffff;
+}
+
+.export-options label + label span {
+	border-left: 0;
+}
+
+.export-options input:checked + span {
+	background: #e4f3ef;
+	color: var(--accent-strong);
+	box-shadow: 0 0 0 1px var(--accent) inset;
+}
+
+.export-options input:focus-visible + span {
+	outline: 2px solid var(--focus);
+	outline-offset: 2px;
+}
+
+.export-row input[type="text"] {
+	width: 100%;
+	min-width: 0;
+	height: var(--control-height);
+	padding: 0 6px;
+	border: 1px solid var(--line);
+	border-radius: 0;
+	background: #ffffff;
+	color: #1f2428;
+}
+
+.export-row input[aria-invalid="true"] {
+	border-color: #b14343;
+}
+
+.export-range-status {
+	min-width: 0;
+	color: var(--text-muted);
+	font-size: 12px;
+	font-variant-numeric: tabular-nums;
+	overflow-wrap: anywhere;
+}
+
+.export-actions {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto auto;
+	align-items: center;
+	gap: 8px;
+}
+
+#exportSubmit {
+	border-color: var(--accent);
+	background: var(--accent);
+	color: #ffffff;
+}
+
+#exportSubmit:not(:disabled):hover {
+	background: var(--accent-strong);
+}
+
 .format-select:focus,
 .format-select:focus-visible {
 	border-color: var(--accent);
@@ -691,6 +794,7 @@ button.outline-link:hover {
 .empty-state[hidden],
 .meta-list > [hidden],
 .navigation-tabs[hidden],
+.export-row[hidden],
 .page-list[hidden],
 .page-frame[hidden],
 .progress-panel[hidden] {
@@ -1326,6 +1430,11 @@ button.outline-link:hover {
 		--sidebar-width: min(78vw, 292px);
 	}
 
+	.export-panel {
+		right: 10px;
+		width: min(300px, calc(100% - 20px));
+	}
+
 	.toolbar {
 		--tool-gap: 6px;
 	}