chore: 调整视频编辑页内流设置的位置与样式

web/src/lib/components/filter-option-editor.svelte

@@ -10,8 +10,12 @@
 		$props();
 </script>
 
+<div class="space-y-6">
 	<div class="space-y-4">
 		<Label>流质量过滤</Label>
+		<p class="text-muted-foreground text-sm">
+			根据质量过滤视频音频流，条件过于严苛可能导致视频无可用流
+		</p>
 		<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
 			<div class="space-y-2">
 				<Label for="video-max-quality">最高视频质量</Label>
@@ -181,3 +185,4 @@
 			<Label for="no-hires">排除Hi-RES音频</Label>
 		</div>
 	</div>
+</div>

web/src/routes/video-sources/+page.svelte

@@ -607,23 +607,22 @@
 					</div>
 				{/if}
 
-				<div class="space-y-4">
-					<div class="flex items-center space-x-2">
-						<Switch bind:checked={useCustomFilterOption} />
-						<div>
-							<Label class="text-sm font-medium">使用自定义流过滤设置</Label>
-							<p class="text-muted-foreground text-sm">关闭时继承全局过滤设置</p>
-						</div>
-					</div>
-					{#if editFilterOption}
-						<FilterOptionEditor bind:value={editFilterOption} disabled={!useCustomFilterOption} />
-					{/if}
-				</div>
-
 				<!-- 规则编辑器 -->
 				<div>
 					<RuleEditor rule={editForm.rule} onRuleChange={(rule) => (editForm.rule = rule)} />
 				</div>
+
+				<div class="space-y-4">
+					<div class="flex items-center space-x-2">
+						<Switch bind:checked={useCustomFilterOption} />
+						<Label class="text-sm font-medium">覆盖全局流设置</Label>
+					</div>
+					{#if editFilterOption}
+						<div class="border-muted ml-3 border-l-2 pl-6">
+							<FilterOptionEditor bind:value={editFilterOption} disabled={!useCustomFilterOption} />
+						</div>
+					{/if}
+				</div>
 			</div>
 			<div class="mt-8 flex justify-end gap-3">
 				<Button variant="outline" onclick={() => (showEditDialog = false)} disabled={saving}>