[优化] 在 PublishPreviewCard 组件中添加当前活动主配置与待处理主配置的比较，增强用户对配置变更的理解；在 ProxyRoutesPage 中提取 hasConfigChanges 函数以简化变更检查逻辑

atsf_server/web/features/config-versions/components/config-versions-page.tsx

@@ -168,12 +168,14 @@ function OptionDiffTable({ items }: { items: ConfigOptionDiffItem[] }) {
 function PublishPreviewCard({
   preview,
   diff,
+  activeVersion,
   isPublishing,
   onConfirm,
   onCancel,
 }: {
   preview: ConfigPreviewResult;
   diff: ConfigDiffResult;
+  activeVersion: ConfigVersionItem | null;
   isPublishing: boolean;
   onConfirm: () => void;
   onCancel: () => void;
@@ -261,6 +263,67 @@ function PublishPreviewCard({
           <OptionDiffTable items={diff.changed_option_details} />
         </div>
 
+        {diff.main_config_changed && activeVersion ? (
+          <div className="grid gap-5 xl:grid-cols-2">
+            <div>
+              <div className="mb-2 flex flex-wrap items-center justify-between gap-3">
+                <p className="text-sm font-semibold text-[var(--foreground-primary)]">
+                  Current Active Main Config
+                </p>
+                <StatusBadge label={activeVersion.version} variant="info" />
+              </div>
+              <CodeBlock className="max-h-[32rem] whitespace-pre-wrap">
+                {activeVersion.main_config}
+              </CodeBlock>
+            </div>
+            <div>
+              <div className="mb-2 flex flex-wrap items-center justify-between gap-3">
+                <p className="text-sm font-semibold text-[var(--foreground-primary)]">
+                  Pending Main Config
+                </p>
+                <p className="text-xs text-[var(--foreground-secondary)]">
+                  {`Checksum: ${preview.checksum}`}
+                </p>
+              </div>
+              <CodeBlock className="max-h-[32rem] whitespace-pre-wrap">
+                {preview.main_config}
+              </CodeBlock>
+            </div>
+          </div>
+        ) : null}
+
+        {/* Legacy duplicated main config preview block kept commented out while
+            we replace it with an explicit active-vs-pending comparison above.
+        {diff.main_config_changed && activeVersion ? (
+          <div className="grid gap-5 xl:grid-cols-2">
+            <div>
+              <div className="mb-2 flex flex-wrap items-center justify-between gap-3">
+                <p className="text-sm font-semibold text-[var(--foreground-primary)]">
+                  褰撳墠婵€娲讳富閰嶇疆
+                </p>
+                <StatusBadge label={activeVersion.version} variant="info" />
+              </div>
+              <CodeBlock className="max-h-[32rem] whitespace-pre-wrap">
+                {activeVersion.main_config}
+              </CodeBlock>
+            </div>
+            <div>
+              <div className="mb-2 flex flex-wrap items-center justify-between gap-3">
+                <p className="text-sm font-semibold text-[var(--foreground-primary)]">
+                  寰呭彂甯冧富閰嶇疆
+                </p>
+                <p className="text-xs text-[var(--foreground-secondary)]">
+                  Checksum锛歿preview.checksum}
+                </p>
+              </div>
+              <CodeBlock className="max-h-[32rem] whitespace-pre-wrap">
+                {preview.main_config}
+              </CodeBlock>
+            </div>
+          </div>
+        ) : null}
+        */}
+
         <div>
           <div className="mb-2 flex flex-wrap items-center justify-between gap-3">
             <p className="text-sm font-semibold text-[var(--foreground-primary)]">
@@ -335,6 +398,10 @@ export function ConfigVersionsPage() {
     () => versionsQuery.data ?? [],
     [versionsQuery.data],
   );
+  const activeVersion = useMemo(
+    () => versions.find((item) => item.is_active) ?? null,
+    [versions],
+  );
   const selectedVersion = useMemo(
     () => versions.find((item) => item.id === selectedVersionId) ?? null,
     [selectedVersionId, versions],
@@ -426,6 +493,7 @@ export function ConfigVersionsPage() {
           <PublishPreviewCard
             preview={publishPreview.preview}
             diff={publishPreview.diff}
+            activeVersion={activeVersion}
             isPublishing={publishMutation.isPending}
             onConfirm={() => publishMutation.mutate()}
             onCancel={() => setPublishPreview(null)}

atsf_server/web/features/performance/components/performance-page.tsx

@@ -879,7 +879,7 @@ export function PerformancePage() {
                         </div>
                     </AppCard>
 
-                    <div className="grid gap-6 xl:grid-cols-[1fr_1fr]">
+                    <div className="grid items-start gap-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
                         <AppCard
                             title="OpenResty 反代缓冲与超时"
                             description="用于控制 upstream 连接、发送、读取超时，以及常用代理缓冲参数。"
@@ -1013,7 +1013,7 @@ export function PerformancePage() {
                             </div>
                         </AppCard>
 
-                        <div className="space-y-6">
+                        <div className="grid content-start gap-6">
 
                             <AppCard
                                 title="OpenResty 缓存"

atsf_server/web/features/proxy-routes/components/proxy-routes-page.tsx

@@ -141,6 +141,24 @@ const routesQueryKey = ['proxy-routes'];
 const certificatesQueryKey = ['tls-certificates'];
 const versionsQueryKey = ['config-versions'];
 
+function hasConfigChanges(diff: {
+  active_version?: string;
+  added_domains: string[];
+  removed_domains: string[];
+  modified_domains: string[];
+  main_config_changed: boolean;
+  changed_option_keys: string[];
+}) {
+  return (
+    diff.added_domains.length > 0 ||
+    diff.removed_domains.length > 0 ||
+    diff.modified_domains.length > 0 ||
+    diff.main_config_changed ||
+    diff.changed_option_keys.length > 0 ||
+    !diff.active_version
+  );
+}
+
 function getErrorMessage(error: unknown) {
   return error instanceof Error ? error.message : '请求失败，请稍后重试。';
 }
@@ -314,13 +332,7 @@ export function ProxyRoutesPage() {
 
     try {
       const diff = await getConfigVersionDiff();
-      const hasChanges =
-        diff.added_domains.length > 0 ||
-        diff.removed_domains.length > 0 ||
-        diff.modified_domains.length > 0 ||
-        !diff.active_version;
-
-      if (!hasChanges) {
+      if (!hasConfigChanges(diff)) {
         setFeedback({
           tone: 'info',
           message: '当前规则没有变更，已阻止重复发布。',