feat(前端界面): 统一配置空态布局

assets/webui/index.html

@@ -410,8 +410,10 @@
 					<div id="settingsContext"></div>
 					<div id="settingsContent"></div>
 				</div>
-				<div id="settingsStatus" class="form-status" role="status"></div>
+				<div class="settings-footer">
-				<div id="settingsActions" class="form-actions"></div>
+					<div id="settingsStatus" class="form-status" role="status"></div>
+					<div id="settingsActions" class="form-actions"></div>
+				</div>
 			</form>
 		</dialog>
 		<dialog id="versionPanel" class="form-dialog document-dialog" aria-labelledby="versionTitle">

assets/webui/ofdgo.css

@@ -1830,6 +1830,10 @@ body[data-hide-meta] .meta-panel {
 	overscroll-behavior: contain;
 }
 
+.settings-body:has(> #settingsContext:empty):has(> #settingsContent:empty) {
+	display: none;
+}
+
 .settings-dialog .settings-section {
 	min-width: 0;
 	padding-block: 12px;
@@ -1903,13 +1907,22 @@ body[data-hide-meta] .meta-panel {
 	.settings-grid { grid-template-columns: minmax(0, 1fr); }
 }
 
-#settingsStatus {
+.settings-footer {
+	display: flex;
 	flex: none;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
+	padding: 12px;
+	border-top: 1px solid var(--line);
 }
 
-#settingsStatus:not(:empty) {
+#settingsStatus {
-	padding: 8px 12px;
+	flex: 1 1 120px;
-	border-top: 1px solid var(--line);
+}
+
+#settingsStatus:empty {
+	display: none;
 }
 
 .settings-dialog .info-line {
@@ -1980,22 +1993,15 @@ body[data-hide-meta] .meta-panel {
 
 #settingsActions {
 	display: flex;
-	flex: none;
+	flex: 1 1 auto;
 	flex-wrap: wrap;
 	gap: 8px;
-	padding: 12px;
-	border-top: 1px solid var(--line);
 }
 
 #settingsActions .settings-section-actions:not([hidden]) {
 	display: contents;
 }
 
-#settingsStatus:not(:empty) + #settingsActions {
-	padding-top: 0;
-	border-top: 0;
-}
-
 #settingsActions .settings-close {
 	margin-left: auto;
 }