diff --git a/package.json b/package.json
index ec9e464..6633b44 100644
--- a/package.json
+++ b/package.json
@@ -82,6 +82,7 @@
     "jsencrypt": "^3.3.2",
     "json5": "2.2.3",
     "mammoth": "^1.11.0",
+    "mermaid": "11.12.0",
     "monaco-editor": "^0.52.2",
     "naive-ui": "2.43.1",
     "nprogress": "0.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8324a8d..b38e892 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -80,6 +80,9 @@ importers:
       mammoth:
         specifier: ^1.11.0
         version: 1.11.0
+      mermaid:
+        specifier: 11.12.0
+        version: 11.12.0
       monaco-editor:
         specifier: ^0.52.2
         version: 0.52.2
diff --git a/src/assets/imgs/ai-review/upload-progress.svg b/src/assets/imgs/ai-review/upload-progress.svg
new file mode 100644
index 0000000..9f2993d
--- /dev/null
+++ b/src/assets/imgs/ai-review/upload-progress.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="776.2099609375" height="492.98004150390625" viewBox="0 0 776.2099609375 492.98004150390625" fill="none"><path d="M760.59 290.1L751.23 290.1C751.23 271.35 736.03 256.15 717.28 256.15C698.53 256.15 683.33 271.35 683.33 290.1L676.49 290.1C667.87 290.1 660.87 297.7 660.87 307.07C660.87 316.45 667.87 324.05 676.49 324.05L760.59 324.05C769.22 324.05 776.21 316.45 776.21 307.07C776.21 297.7 769.22 290.1 760.59 290.1Z"   fill="url(#linear_fill_BjMfhMw14KJpeJuI39HeS)" ></path><path d="M109.4 283.48L101.86 283.48C101.86 268.39 89.63 256.15 74.54 256.15C59.44 256.15 47.21 268.39 47.21 283.48L41.7 283.48C34.76 283.48 29.13 289.59 29.13 297.14C29.13 304.68 34.76 310.8 41.7 310.8L109.4 310.8C116.34 310.8 121.97 304.68 121.97 297.14C121.97 289.59 116.34 283.48 109.4 283.48Z"   fill="url(#linear_fill_nyWNhH1b3seXhaKsDntfH)" ></path><path d="M373 297.98C167 297.98 0 385.29 0 492.98L746 492.98C746 385.29 579 297.98 373 297.98Z"   fill="url(#linear_fill_raBGRB3gj_JPayNIy0wfU)" ></path><path d="M168.98 301.25C169.89 298.47 170.38 295.51 170.38 292.42C170.38 276.7 157.64 263.96 141.93 263.96C126.67 263.96 114.21 275.98 113.5 291.07C102.06 292.15 93.1 301.89 93.1 313.75C93.1 326.34 103.19 336.54 115.64 336.54C122.61 336.54 128.84 333.34 132.98 328.31C136.92 334.94 144.1 339.38 152.31 339.38C164.75 339.38 174.85 329.17 174.85 316.59C174.85 310.68 172.62 305.3 168.98 301.25Z"   fill="#FFD9CC" ></path><path d="M148.72 317.5L146.12 314.91L135.76 325.27L135.76 309.46L130.43 309.46L130.43 326.02L124.56 320.16L121.97 322.75L130.43 331.21L130.43 384.13L135.76 384.13L135.76 330.46L148.72 317.5Z"   fill="#FF671F" ></path><path d="M684.94 316.59C685.85 313.8 686.34 310.84 686.34 307.75C686.34 292.03 673.6 279.29 657.89 279.29C642.62 279.29 630.17 291.31 629.46 306.4C618.01 307.49 609.05 317.23 609.05 329.09C609.05 341.67 619.15 351.88 631.59 351.88C638.57 351.88 644.8 348.67 648.93 343.65C652.88 350.27 660.06 354.71 668.26 354.71C680.71 354.71 690.8 344.51 690.8 331.92C690.8 326.01 688.58 320.63 684.94 316.59Z"   fill="#FFD9CC" ></path><path d="M664.67 332.83L662.08 330.24L651.72 340.6L651.72 324.79L646.39 324.79L646.39 341.36L640.52 335.49L637.93 338.08L646.39 346.54L646.39 399.46L651.72 399.46L651.72 345.79L664.67 332.83Z"   fill="#FF671F" ></path><path d="M83.87 353.31C84.34 351.86 84.6 350.3 84.6 348.69C84.6 340.46 77.93 333.79 69.7 333.79C61.71 333.79 55.19 340.08 54.82 347.98C48.83 348.55 44.14 353.65 44.14 359.86C44.14 366.45 49.42 371.79 55.94 371.79C59.59 371.79 62.85 370.11 65.02 367.48C67.08 370.95 70.84 373.27 75.14 373.27C81.66 373.27 86.94 367.93 86.94 361.34C86.94 358.25 85.78 355.43 83.87 353.31Z"   fill="#FFD9CC" ></path><path d="M73.26 361.82L71.9 360.46L66.48 365.89L66.48 357.61L63.68 357.61L63.68 366.28L60.61 363.21L59.26 364.57L63.68 369L63.68 396.7L66.48 396.7L66.48 368.6L73.26 361.82Z"   fill="#FF671F" ></path><path d="M557.84 70.06L538.5 70.06C538.5 31.37 507.14 0 468.44 0C429.74 0 398.37 31.37 398.37 70.06L384.25 70.06C366.45 70.06 352.02 85.75 352.02 105.09C352.02 124.44 366.45 140.13 384.25 140.13L557.84 140.13C575.64 140.13 590.07 124.44 590.07 105.09C590.07 85.75 575.64 70.06 557.84 70.06Z"   fill="url(#linear_fill_f0cLCO17PeSuP6EEU-8gB)" ></path><path d="M338.15 100.2L329.84 100.2C329.84 83.56 316.34 70.06 299.7 70.06C283.06 70.06 269.56 83.56 269.56 100.2L263.49 100.2C255.83 100.2 249.62 106.95 249.62 115.27C249.62 123.59 255.83 130.34 263.49 130.34L338.15 130.34C345.81 130.34 352.02 123.59 352.02 115.27C352.02 106.95 345.81 100.2 338.15 100.2Z"   fill="url(#linear_fill_FhDytEJEOFQGQHjhtYUql)" ></path><path d="M182.86 162.99C180.58 170.66 172.11 174.9 172.11 174.9C172.11 174.9 167.35 166.72 169.63 159.05C171.91 151.39 180.37 147.14 180.37 147.14C180.37 147.14 185.14 155.32 182.86 162.99Z"   fill="#FFD9CC" ></path><path d="M600.92 229.33C598.64 237 590.18 241.25 590.18 241.25C590.18 241.25 585.41 233.06 587.69 225.4C589.97 217.73 598.44 213.48 598.44 213.48C598.44 213.48 603.2 221.67 600.92 229.33Z"   fill="#FFD9CC" ></path><path d="M564.33 402.23C557.3 406.04 548.31 403.06 548.31 403.06C548.31 403.06 550.72 393.9 557.76 390.09C564.79 386.28 573.78 389.26 573.78 389.26C573.78 389.26 571.36 398.42 564.33 402.23Z"   fill="#FFD9CC" ></path><path d="M138.07 189.45C136.65 194.2 131.41 196.83 131.41 196.83C131.41 196.83 128.46 191.76 129.87 187.01C131.29 182.27 136.53 179.64 136.53 179.64C136.53 179.64 139.48 184.7 138.07 189.45Z"   fill="#FFD9CC" ></path><path d="M466.43 220.17C464.71 182.77 437.95 151.66 401.89 141.91L401.89 332.7L457.82 332.7C458.22 332.71 458.62 332.73 459.02 332.73C459.42 332.73 459.82 332.71 460.22 332.7L460.83 332.7L460.83 332.68C492.44 331.76 517.78 306.84 517.78 276.22C517.78 247.42 495.38 223.68 466.43 220.17Z"   fill="#FC7300" ></path><path d="M459.01 219.27C457.17 177.43 425.4 143.38 384.59 137.96L367.88 161.09L387.24 161.09L340.6 216.92L356.3 177.52L339.42 177.52L353.64 139.44C316.92 147.97 289.23 180.02 287.33 218.86C286.61 218.84 285.89 218.81 285.17 218.81C253.72 218.81 228.22 244.31 228.22 275.75C228.22 307.21 253.72 332.7 285.17 332.7C285.86 332.7 286.54 332.67 287.22 332.65L287.22 332.67L450.67 332.67C451.06 332.68 451.44 332.7 451.83 332.7C452.22 332.7 452.6 332.68 452.99 332.67L453.58 332.67L453.58 332.66C484.22 331.73 508.78 306.62 508.78 275.75C508.78 246.74 487.07 222.81 459.01 219.27Z"   fill="#FA8511" ></path><ellipse cx="371" cy="185.3900146484375" rx="51" ry="50"   fill="#FA8511" ></ellipse><path d="M411.63 300.18L370.72 257.97L329.81 300.18L346.39 300.18L346.39 359.52L393.72 359.52L393.72 300.18L411.63 300.18Z"   fill="#FFBD9C" ></path><path d="M405.47 300.18L364.55 257.97L323.64 300.18L340.22 300.18L340.22 359.52L387.55 359.52L387.55 300.18L405.47 300.18Z"   fill="#FED6BF" ></path><defs><linearGradient id="linear_fill_BjMfhMw14KJpeJuI39HeS" x1="97839.546875" y1="40293.8125" x2="97839.546875" y2="35683.76953125" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="0.1626" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="1" stop-color="#FFCAB8" stop-opacity="0.8" /></linearGradient><linearGradient id="linear_fill_nyWNhH1b3seXhaKsDntfH" x1="18555.556640625" y1="31757.072265625" x2="18555.556640625" y2="28770.427734375" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="0.1626" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="1" stop-color="#FFCAB8" stop-opacity="0.8" /></linearGradient><linearGradient id="linear_fill_raBGRB3gj_JPayNIy0wfU" x1="370762.375" y1="148223.578125" x2="370762.375" y2="110198.5703125" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="0.1626" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="1" stop-color="#F7D8CD" stop-opacity="0.8" /></linearGradient><linearGradient id="linear_fill_f0cLCO17PeSuP6EEU-8gB" x1="142002.453125" y1="56856.109375" x2="142002.453125" y2="37219.42578125" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="0.6256" stop-color="#FFD4C6" stop-opacity="0.74" /><stop offset="1" stop-color="#FFCAB8" stop-opacity="0.8" /></linearGradient><linearGradient id="linear_fill_FhDytEJEOFQGQHjhtYUql" x1="43751.3203125" y1="23937.87890625" x2="43751.3203125" y2="20304.36328125" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="0.1626" stop-color="#FFFFFF" stop-opacity="0.5" /><stop offset="1" stop-color="#FFCAB8" stop-opacity="0.8" /></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/src/components/common/app-provider.vue b/src/components/common/app-provider.vue
index f6aa527..a8f059e 100644
--- a/src/components/common/app-provider.vue
+++ b/src/components/common/app-provider.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { createTextVNode, defineComponent } from 'vue';
 import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
+import type { DialogOptions } from 'naive-ui';
 import useContentLoading from '@/hooks/common/loading';
 
 defineOptions({
@@ -9,12 +10,39 @@ defineOptions({
 
 const contentLoading = useContentLoading();
 
+function withCancelButtonStyle(options: DialogOptions): DialogOptions {
+  if (!options.negativeText) return options;
+
+  const negativeButtonProps = (options.negativeButtonProps || {}) as Record<string, any>;
+  const className = negativeButtonProps.class;
+
+  return {
+    ...options,
+    negativeButtonProps: {
+      ...negativeButtonProps,
+      type: 'default',
+      class: Array.isArray(className) ? [...className, 'app-cancel-button'] : [className, 'app-cancel-button'].filter(Boolean)
+    } as any
+  };
+}
+
+function createAppDialog(dialog: ReturnType<typeof useDialog>) {
+  const appDialog = Object.create(dialog);
+  const methods = ['create', 'success', 'warning', 'error', 'info'] as const;
+
+  methods.forEach(method => {
+    appDialog[method] = (options: DialogOptions) => dialog[method](withCancelButtonStyle(options));
+  });
+
+  return appDialog;
+}
+
 const ContextHolder = defineComponent({
   name: 'ContextHolder',
   setup() {
     function register() {
       window.$loadingBar = useLoadingBar();
-      window.$dialog = useDialog();
+      window.$dialog = createAppDialog(useDialog());
       window.$message = useMessage();
       window.$notification = useNotification();
       window.$loading = contentLoading;
diff --git a/src/layouts/modules/global-sider/index.vue b/src/layouts/modules/global-sider/index.vue
index 32df49f..25af8b0 100644
--- a/src/layouts/modules/global-sider/index.vue
+++ b/src/layouts/modules/global-sider/index.vue
@@ -23,7 +23,7 @@ const menuWrapperClass = computed(() => (showLogo.value ? 'flex-1-hidden' : 'h-f
 </script>
 
 <template>
-  <DarkModeContainer class="menu-bg pos-relative size-full flex-col-stretch shadow-sider" :inverted="darkMenu">
+  <DarkModeContainer class="menu-bg pos-relative size-full flex-col-stretch" :inverted="darkMenu">
     <GlobalLogo
       v-if="showLogo"
       class="sider-brand"
@@ -97,15 +97,15 @@ const menuWrapperClass = computed(() => (showLogo.value ? 'flex-1-hidden' : 'h-f
     width: 100%;
     min-height: 102px;
     margin-top: auto;
-    border: 1px solid #ded8fa;
+    border: 1px solid #ffe2bf;
     border-radius: 11px;
-    background: #f0ebff;
+    background: linear-gradient(180deg, #fff8ef 0%, #fff2e3 100%);
     padding: 14px 11px;
 
     strong {
       display: block;
       margin-bottom: 9px;
-      color: #664cff;
+      color: #cc741f;
       font-size: 13px;
       line-height: 16px;
     }
diff --git a/src/styles/css/global.css b/src/styles/css/global.css
index cb68f29..cf6af60 100644
--- a/src/styles/css/global.css
+++ b/src/styles/css/global.css
@@ -56,10 +56,10 @@ body[data-route-tone='warm'] .n-dialog .n-button--primary-type:hover {
   background: linear-gradient(180deg, #ffb755 0%, #ff8f1f 100%) !important;
 }
 
-.route-tone-warm .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type),
-body[data-route-tone='warm'] .n-modal .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type),
-body[data-route-tone='warm'] .n-drawer .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type),
-body[data-route-tone='warm'] .n-popconfirm .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type) {
+.route-tone-warm .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type):not(.app-cancel-button),
+body[data-route-tone='warm'] .n-modal .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type):not(.app-cancel-button),
+body[data-route-tone='warm'] .n-drawer .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type):not(.app-cancel-button),
+body[data-route-tone='warm'] .n-popconfirm .n-button[style*='--n-color']:not(.n-button--disabled):not(.n-button--error-type):not(.app-cancel-button) {
   --n-border: 1px solid #ff9f22 !important;
   --n-border-hover: 1px solid #ffad42 !important;
   --n-border-pressed: 1px solid #eb7208 !important;
@@ -107,10 +107,10 @@ body[data-route-tone='warm'] .n-popconfirm .n-button--text-type[style*='--n-colo
   color: #d86f08 !important;
 }
 
-.route-tone-warm .n-button--ghost[style*='--n-color'],
-body[data-route-tone='warm'] .n-modal .n-button--ghost[style*='--n-color'],
-body[data-route-tone='warm'] .n-drawer .n-button--ghost[style*='--n-color'],
-body[data-route-tone='warm'] .n-popconfirm .n-button--ghost[style*='--n-color'] {
+.route-tone-warm .n-button--ghost[style*='--n-color']:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-modal .n-button--ghost[style*='--n-color']:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-drawer .n-button--ghost[style*='--n-color']:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-popconfirm .n-button--ghost[style*='--n-color']:not(.app-cancel-button) {
   --n-border: 1px solid #ffbf72 !important;
   --n-border-hover: 1px solid #ffad42 !important;
   --n-border-pressed: 1px solid #ef8f20 !important;
@@ -126,18 +126,18 @@ body[data-route-tone='warm'] .n-popconfirm .n-button--ghost[style*='--n-color']
   box-shadow: none;
 }
 
-.route-tone-warm .n-button--ghost[style*='--n-color'] .n-button__content,
-body[data-route-tone='warm'] .n-modal .n-button--ghost[style*='--n-color'] .n-button__content,
-body[data-route-tone='warm'] .n-drawer .n-button--ghost[style*='--n-color'] .n-button__content,
-body[data-route-tone='warm'] .n-popconfirm .n-button--ghost[style*='--n-color'] .n-button__content {
+.route-tone-warm .n-button--ghost[style*='--n-color']:not(.app-cancel-button) .n-button__content,
+body[data-route-tone='warm'] .n-modal .n-button--ghost[style*='--n-color']:not(.app-cancel-button) .n-button__content,
+body[data-route-tone='warm'] .n-drawer .n-button--ghost[style*='--n-color']:not(.app-cancel-button) .n-button__content,
+body[data-route-tone='warm'] .n-popconfirm .n-button--ghost[style*='--n-color']:not(.app-cancel-button) .n-button__content {
   color: #c86f1a !important;
 }
 
-.route-tone-warm .n-button--default-type,
-body[data-route-tone='warm'] .n-modal .n-button--default-type,
-body[data-route-tone='warm'] .n-drawer .n-button--default-type,
-body[data-route-tone='warm'] .n-popconfirm .n-button--default-type,
-body[data-route-tone='warm'] .n-dialog .n-button--default-type {
+.route-tone-warm .n-button--default-type:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-modal .n-button--default-type:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-drawer .n-button--default-type:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-popconfirm .n-button--default-type:not(.app-cancel-button),
+body[data-route-tone='warm'] .n-dialog .n-button--default-type:not(.app-cancel-button) {
   --n-border-hover: 1px solid #ffbf72 !important;
   --n-border-focus: 1px solid #ffbf72 !important;
   --n-border-pressed: 1px solid #f2a24e !important;
@@ -147,6 +147,122 @@ body[data-route-tone='warm'] .n-dialog .n-button--default-type {
   --n-text-color-pressed: #b75f0e !important;
 }
 
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child {
+  --n-border: 1px solid #dcdfe6 !important;
+  --n-border-hover: 1px solid #cfd4dc !important;
+  --n-border-focus: 1px solid #cfd4dc !important;
+  --n-border-pressed: 1px solid #c4c9d2 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-focus: #fff !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-focus: #374151 !important;
+  --n-text-color-pressed: #111827 !important;
+  border-color: #dcdfe6 !important;
+  background: #fff !important;
+  color: #374151 !important;
+  box-shadow: none !important;
+}
+
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child .n-button__content {
+  color: #374151 !important;
+}
+
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child),
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child),
+.n-modal .n-card__footer .n-button:first-child:not(:last-child),
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child),
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child) {
+  --n-border: 1px solid #dcdfe6 !important;
+  --n-border-hover: 1px solid #cfd4dc !important;
+  --n-border-focus: 1px solid #cfd4dc !important;
+  --n-border-pressed: 1px solid #c4c9d2 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-focus: #fff !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-focus: #374151 !important;
+  --n-text-color-pressed: #111827 !important;
+  border-color: #dcdfe6 !important;
+  background: #fff !important;
+  color: #374151 !important;
+  box-shadow: none !important;
+}
+
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):hover,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):focus,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):hover,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):focus,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):hover,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):focus,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):active,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):hover,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):focus,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):active,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):hover,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):focus,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):active {
+  border-color: #cfd4dc !important;
+  background: #f8fafc !important;
+  color: #1f2937 !important;
+  box-shadow: none !important;
+}
+
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child) .n-button__content,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child) .n-button__content,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child) .n-button__content {
+  color: #374151 !important;
+}
+
+.app-cancel-button,
+button[class*='cancel' i],
+.n-button[class*='cancel' i] {
+  --n-border: 1px solid #dcdfe6 !important;
+  --n-border-hover: 1px solid #cfd4dc !important;
+  --n-border-focus: 1px solid #cfd4dc !important;
+  --n-border-pressed: 1px solid #c4c9d2 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-focus: #fff !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-focus: #374151 !important;
+  --n-text-color-pressed: #111827 !important;
+  border: 1px solid #dcdfe6 !important;
+  background: #fff !important;
+  color: #374151 !important;
+  box-shadow: none !important;
+}
+
+.app-cancel-button:hover,
+.app-cancel-button:focus,
+.app-cancel-button:active,
+button[class*='cancel' i]:hover,
+button[class*='cancel' i]:focus,
+button[class*='cancel' i]:active,
+.n-button[class*='cancel' i]:hover,
+.n-button[class*='cancel' i]:focus,
+.n-button[class*='cancel' i]:active {
+  border-color: #cfd4dc !important;
+  background: #f8fafc !important;
+  color: #1f2937 !important;
+  box-shadow: none !important;
+}
+
+.app-cancel-button .n-button__content,
+.n-button[class*='cancel' i] .n-button__content {
+  color: #374151 !important;
+}
+
 .logout-confirm-dialog.n-dialog {
   width: min(446px, calc(100vw - 48px));
   border-radius: 6px;
@@ -168,15 +284,16 @@ body[data-route-tone='warm'] .n-dialog .n-button--default-type {
   font-size: 14px;
 }
 
-.logout-confirm-dialog .n-dialog__action .n-button:first-child {
+.logout-confirm-dialog .n-dialog__action .app-cancel-button,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child) {
   min-width: 58px;
   border-color: #dce3ef !important;
   border-radius: 7px;
-  background: #f8fafc !important;
-  color: #405066 !important;
+  background: #fff !important;
+  color: #374151 !important;
 }
 
-.logout-confirm-dialog .n-dialog__action .n-button:last-child {
+.logout-confirm-dialog .n-dialog__action .n-button:not(.app-cancel-button) {
   min-width: 64px;
   border-color: #ff9f22 !important;
   border-radius: 7px;
@@ -184,3 +301,101 @@ body[data-route-tone='warm'] .n-dialog .n-button--default-type {
   color: #fff !important;
   box-shadow: 0 10px 20px rgba(255, 138, 31, 0.22);
 }
+
+.app-cancel-button.n-button,
+body[data-route-tone='warm'] .app-cancel-button.n-button,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .app-cancel-button.n-button,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child:not(:last-child),
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child),
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child),
+.n-modal .n-card__footer .n-button:first-child:not(:last-child),
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child),
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child),
+.logout-confirm-dialog .n-dialog__action .app-cancel-button,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child),
+.n-button[class*='cancel' i],
+button[class*='cancel' i] {
+  --n-height: 28px !important;
+  --n-border-radius: 6px !important;
+  --n-border: 1px solid #dcdfe6 !important;
+  --n-border-hover: 1px solid #cfd4dc !important;
+  --n-border-focus: 1px solid #cfd4dc !important;
+  --n-border-pressed: 1px solid #c4c9d2 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-focus: #fff !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-focus: #374151 !important;
+  --n-text-color-pressed: #111827 !important;
+  min-width: 58px;
+  height: 28px;
+  border: 1px solid #dcdfe6 !important;
+  border-radius: 6px !important;
+  background: #fff !important;
+  color: #374151 !important;
+  padding: 0 14px;
+  box-shadow: none !important;
+  font-weight: 500;
+}
+
+.app-cancel-button.n-button:hover,
+.app-cancel-button.n-button:focus,
+.app-cancel-button.n-button:active,
+body[data-route-tone='warm'] .app-cancel-button.n-button:hover,
+body[data-route-tone='warm'] .app-cancel-button.n-button:focus,
+body[data-route-tone='warm'] .app-cancel-button.n-button:active,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .app-cancel-button.n-button:hover,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .app-cancel-button.n-button:focus,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .app-cancel-button.n-button:active,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child:not(:last-child):hover,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child:not(:last-child):focus,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):hover,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):focus,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):hover,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):focus,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):hover,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):focus,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child):active,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):hover,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):focus,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child):active,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):hover,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):focus,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child):active,
+.logout-confirm-dialog .n-dialog__action .app-cancel-button:hover,
+.logout-confirm-dialog .n-dialog__action .app-cancel-button:focus,
+.logout-confirm-dialog .n-dialog__action .app-cancel-button:active,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child):hover,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child):focus,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child):active,
+.n-button[class*='cancel' i]:hover,
+.n-button[class*='cancel' i]:focus,
+.n-button[class*='cancel' i]:active,
+button[class*='cancel' i]:hover,
+button[class*='cancel' i]:focus,
+button[class*='cancel' i]:active {
+  border-color: #cfd4dc !important;
+  background: #f8fafc !important;
+  color: #1f2937 !important;
+  box-shadow: none !important;
+}
+
+.app-cancel-button.n-button .n-button__content,
+body[data-route-tone='warm'] .app-cancel-button.n-button .n-button__content,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .app-cancel-button.n-button .n-button__content,
+body[data-route-tone='warm'] .n-dialog .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-dialog .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-modal .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-modal .n-card__footer .n-button:first-child:not(:last-child) .n-button__content,
+.n-drawer .n-drawer-footer .n-button:first-child:not(:last-child) .n-button__content,
+.n-popconfirm .n-popconfirm__action .n-button:first-child:not(:last-child) .n-button__content,
+.logout-confirm-dialog .n-dialog__action .app-cancel-button .n-button__content,
+.logout-confirm-dialog .n-dialog__action .n-button:first-child:not(:last-child) .n-button__content,
+.n-button[class*='cancel' i] .n-button__content {
+  color: inherit !important;
+}
diff --git a/src/views/ai-assistant/ai-read/index.vue b/src/views/ai-assistant/ai-read/index.vue
index 7bd28b5..2afb91e 100644
--- a/src/views/ai-assistant/ai-read/index.vue
+++ b/src/views/ai-assistant/ai-read/index.vue
@@ -308,7 +308,7 @@ onDeactivated(() => {
     position: relative;
     z-index: 1;
     min-height: calc(100vh - 70px);
-    padding: 72px 28px 40px 20px;
+    padding: 37px 28px 40px 20px;
   }
 
   .history-button {
@@ -321,7 +321,7 @@ onDeactivated(() => {
     border: 1px solid #d6dce8;
     border-radius: 7px;
     background: #fff;
-    box-shadow: 0 8px 20px rgba(31, 41, 55, 0.06);
+    box-shadow: none;
     color: #20242d;
     display: inline-flex;
     align-items: center;
@@ -358,37 +358,48 @@ onDeactivated(() => {
   .hero-panel {
     min-height: 560px;
     text-align: center;
+
+    &::before {
+      content: '';
+      display: block;
+      width: min(760px, calc(100vw - 330px));
+      height: 50px;
+      margin: 58px auto 24px;
+    }
   }
 
   .hero-copy {
-    margin-bottom: 94px;
+    margin-top: 56px;
+    margin-bottom: 72px;
+    transform: none;
 
     h1 {
       margin: 0;
-      color: #20222a;
-      font-size: 33px;
-      line-height: 44px;
+      color: #1f2937;
+      font-size: 40px;
+      line-height: 1.2;
       font-weight: 800;
       letter-spacing: 0;
     }
 
     p {
-      margin: 14px 0 0;
-      color: #7d8390;
+      margin: 12px 0 0;
+      color: #6a7487;
       font-size: 16px;
-      line-height: 22px;
+      line-height: 1.5;
     }
   }
 
   .upload-shell {
-    width: min(744px, calc(100vw - 330px));
-    min-height: 211px;
+    width: min(760px, calc(100vw - 330px));
+    min-height: 268px;
     margin: 0 auto;
-    padding: 13px;
-    border: 1px solid #1f2026;
-    border-radius: 20px;
-    background: rgba(255, 255, 255, 0.56);
-    box-shadow: 0 34px 70px rgba(23, 28, 42, 0.08);
+    transform: none;
+    padding: 14px;
+    border: 1px solid #dfe6f0;
+    border-radius: 14px;
+    background: #fff;
+    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
     cursor: pointer;
     transition:
       border-color 0.2s ease,
@@ -396,9 +407,9 @@ onDeactivated(() => {
       transform 0.2s ease;
 
     &:hover {
-      border-color: #ff8a1f;
-      box-shadow: 0 34px 76px rgba(255, 138, 31, 0.16);
-      transform: translateY(-2px);
+      border-color: #dfe6f0;
+      box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
+      transform: none;
     }
   }
 
@@ -407,26 +418,26 @@ onDeactivated(() => {
   }
 
   .upload-shell :deep(.n-upload-dragger) {
-    min-height: 176px;
-    border: 0;
+    min-height: 220px;
+    border: 1px dashed #d7deea;
     border-radius: 12px;
-    background: #f0f1f5;
+    background: linear-gradient(180deg, #fbfcff 0%, #f7f9fc 100%);
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: flex-start;
-    padding: 24px 20px 20px;
+    justify-content: center;
+    padding: 20px;
 
     &:hover {
-      border: 0;
-      background: #f0f1f5;
+      border-color: #d7deea;
+      background: linear-gradient(180deg, #fbfcff 0%, #f7f9fc 100%);
     }
   }
 
   .file-strip {
-    height: 36px;
+    height: 34px;
     margin-top: 10px;
-    border: 1px solid #d8dbe4;
+    border: 1px solid #dde4ef;
     border-radius: 8px;
     background: #fff;
     padding: 0 10px;
@@ -451,6 +462,11 @@ onDeactivated(() => {
     color: #c34532;
     font-size: 12px;
     cursor: pointer;
+    opacity: 0;
+    transform: translateX(4px);
+    transition:
+      opacity 0.16s ease,
+      transform 0.16s ease;
 
     &:disabled {
       color: #b7bdc8;
@@ -458,15 +474,21 @@ onDeactivated(() => {
     }
   }
 
+  .file-strip:hover button,
+  .upload-shell:hover .file-strip button {
+    opacity: 1;
+    transform: translateX(0);
+  }
+
   .upload-shell.is-uploaded :deep(.n-upload-dragger) {
-    min-height: 176px;
+    min-height: 220px;
   }
 
   .word-icon {
-    width: 28px;
-    height: 28px;
-    margin-bottom: 18px;
-    border-radius: 8px;
+    width: 30px;
+    height: 30px;
+    margin-bottom: 10px;
+    border-radius: 9px;
     display: grid;
     place-items: center;
     background: linear-gradient(145deg, #ffa638 0%, #f58c15 100%);
@@ -478,15 +500,15 @@ onDeactivated(() => {
   .upload-shell :deep(.n-upload-dragger) strong {
     margin-bottom: 8px;
     color: #171923;
-    font-size: 16px;
+    font-size: 18px;
     line-height: 20px;
-    font-weight: 800;
+    font-weight: 700;
   }
 
   .upload-shell :deep(.n-upload-dragger) span:last-child {
     color: #858b98;
     font-size: 13px;
-    line-height: 18px;
+    line-height: 1.45;
 
     em {
       color: #ff7417;
@@ -496,10 +518,12 @@ onDeactivated(() => {
   }
 
   .parse-button {
-    width: 116px;
-    height: 36px;
-    margin-top: 40px;
-    border-radius: 7px;
+    min-width: 116px;
+    height: 32px;
+    margin-top: 26px;
+    transform: none;
+    border-radius: 8px;
+    font-size: 13px;
     font-weight: 700;
   }
 
@@ -512,7 +536,7 @@ onDeactivated(() => {
     --n-text-color-hover: #fff !important;
     --n-text-color-pressed: #fff !important;
     background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
-    box-shadow: 0 10px 22px rgba(255, 138, 31, 0.28);
+    box-shadow: 0 8px 16px rgba(255, 138, 31, 0.22);
     color: #fff;
   }
 
@@ -586,21 +610,21 @@ onDeactivated(() => {
 :global(.ai-read-history-button) {
   position: fixed;
   left: calc(var(--soy-sider-width, 258px) + 20px);
-  top: calc((var(--soy-header-height, 70px) - 38px) / 2);
+  top: calc((var(--soy-header-height, 70px) - 36px) / 2);
   z-index: 102;
   width: 108px;
-  height: 38px;
-  border: 1px solid #d6dce8;
-  border-radius: 7px;
+  height: 36px;
+  border: 1px solid #d6d9e1;
+  border-radius: 8px;
   background: #fff;
-  box-shadow: 0 8px 20px rgba(31, 41, 55, 0.06);
+  box-shadow: 0 8px 20px rgba(30, 39, 60, 0.08);
   color: #20242d;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   font-size: 14px;
-  font-weight: 800;
+  font-weight: 700;
   cursor: pointer;
   line-height: 1;
 }
diff --git a/src/views/ai-assistant/ai-read/module/analysis-result.vue b/src/views/ai-assistant/ai-read/module/analysis-result.vue
index 1fcdc2e..5c7544a 100644
--- a/src/views/ai-assistant/ai-read/module/analysis-result.vue
+++ b/src/views/ai-assistant/ai-read/module/analysis-result.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { nextTick, onMounted, ref } from 'vue';
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import {
   getConversationChildList,
   getConversationDetail,
@@ -42,6 +42,8 @@ const currentTab = ref('progress');
 const currentPage = ref(1);
 const totalPage = ref(10);
 const docScale = ref(1);
+const analysisViewRef = ref<HTMLElement | null>(null);
+const analysisPanelWidth = ref(640);
 const visible = defineModel<boolean>('visible', {
   default: false
 });
@@ -50,6 +52,92 @@ const pendingAiSubmit = ref(false);
 
 const emit = defineEmits(['close']);
 
+const ANALYSIS_PANEL_WIDTH_STORAGE_KEY = 'ai_read_analysis_panel_width_v1';
+const ANALYSIS_PANEL_MIN_WIDTH = 420;
+const ANALYSIS_DOCUMENT_MIN_WIDTH = 520;
+const ANALYSIS_RETURN_RAIL_WIDTH = 80;
+const ANALYSIS_RESIZE_HANDLE_WIDTH = 8;
+
+let draggingResize = false;
+
+function getAnalysisPanelBounds() {
+  const rect = analysisViewRef.value?.getBoundingClientRect();
+  const viewWidth = rect?.width || window.innerWidth;
+  const availableWidth = Math.max(0, viewWidth - ANALYSIS_RETURN_RAIL_WIDTH - ANALYSIS_RESIZE_HANDLE_WIDTH);
+  const maxWidth = Math.max(
+    ANALYSIS_PANEL_MIN_WIDTH,
+    Math.min(availableWidth - ANALYSIS_DOCUMENT_MIN_WIDTH, availableWidth * 0.7)
+  );
+
+  return {
+    min: Math.min(ANALYSIS_PANEL_MIN_WIDTH, maxWidth),
+    max: maxWidth
+  };
+}
+
+function clampAnalysisPanelWidth(width: number) {
+  const bounds = getAnalysisPanelBounds();
+  return Math.round(Math.min(bounds.max, Math.max(bounds.min, width)));
+}
+
+function setAnalysisPanelWidth(width: number, persist = false) {
+  const nextWidth = clampAnalysisPanelWidth(width);
+  analysisPanelWidth.value = nextWidth;
+  if (persist) {
+    localStorage.setItem(ANALYSIS_PANEL_WIDTH_STORAGE_KEY, String(nextWidth));
+  }
+}
+
+function applyStoredAnalysisPanelWidth() {
+  const storedWidth = Number(localStorage.getItem(ANALYSIS_PANEL_WIDTH_STORAGE_KEY));
+  if (Number.isFinite(storedWidth) && storedWidth > 0) {
+    setAnalysisPanelWidth(storedWidth);
+    return;
+  }
+
+  setAnalysisPanelWidth(analysisPanelWidth.value);
+}
+
+function updateAnalysisPanelWidthFromPointer(event: PointerEvent, persist = false) {
+  const rect = analysisViewRef.value?.getBoundingClientRect();
+  if (!rect) return;
+  setAnalysisPanelWidth(rect.right - event.clientX, persist);
+}
+
+function stopAnalysisResize(event?: PointerEvent) {
+  if (!draggingResize) return;
+  draggingResize = false;
+  document.body.classList.remove('analysis-resizing');
+  if (event) updateAnalysisPanelWidthFromPointer(event, true);
+}
+
+function handleAnalysisResizePointerDown(event: PointerEvent) {
+  event.preventDefault();
+  draggingResize = true;
+  document.body.classList.add('analysis-resizing');
+  (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);
+  updateAnalysisPanelWidthFromPointer(event);
+}
+
+function handleAnalysisResizeKeydown(event: KeyboardEvent) {
+  if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;
+  event.preventDefault();
+  setAnalysisPanelWidth(analysisPanelWidth.value + (event.key === 'ArrowLeft' ? 40 : -40), true);
+}
+
+function handleAnalysisResizeMove(event: PointerEvent) {
+  if (!draggingResize) return;
+  updateAnalysisPanelWidthFromPointer(event);
+}
+
+function handleAnalysisResizeCancel() {
+  stopAnalysisResize();
+}
+
+function handleWindowResize() {
+  setAnalysisPanelWidth(analysisPanelWidth.value);
+}
+
 const back = () => {
   // 判断下有没有到100%，不然要提醒别人，他可以选择是否要返回
   if (readingProgressRef.value.completeRead() < 100) {
@@ -267,6 +355,28 @@ onMounted(() => {
   if (props.ossId) {
     ossId.value = props.ossId;
   }
+  window.addEventListener('pointermove', handleAnalysisResizeMove);
+  window.addEventListener('pointerup', stopAnalysisResize);
+  window.addEventListener('pointercancel', handleAnalysisResizeCancel);
+  window.addEventListener('resize', handleWindowResize);
+});
+
+watch(visible, async value => {
+  if (!value) {
+    stopAnalysisResize();
+    return;
+  }
+
+  await nextTick();
+  applyStoredAnalysisPanelWidth();
+});
+
+onBeforeUnmount(() => {
+  stopAnalysisResize();
+  window.removeEventListener('pointermove', handleAnalysisResizeMove);
+  window.removeEventListener('pointerup', stopAnalysisResize);
+  window.removeEventListener('pointercancel', handleAnalysisResizeCancel);
+  window.removeEventListener('resize', handleWindowResize);
 });
 
 // 暴露方案
@@ -367,7 +477,12 @@ const handleSearch = async (payload: any) => {
 </script>
 
 <template>
-  <section v-if="visible" class="analysis-view">
+  <section
+    v-if="visible"
+    ref="analysisViewRef"
+    class="analysis-view"
+    :style="{ '--analysis-panel-width': `${analysisPanelWidth}px` }"
+  >
     <aside class="analysis-return-rail">
       <button class="analysis-back" type="button" @click="back">
         <span>↩</span>
@@ -411,6 +526,16 @@ const handleSearch = async (payload: any) => {
       </div>
     </section>
 
+    <div
+      class="analysis-resize-handle"
+      role="separator"
+      aria-orientation="vertical"
+      aria-label="调整文档和解析面板宽度"
+      tabindex="0"
+      @pointerdown="handleAnalysisResizePointerDown"
+      @keydown="handleAnalysisResizeKeydown"
+    ></div>
+
     <aside class="analysis-panel">
       <nav class="analysis-tabs" aria-label="解析面板">
         <button
@@ -488,7 +613,7 @@ const handleSearch = async (payload: any) => {
   inset: 0;
   z-index: 1600;
   display: grid;
-  grid-template-columns: 80px minmax(620px, 1fr) clamp(640px, 50vw, 960px);
+  grid-template-columns: 80px minmax(520px, 1fr) 8px minmax(420px, var(--analysis-panel-width));
   background: #f2f5f9;
   overflow: hidden;
 }
@@ -662,6 +787,58 @@ const handleSearch = async (payload: any) => {
   transform-origin: top center;
 }
 
+.analysis-resize-handle {
+  position: relative;
+  z-index: 2;
+  width: 8px;
+  height: 100vh;
+  border-left: 1px solid #d9dde5;
+  border-right: 1px solid #d9dde5;
+  background: #eef1f5;
+  cursor: col-resize;
+  transition:
+    background 0.16s ease,
+    border-color 0.16s ease;
+}
+
+.analysis-resize-handle::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 3px;
+  height: 42px;
+  border-radius: 999px;
+  background: #b8c0cd;
+  transform: translate(-50%, -50%);
+  transition:
+    background 0.16s ease,
+    height 0.16s ease;
+}
+
+.analysis-resize-handle:hover,
+.analysis-resize-handle:focus-visible,
+:global(body.analysis-resizing) .analysis-resize-handle {
+  border-color: #aac8ff;
+  background: #e7f0ff;
+  outline: none;
+}
+
+.analysis-resize-handle:hover::before,
+.analysis-resize-handle:focus-visible::before,
+:global(body.analysis-resizing) .analysis-resize-handle::before {
+  height: 58px;
+  background: #2f7cff;
+}
+
+:global(body.analysis-resizing) {
+  cursor: col-resize;
+}
+
+:global(body.analysis-resizing) .analysis-view {
+  user-select: none;
+}
+
 .document-empty {
   padding: 72px;
 }
@@ -709,17 +886,6 @@ const handleSearch = async (payload: any) => {
   overflow: visible;
   box-shadow: 0 18px 42px rgba(31, 45, 61, 0.08);
   transition: width 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
-
-  &::before {
-    position: absolute;
-    left: -17px;
-    top: 0;
-    bottom: 0;
-    width: 1px;
-    background: #cfd8e5;
-    content: '';
-  }
-
 }
 
 .analysis-tabs {
@@ -854,7 +1020,7 @@ const handleSearch = async (payload: any) => {
 
 @media (max-width: 1280px) {
   .analysis-view {
-    grid-template-columns: 64px minmax(520px, 1fr) minmax(520px, 46vw);
+    grid-template-columns: 64px minmax(420px, 1fr) 8px minmax(420px, var(--analysis-panel-width));
   }
 
   .analysis-back {
@@ -880,6 +1046,10 @@ const handleSearch = async (payload: any) => {
     grid-template-columns: 56px minmax(0, 1fr);
   }
 
+  .analysis-resize-handle {
+    display: none;
+  }
+
   .analysis-panel {
     position: fixed;
     right: 12px;
diff --git a/src/views/ai-assistant/ai-read/module/document-preview.vue b/src/views/ai-assistant/ai-read/module/document-preview.vue
index d0c7a46..a41dccd 100644
--- a/src/views/ai-assistant/ai-read/module/document-preview.vue
+++ b/src/views/ai-assistant/ai-read/module/document-preview.vue
@@ -825,7 +825,7 @@ defineExpose({
     </div>
     <div v-if="isLocating" class="ai-read-document-preview__locating-mask">
       <div class="ai-read-document-preview__locating-actions">
-        <NButton size="small" type="default" @click="cancelLocate">取消定位</NButton>
+        <NButton class="app-cancel-button" size="small" type="default" @click="cancelLocate">取消定位</NButton>
       </div>
       <div class="ai-read-document-preview__locating-card">
         <NSpin size="small" />
diff --git a/src/views/ai-assistant/ai-read/module/import-modal.vue b/src/views/ai-assistant/ai-read/module/import-modal.vue
index ed9670d..16dc567 100644
--- a/src/views/ai-assistant/ai-read/module/import-modal.vue
+++ b/src/views/ai-assistant/ai-read/module/import-modal.vue
@@ -104,7 +104,7 @@ watch(visible, () => {
     />
     <template #footer>
       <NSpace justify="end" :size="16">
-        <NButton class="ai-read-modal-cancel" @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
+        <NButton class="ai-read-modal-cancel app-cancel-button" @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
         <NButton type="primary" class="button-shadow" :disabled="!ossId" @click="handleSubmit">开始解析</NButton>
       </NSpace>
     </template>
@@ -132,9 +132,13 @@ watch(visible, () => {
 }
 
 .ai-read-modal-cancel {
-  --n-border-hover: 1px solid #ffbf72 !important;
-  --n-border-focus: 1px solid #ffbf72 !important;
-  --n-text-color-hover: #c86f1a !important;
-  --n-text-color-focus: #c86f1a !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-focus: #fff !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-focus: #374151 !important;
+  --n-text-color-pressed: #111827 !important;
 }
 </style>
diff --git a/src/views/ai-assistant/ai-read/module/part-reading.vue b/src/views/ai-assistant/ai-read/module/part-reading.vue
index 5aef7c4..721af43 100644
--- a/src/views/ai-assistant/ai-read/module/part-reading.vue
+++ b/src/views/ai-assistant/ai-read/module/part-reading.vue
@@ -117,11 +117,12 @@ const jumpTo = (message: string) => {
   }
 
   if (target) {
+    setActiveSectionCard(target);
     scrollWithinContainer(target);
   }
 };
 
-const toggleThink = msg => {
+const toggleThink = (msg: any) => {
   msg.isThinkShrink = !msg.isThinkShrink;
 };
 // 通过AI查询数据
@@ -137,10 +138,10 @@ const queryData = () => {
       files: [props.ossId],
       continuous: true
     },
-    res => {
+    (res: any) => {
       appendContent(res.data.content || '');
     },
-    err => {
+    (err: any) => {
       isGenerating.value = false;
       console.log('err');
       console.log(err);
@@ -339,6 +340,84 @@ function markReportTitle(root?: Element | null) {
   });
 }
 
+function setActiveSectionCard(target?: Element | null) {
+  const card = target?.closest?.('.section-detail-card') || target;
+  const root = document.getElementById('docx-container-inner-slice')?.querySelector<HTMLElement>('.mc-markdown-render');
+  root?.querySelectorAll('.section-detail-card').forEach(item => {
+    item.classList.toggle('active', item === card);
+  });
+}
+
+function syncActiveSectionFromScroll() {
+  const scrollContainer = contentScrollRef.value;
+  const cards = Array.from(
+    document.querySelectorAll<HTMLElement>('#docx-container-inner-slice .section-detail-card[data-generated-section]')
+  );
+  if (!scrollContainer || !cards.length) return;
+
+  const panelRect = scrollContainer.getBoundingClientRect();
+  const anchorLine = panelRect.top + 120;
+  let current = cards[0];
+
+  cards.forEach(card => {
+    if (card.getBoundingClientRect().top <= anchorLine) {
+      current = card;
+    }
+  });
+
+  setActiveSectionCard(current);
+  const title = toPlainTagText(current.querySelector('h2, h3')?.textContent || '');
+  if (title) {
+    activeTag.value = title;
+  }
+}
+
+function wrapMarkdownSections(root?: Element | null) {
+  if (!root || root.querySelector('.section-detail-card[data-generated-section]')) return;
+
+  const children = Array.from(root.children);
+  let sectionIndex = 0;
+
+  children.forEach(child => {
+    if (!child.parentElement || child.closest('.section-detail-card')) return;
+    if (!['H2', 'H3'].includes(child.tagName) || child.classList.contains('report-title')) return;
+
+    sectionIndex += 1;
+    child.textContent = toPlainTagText(child.textContent || '');
+    const section = document.createElement('section');
+    section.className = 'section-detail-card';
+    section.dataset.generatedSection = 'true';
+
+    const header = document.createElement('header');
+    const index = document.createElement('span');
+    index.className = 'section-index';
+    index.textContent = String(sectionIndex).padStart(2, '0');
+    const titleWrap = document.createElement('div');
+
+    child.parentElement.insertBefore(section, child);
+    titleWrap.appendChild(child);
+    header.append(index, titleWrap);
+    section.appendChild(header);
+
+    let next = section.nextElementSibling;
+    let hasTable = false;
+    while (next && !['H2', 'H3'].includes(next.tagName)) {
+      const current = next;
+      next = next.nextElementSibling;
+      if (current.matches('table, .part-table-scroll') || current.querySelector('table, .part-table-scroll')) {
+        hasTable = true;
+      }
+      section.appendChild(current);
+    }
+
+    if (hasTable) {
+      section.classList.add('table-section');
+    }
+  });
+
+  root.querySelector('.section-detail-card')?.classList.add('active');
+}
+
 function bindParagraphLocateRows(root?: Element | null) {
   const rowList = root?.querySelectorAll('tbody tr') || [];
   rowList.forEach(row => {
@@ -369,6 +448,7 @@ async function processMarkdownTables() {
 
   wrapMarkdownTables(markdownRoot);
   markReportTitle(markdownRoot);
+  wrapMarkdownSections(markdownRoot);
   hideParagraphIdColumns(markdownRoot);
   bindParagraphLocateRows(markdownRoot);
 }
@@ -540,7 +620,7 @@ defineExpose({
       >
         重新解读
       </ElButton>
-      <div class="part-tags">
+      <div class="section-anchor-nav part-tags" aria-label="分项解读目录">
         <ElTag
           v-for="(item, index) in matchs"
           :key="item"
@@ -553,14 +633,14 @@ defineExpose({
         </ElTag>
       </div>
     </ElRow>
-    <div ref="contentScrollRef" class="part-reading-scroll">
+    <div ref="contentScrollRef" class="part-reading-scroll" @scroll="syncActiveSectionFromScroll">
       <div v-if="isGenerating && !content" class="processing-state w-full flex flex-col items-center justify-center gap-16px">
         <div class="processing-title">正在生成分项解读</div>
         <div class="processing-desc">系统正在按主题拆分招标文件并提取结构化结果，请稍候...</div>
       </div>
       <ElEmpty v-else-if="!content" description="暂无分项解读内容" class="m-auto" />
       <ElRow v-else>
-        <div class="w-full">
+        <div class="sections-panel w-full">
           <div id="docx-container-inner-slice">
             <McMarkdownCard ref="docxContainer" :enable-think="false" :content="content"></McMarkdownCard>
           </div>
@@ -592,14 +672,14 @@ defineExpose({
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  border: 1px solid #dfe7f3;
+  border: 1px solid #e3e8f2;
   border-radius: 8px;
   background: #fafcff;
-  padding: 14px;
+  padding: 15px 14px;
 }
 
 .sections-summary h3 {
-  margin: 0 0 8px;
+  margin: 0 0 12px;
   color: #111827;
   font-size: 16px;
   font-weight: 800;
@@ -627,35 +707,63 @@ defineExpose({
   margin-bottom: 0;
 }
 
-.part-tags {
+.section-anchor-nav {
   position: sticky;
-  top: 0;
+  top: -13px;
   z-index: 4;
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
   align-content: flex-start;
+  gap: 8px 7px;
   max-height: 116px;
   overflow: auto;
   width: 100%;
   border-bottom: 1px solid #e7edf6;
   background: rgba(255, 255, 255, 0.96);
-  padding: 10px 0 12px;
+  padding: 12px 0 11px;
   backdrop-filter: blur(10px);
 }
 
+.section-anchor-nav::-webkit-scrollbar,
+.part-reading-scroll::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.section-anchor-nav::-webkit-scrollbar-thumb,
+.part-reading-scroll::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: #8c8c8c;
+}
+
+.section-anchor-nav::-webkit-scrollbar-track,
+.part-reading-scroll::-webkit-scrollbar-track {
+  background: #f0f3f7;
+}
+
 .part-tag {
+  flex: 0 0 auto;
+  min-height: 29px;
+  height: auto;
+  border-radius: 5px;
   cursor: pointer;
   font-size: 13px;
   border-color: #b9dcff;
-  background: #edf6ff;
+  background: #eef7ff;
   color: #1680e8;
   font-weight: 700;
+  line-height: 18px;
+  padding: 4px 11px;
+  white-space: nowrap;
   transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
 }
 
-.part-tag.active,
 .part-tag:hover {
+  border-color: #7cbcff;
+  background: #e5f2ff;
+}
+
+.part-tag.active {
   border-color: #2d8cff;
   background: #2d8cff;
   color: #fff;
@@ -667,7 +775,13 @@ defineExpose({
   min-height: 0;
   overflow: auto;
   overscroll-behavior: contain;
-  padding-right: 2px;
+  padding: 0 2px 0 0;
+}
+
+.sections-panel {
+  display: grid;
+  gap: 12px;
+  padding-bottom: 20px;
 }
 
 #docx-container-inner-slice {
@@ -743,7 +857,7 @@ defineExpose({
 }
 
 .part-reading-scroll :deep(.mc-markdown-render .report-title) {
-  display: flex;
+  display: none;
   align-items: center;
   gap: 10px;
   min-height: 52px;
@@ -874,8 +988,181 @@ defineExpose({
 .part-reading-scroll :deep(.mc-markdown-render table th:nth-child(5)) {
   width: 320px;
 }
+
+.part-reading-scroll :deep(.section-detail-card) {
+  scroll-margin-top: 126px;
+  border: 1px solid #dfe7f3;
+  border-radius: 8px;
+  background: #fff;
+  overflow: hidden;
+  transition:
+    border-color 0.16s ease,
+    box-shadow 0.16s ease;
+}
+
+.part-reading-scroll :deep(.section-detail-card.active) {
+  border-color: #2d8cff;
+  box-shadow: none;
+}
+
+.part-reading-scroll :deep(.section-detail-card > header) {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 12px;
+  align-items: center;
+  border-bottom: 1px solid #edf1f6;
+  background: #fbfcff;
+  padding: 14px 14px 15px;
+}
+
+.part-reading-scroll :deep(.section-index) {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 8px;
+  background: #eef6ff;
+  color: #1677ff;
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.part-reading-scroll :deep(.section-detail-card > header h2),
+.part-reading-scroll :deep(.section-detail-card > header h3) {
+  display: block;
+  min-height: auto;
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  padding: 0;
+  color: #111827;
+  font-size: 17px;
+  font-weight: 800;
+  line-height: 1.45;
+}
+
+.part-reading-scroll :deep(.section-detail-card > header h2::before),
+.part-reading-scroll :deep(.section-detail-card > header h3::before) {
+  display: none;
+  content: none;
+}
+
+.part-reading-scroll :deep(.section-detail-card > p),
+.part-reading-scroll :deep(.section-detail-card > blockquote) {
+  margin: 0;
+  border-bottom: 1px solid #edf1f6;
+  padding: 12px 14px;
+  color: #3f4654;
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.part-reading-scroll :deep(.section-detail-card > ul),
+.part-reading-scroll :deep(.section-detail-card > ol) {
+  display: grid;
+  gap: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.part-reading-scroll :deep(.section-detail-card > ul li),
+.part-reading-scroll :deep(.section-detail-card > ol li) {
+  border-bottom: 1px solid #edf1f6;
+  padding: 12px 14px;
+  color: #343b48;
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.part-reading-scroll :deep(.section-detail-card > ul li:last-child),
+.part-reading-scroll :deep(.section-detail-card > ol li:last-child) {
+  border-bottom: 0;
+}
+
+.part-reading-scroll :deep(.section-detail-card .part-table-scroll) {
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: #fff;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+.part-reading-scroll :deep(.section-detail-card table) {
+  width: 100%;
+  min-width: 780px;
+  table-layout: fixed;
+  border-collapse: collapse;
+  color: #1f2937;
+  font-size: 13px;
+  line-height: 22px;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th),
+.part-reading-scroll :deep(.section-detail-card table td) {
+  min-width: 0;
+  max-width: none;
+  border-right: 1px solid #e6edf7;
+  border-bottom: 1px solid #e6edf7;
+  padding: 12px 13px;
+  vertical-align: top;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th) {
+  height: 40px;
+  background: #f5f7fb;
+  color: #111827;
+  font-weight: 800;
+  text-align: left;
+  white-space: nowrap;
+}
+
+.part-reading-scroll :deep(.section-detail-card table td) {
+  height: 44px;
+  color: #1f2937;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th:last-child),
+.part-reading-scroll :deep(.section-detail-card table td:last-child) {
+  border-right: 0;
+}
+
+.part-reading-scroll :deep(.section-detail-card table tbody tr:last-child td) {
+  border-bottom: 0;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th:nth-child(1)),
+.part-reading-scroll :deep(.section-detail-card table td:nth-child(1)) {
+  width: 76px;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th:nth-child(2)),
+.part-reading-scroll :deep(.section-detail-card table td:nth-child(2)) {
+  width: 74px;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th:nth-child(3)),
+.part-reading-scroll :deep(.section-detail-card table td:nth-child(3)) {
+  width: 188px;
+}
+
+.part-reading-scroll :deep(.section-detail-card table th:nth-child(4)),
+.part-reading-scroll :deep(.section-detail-card table td:nth-child(4)) {
+  width: 64px;
+  text-align: left;
+}
+
+.part-reading-scroll :deep(.section-detail-card table td:nth-child(4)) {
+  white-space: nowrap;
+}
 /deep/.tr-bg:hover {
-  color: rgb(1, 255, 64);
+  background: #f5faff;
+  color: #1677ff;
 }
 /deep/.mc-markdown-render h4,
 /deep/.mc-markdown-render h5,
diff --git a/src/views/ai-credit/index.vue b/src/views/ai-credit/index.vue
index 74b1504..c316c36 100644
--- a/src/views/ai-credit/index.vue
+++ b/src/views/ai-credit/index.vue
@@ -15,11 +15,11 @@ interface MatchRow {
 }
 
 const mainTab = ref<MainTab>('workbench');
-const currentStep = ref<CreditStep>('parse');
+const currentStep = ref<CreditStep>('upload');
 const requirementTab = ref<RequirementTab>('required');
 const matchTab = ref<MatchTab>('achievement');
 const dataTab = ref<DataTab>('achievement');
-const uploadedFile = ref('1、招标文件正文(1).pdf');
+const uploadedFile = ref('');
 const isParsing = ref(false);
 const isMatching = ref(false);
 const matchSheetOpen = ref(false);
@@ -896,7 +896,7 @@ function downloadCreditExportFile() {
             </div>
           </section>
           <footer class="credit-match-sheet-footer">
-            <button class="credit-secondary-btn" type="button" @click="matchSheetOpen = false">取消</button>
+            <button class="credit-secondary-btn app-cancel-button" type="button" @click="matchSheetOpen = false">取消</button>
             <button class="credit-primary-btn" type="button" @click="confirmSelection">确认选择</button>
           </footer>
         </section>
@@ -966,25 +966,25 @@ function downloadCreditExportFile() {
 
 .credit-history-button {
   position: fixed;
-  top: calc((var(--soy-header-height, 70px) - 38px) / 2);
+  top: calc((var(--soy-header-height, 70px) - 36px) / 2);
   left: calc(var(--soy-sider-width, 258px) + 20px);
   z-index: 102;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 8px;
+  gap: 6px;
   width: 108px;
-  height: 38px;
-  border: 1px solid #dfe6f0;
+  height: 36px;
+  border: 1px solid #d6d9e1;
   border-radius: 8px;
   background: #fff;
-  padding: 0 14px;
+  padding: 0;
   color: #20242d;
   font-size: 14px;
-  font-weight: 800;
+  font-weight: 700;
   line-height: 1;
   white-space: nowrap;
-  box-shadow: 0 12px 24px rgb(17 24 39 / 0.06);
+  box-shadow: 0 8px 20px rgb(30 39 60 / 0.08);
   cursor: pointer;
 }
 
@@ -997,7 +997,7 @@ function downloadCreditExportFile() {
   position: relative;
   z-index: 1;
   min-height: calc(100vh - 198px);
-  padding: 78px clamp(24px, 12vw, 264px) 24px;
+  padding: 58px clamp(24px, 12vw, 264px) 24px;
 }
 
 .credit-shell {
@@ -1006,30 +1006,43 @@ function downloadCreditExportFile() {
   padding-bottom: 30px;
 }
 
-.credit-main-tabs {
+.credit-top-nav {
   display: flex;
+  justify-content: center;
+}
+
+.credit-main-tabs {
+  display: inline-flex;
   align-items: center;
+  gap: 8px;
   width: max-content;
-  margin: 28px auto 40px;
-  border: 1px solid #dfe6f0;
+  min-height: 50px;
+  margin: 24px auto 40px;
+  border: 1px solid #e7e9ee;
   border-radius: 999px;
-  background: #f3f6fa;
-  padding: 7px;
+  background: rgba(244, 245, 247, 0.96);
+  padding: 6px;
   box-shadow:
-    0 10px 24px rgb(17 24 39 / 0.08),
-    inset 0 1px 0 #fff;
+    inset 0 1px 0 rgb(255 255 255 / 0.9),
+    0 10px 24px rgb(22 28 42 / 0.06);
 }
 
 .resource-tab {
-  height: 36px;
+  display: inline-flex;
+  height: 38px;
+  min-width: 86px;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
   border: 0;
   border-radius: 999px;
   background: transparent;
-  color: #6c7687;
-  padding: 0 20px;
-  font-size: 13px;
-  font-weight: 800;
+  color: #5d6370;
+  padding: 0 15px;
+  font-size: 15px;
+  font-weight: 700;
   cursor: pointer;
+  white-space: nowrap;
 }
 
 .resource-tab::before {
@@ -1037,15 +1050,15 @@ function downloadCreditExportFile() {
   display: inline-block;
   width: 8px;
   height: 8px;
-  margin-right: 8px;
+  margin-right: 0;
   border-radius: 999px;
   background: #cbd5e1;
 }
 
 .resource-tab.active {
   background: #fff;
-  color: #20242d;
-  box-shadow: 0 5px 14px rgb(17 24 39 / 0.08);
+  color: #222;
+  box-shadow: 0 6px 16px rgb(20 24 35 / 0.1);
 }
 
 .resource-tab.active::before {
@@ -1062,6 +1075,19 @@ function downloadCreditExportFile() {
   padding: 0 20px 18px;
 }
 
+.credit-step-panel {
+  display: none;
+}
+
+.credit-step-panel.active {
+  display: block;
+}
+
+.credit-step-panel:nth-of-type(n + 2) {
+  max-width: 1120px;
+  margin: 0 auto;
+}
+
 .credit-step {
   position: relative;
   display: grid;
@@ -1119,7 +1145,7 @@ function downloadCreditExportFile() {
 
 .credit-parse-result {
   display: grid;
-  gap: 14px;
+  gap: 12px;
 }
 
 .credit-result-summary,
@@ -1142,7 +1168,7 @@ function downloadCreditExportFile() {
 .credit-file-result-card {
   display: grid;
   gap: 12px;
-  padding: 16px;
+  padding: 14px 16px;
 }
 
 .credit-result-summary {
@@ -1180,7 +1206,7 @@ function downloadCreditExportFile() {
 .credit-requirement-layout {
   display: grid;
   grid-template-columns: 260px minmax(0, 1fr);
-  gap: 14px;
+  gap: 12px;
   min-height: 360px;
 }
 
@@ -1297,15 +1323,16 @@ function downloadCreditExportFile() {
 }
 
 .credit-parse-fixed-actions {
-  position: sticky;
-  bottom: 0;
+  position: fixed;
+  right: 28px;
+  bottom: 20px;
   z-index: 2;
   display: flex;
   justify-content: flex-end;
   gap: 10px;
-  margin-top: 14px;
-  padding: 26px 0 6px;
-  background: linear-gradient(180deg, rgb(255 255 255 / 0) 0%, #fff 34%);
+  margin-top: 0;
+  padding: 0;
+  background: transparent;
 }
 
 .credit-parse-fixed-actions .credit-primary-btn {
@@ -1321,16 +1348,23 @@ function downloadCreditExportFile() {
 
 .credit-upload-copy h3 {
   margin: 0;
+  color: #20222a;
   font-size: 28px;
+  font-weight: 700;
+  line-height: 36px;
 }
 
 .credit-upload-copy p {
   margin: 10px 0 0;
+  max-width: 420px;
   color: #7a8290;
+  font-size: 14px;
+  line-height: 22px;
 }
 
 .credit-upload-shell {
-  width: 760px;
+  width: min(760px, 100%);
+  min-height: 268px;
   margin: 0 auto;
   border: 1px solid #dfe6f0;
   border-radius: 14px;
@@ -1363,14 +1397,14 @@ function downloadCreditExportFile() {
 
 .word-icon {
   display: grid;
-  width: 54px;
-  height: 54px;
+  width: 30px;
+  height: 30px;
   place-items: center;
-  border-radius: 14px;
-  background: linear-gradient(180deg, #2f73ff, #185ad6);
+  border-radius: 9px;
+  background: linear-gradient(145deg, #ffa126, #ff8617);
   color: #fff;
-  font-size: 28px;
-  font-weight: 800;
+  font-size: 19px;
+  font-weight: 900;
 }
 
 .credit-upload-drop h3 {
@@ -1412,7 +1446,7 @@ function downloadCreditExportFile() {
 .credit-upload-actions {
   display: flex;
   justify-content: center;
-  width: 760px;
+  width: min(760px, 100%);
   margin: 24px auto 0;
 }
 
diff --git a/src/views/ai-review/tech-proposal-redesign/content-check/index.vue b/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
index 40cd2e1..da0a80c 100644
--- a/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/content-check/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, onUnmounted, ref } from 'vue';
 import HtmlFilePreview from '@/components/html-file/index-only-read.vue';
+import SettingDrawer from '../../tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue';
 import { useTechProposalRedesignContext } from '../context';
 
 const {
@@ -39,6 +40,7 @@ const {
   handleDetailPageSizeChange,
   handleDetailTreeRowClick,
   handleEditRule,
+  handleRuleSubmitted,
   loadDetailTree,
   openResultDetail,
   queryDetailByPage,
@@ -47,10 +49,13 @@ const {
   reviewResultCards,
   rewriteContentCheck,
   ruleScopeOptions,
+  ruleSetting,
   ruleSource,
   sectorOptions,
   selectedRule,
   selectedRuleId,
+  settingDrawerRef,
+  settingDrawerVisible,
   setDetailDocPresign,
   startCheck,
   systemRuleObj,
@@ -243,6 +248,18 @@ onUnmounted(stopDetailDocResize);
         </table>
         <NEmpty v-if="checkRuleRows.length === 0" description="请选择或设置检查规则" />
       </div>
+      <div v-show="contentRuleEditing" class="content-check-rule-drawer-host"></div>
+      <SettingDrawer
+        ref="settingDrawerRef"
+        v-model:visible="settingDrawerVisible"
+        v-model:value="ruleSetting.template"
+        drawer-class="content-rule-center-drawer"
+        :drawer-show-mask="false"
+        drawer-to=".content-check-rule-drawer-host"
+        drawer-width="100%"
+        :hide-title="true"
+        @submitted="handleRuleSubmitted"
+      />
     </section>
 
     <div
@@ -371,7 +388,7 @@ onUnmounted(stopDetailDocResize);
                 :data="detailTable"
                 :bordered="false"
                 :single-line="false"
-                :scroll-x="668"
+                :scroll-x="432"
                 :row-props="detailRowProps"
                 class="detail-data-table"
                 :row-class-name="(row: any) => (detailSelectedRowId === row.id ? 'selected-row' : '')"
@@ -379,13 +396,13 @@ onUnmounted(stopDetailDocResize);
                   {
                     title: '序号',
                     key: 'index',
-                    width: 56,
+                    width: 48,
                     render: (_row: any, index: number) =>
                       (detailPagination.page - 1) * detailPagination.pageSize + index + 1
                   },
-                  { title: '错误位置（关键字）', key: 'location', width: 180 },
-                  { title: '错误详情', key: 'detail', width: 360 },
-                  { title: '页码', key: 'page', width: 72 }
+                  { title: '错误位置（关键字）', key: 'location', width: 132 },
+                  { title: '错误详情', key: 'detail', width: 196 },
+                  { title: '页码', key: 'page', width: 56 }
                 ]"
               />
             </div>
diff --git a/src/views/ai-review/tech-proposal-redesign/index.vue b/src/views/ai-review/tech-proposal-redesign/index.vue
index 7e4e4e9..1916b1c 100644
--- a/src/views/ai-review/tech-proposal-redesign/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/index.vue
@@ -2,7 +2,7 @@
 import { computed, h, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import type { UploadFileInfo } from 'naive-ui';
-import { NButton, NDivider, NInput, NTag, NText } from 'naive-ui';
+import { NButton, NInput, NPopconfirm, NTag, NText } from 'naive-ui';
 import dayjs from 'dayjs';
 import { CheckItem, Properties } from '@/constants/ai-review';
 import {
@@ -61,7 +61,7 @@ import ButtonIcon from '@/components/custom/button-icon.vue';
 import FileUploadButton from '@/components/custom/file-upload-button.vue';
 import FileUploadFolder from '@/components/custom/file-upload-folder.vue';
 import DocPreview from '@/components/custom/doc-preview.vue';
-import SettingDrawer from '../tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue';
+import type SettingDrawer from '../tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue';
 import AnalysisFileAttrs from '../tech-proposal/modules/rewrite-info/modules/file-attrs.vue';
 import AnalysisImageContent from '../tech-proposal/modules/rewrite-info/modules/image-content.vue';
 import AnalysisImportantInfo from '../tech-proposal/modules/rewrite-info/modules/important-info copy.vue';
@@ -73,6 +73,8 @@ import ResponsiveCheck from './responsive-check/index.vue';
 import RegularAnalysis from './regular-analysis/index.vue';
 import { techProposalRedesignContextKey } from './context';
 
+const appCancelButtonProps = { class: 'app-cancel-button', type: 'default' } as any;
+
 defineOptions({
   name: 'TechProposalRedesign'
 });
@@ -1140,8 +1142,10 @@ const cancelResponseDocModal = () => {
 };
 
 const submitResponseDocModal = async () => {
-  const params = responseAddDocForm.value.file.map((item: any) => ({
-    ...item,
+  const uploadedFiles = responseFileList.value.filter(file => file.status === 'finished');
+  const params = uploadedFiles.map((item: any) => ({
+    ossId: item.id,
+    docuName: item.name,
     infoId: resultInfoId.value,
     type: responseAddDocForm.value.type
   }));
@@ -1543,11 +1547,7 @@ const closeDetailDocPreview = () => {
 };
 
 const handleCloseContentDetail = () => {
-  if (detailPreviewVisible.value) {
-    closeDetailDocPreview();
-    return;
-  }
-  detailVisible.value = false;
+  closeContentDetailPanel();
 };
 
 const closeContentDetailPanel = () => {
@@ -2297,6 +2297,9 @@ const askProposalName = (onConfirm: () => void) => {
     title: '投标单位名称',
     positiveText: '确定',
     negativeText: '取消',
+    negativeButtonProps: {
+      type: 'default'
+    },
     content: () =>
       h(NInput, {
         value: uploadProposalName.value,
@@ -2561,26 +2564,31 @@ const columns: any = [
     render: (row: any) => {
       const topIndex = Number(String(row.index).split('-')[0]) - 1;
       const editBtn = () => (
-        <ButtonIcon
-          type="primary"
-          icon="material-symbols:edit-outline"
-          tooltipContent="编辑"
+        <button
+          class="review-action-link"
+          type="button"
           onClick={(event: MouseEvent) => {
             event.stopPropagation();
             updateBidingName.value = row.name;
             row.editable = true;
           }}
-        />
-      );
-      const deleteBtn = () => (
-        <ButtonIcon
-          type="error"
-          icon="material-symbols:delete-outline"
-          tooltipContent="删除"
-          popconfirmContent="确认删除？"
-          onPositiveClick={() => handleDelete(row)}
-        />
+        >
+          编辑
+        </button>
       );
+      const deleteBtn = () =>
+        h(
+          NPopconfirm,
+          { onPositiveClick: () => handleDelete(row) },
+          {
+            trigger: () => (
+              <button class="review-action-link danger" type="button" onClick={(event: MouseEvent) => event.stopPropagation()}>
+                删除
+              </button>
+            ),
+            default: () => '确认删除？'
+          }
+        );
 
       if (row.children) {
         if (row.editable) {
@@ -2599,7 +2607,7 @@ const columns: any = [
                 保存
               </NButton>
               <NButton
-                class="unit-cancel-btn"
+                class="unit-cancel-btn app-cancel-button"
                 size="tiny"
                 tertiary
                 onClick={(event: MouseEvent) => {
@@ -2613,26 +2621,25 @@ const columns: any = [
           );
         }
         return (
-          <div class="flex-center gap-8px">
+          <div class="review-unit-actions">
             {editBtn()}
-            <NDivider vertical />
             {deleteBtn()}
           </div>
         );
       }
 
       return (
-        <div class="flex-center gap-8px">
-          <ButtonIcon
-            type="primary"
-            icon="material-symbols:visibility-outline"
-            tooltipContent="查看"
+        <div class="review-unit-actions">
+          <button
+            class="review-action-link"
+            type="button"
             onClick={(event: MouseEvent) => {
               event.stopPropagation();
               handlePreview(row);
             }}
-          />
-          <NDivider vertical />
+          >
+            查看
+          </button>
           {deleteBtn()}
         </div>
       );
@@ -2860,10 +2867,12 @@ provide(techProposalRedesignContextKey, {
   handleDetailTreeRowClick,
   handleCloseContentDetail,
   handleEditRule,
+  handleRuleSubmitted,
   handleProposalFileFinish,
   handleProposalFileUploaded,
   handleProposalFolderFinish,
   handleProposalFolderUploaded,
+  handleResponseDocFileFinish,
   handleResponseHistoryRuleChange,
   handleUploadBefore,
   handleUploadError,
@@ -2885,6 +2894,7 @@ provide(techProposalRedesignContextKey, {
   responseAddDocVisible,
   responseAiBidding,
   responseAiBiddingOptions,
+  responseFileList,
   responseGenerateLoading,
   responseHistoryBidding,
   responseHistoryCards,
@@ -2912,11 +2922,14 @@ provide(techProposalRedesignContextKey, {
   ruleSource,
   saveReuploadInfo,
   saveResponseRuleData,
+  submitResponseDocModal,
   sectionName,
   sectorOptions,
   selectedResponseDocName,
   selectedRule,
   selectedRuleId,
+  settingDrawerRef,
+  settingDrawerVisible,
   setDetailDocPresign,
   startCheck,
   startRegularAnalysis,
@@ -3074,8 +3087,20 @@ onUnmounted(() => {
                 >
                   <button type="button" @click="prepareProposalFolderImport">导入文件夹</button>
                 </FileUploadButton>
+                <span class="review-file-count">共有{{ bidPlanCount }}个投标单位，{{ bidDocCount }}个投标文件</span>
               </div>
-              <span class="review-file-count">共有{{ bidPlanCount }}个投标单位，{{ bidDocCount }}个投标文件</span>
+            </div>
+
+            <div v-if="dataList.length > 0" class="table-tools">
+              <button type="button" @click="toggleExpandAll">
+                {{ expandedKeys.length > 0 ? '收起全部方案' : '展开全部方案' }}
+              </button>
+              <NPopconfirm @positive-click="deleteAllBiddingDoc">
+                <template #trigger>
+                  <button type="button">删除全部方案</button>
+                </template>
+                删除后数据将无法恢复，确定继续？
+              </NPopconfirm>
             </div>
 
             <FileUploadFolder
@@ -3101,17 +3126,6 @@ onUnmounted(() => {
             </FileUploadFolder>
 
             <div v-if="dataList.length > 0" class="review-tree-list">
-              <div v-if="dataList.length > 0" class="table-tools">
-                <button type="button" @click="toggleExpandAll">
-                  {{ expandedKeys.length > 0 ? '收起全部方案' : '展开全部方案' }}
-                </button>
-                <NPopconfirm @positive-click="deleteAllBiddingDoc">
-                  <template #trigger>
-                    <button type="button">删除全部方案</button>
-                  </template>
-                  删除后数据将无法恢复，确定继续？
-                </NPopconfirm>
-              </div>
               <NDataTable
                 :columns="columns"
                 :data="dataList"
@@ -3261,42 +3275,6 @@ onUnmounted(() => {
     </NDrawer>
 
     <DocPreview v-model:visible="docPreviewVisible" :oss-id="docPreviewOssId" :title="docPreviewName" />
-    <SettingDrawer
-      ref="settingDrawerRef"
-      v-model:visible="settingDrawerVisible"
-      v-model:value="ruleSetting.template"
-      drawer-class="content-rule-center-drawer"
-      :drawer-show-mask="false"
-      drawer-to=".review-check-panel"
-      drawer-width="100%"
-      @submitted="handleRuleSubmitted"
-    />
-    <NModal
-      v-model:show="responseAddDocVisible"
-      preset="dialog"
-      title="上传招标文件"
-      positive-text="确认"
-      negative-text="取消"
-      @positive-click="submitResponseDocModal"
-      @negative-click="cancelResponseDocModal"
-    >
-      <NForm label-placement="left" label-width="80px" class="mt-20px">
-        <NFormItem label="招标文件">
-          <FileUploadButton
-            v-model:file-list="responseFileList"
-            :max="10"
-            accept=".docx,.doc"
-            :show-tip="true"
-            upload-type="file"
-            show-file-list
-            action="/info/ossUpload"
-            @finish="handleResponseDocFileFinish"
-          >
-            <NButton type="primary">选择文件</NButton>
-          </FileUploadButton>
-        </NFormItem>
-      </NForm>
-    </NModal>
     <NModal v-model:show="analysisSmartFilterVisible" preset="card" :bordered="false" class="regular-filter-modal">
       <template #header>
         <div class="regular-filter-modal-head">
@@ -3337,7 +3315,7 @@ onUnmounted(() => {
       </div>
       <template #footer>
         <div class="regular-filter-modal-footer">
-          <button type="button" @click="analysisSmartFilterVisible = false">取消</button>
+          <button class="app-cancel-button" type="button" @click="analysisSmartFilterVisible = false">取消</button>
           <button type="button" @click="saveAnalysisSmartFilter">保存</button>
         </div>
       </template>
@@ -3369,7 +3347,9 @@ onUnmounted(() => {
             >
               确定保存
             </button>
-            <button class="review-pattern-compare-close" type="button" @click="closeAnalysisCompareModal">取消</button>
+            <button class="review-pattern-compare-close app-cancel-button" type="button" @click="closeAnalysisCompareModal">
+              取消
+            </button>
           </div>
         </header>
         <div class="review-pattern-compare-body real-detail-body" :class="`is-${analysisCompareTab}`">
@@ -3487,34 +3467,44 @@ onUnmounted(() => {
   min-height: calc(100vh - 112px);
   flex-direction: column;
   align-items: center;
-  padding-top: 57px;
+  padding-top: 58px;
 }
 
 .bid-type-tabs {
-  display: flex;
-  gap: 0;
+  display: inline-flex;
   align-items: center;
-  height: 44px;
+  gap: 8px;
+  min-height: 50px;
   margin-bottom: 24px;
-  border-radius: 22px;
-  background: #f0f0f1;
-  padding: 4px;
+  padding: 6px;
+  border: 1px solid #e7e9ee;
+  border-radius: 999px;
+  background: rgba(244, 245, 247, 0.96);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.9),
+    0 10px 24px rgba(22, 28, 42, 0.06);
 }
 
 .bid-type {
-  height: 36px;
-  min-width: 102px;
+  display: inline-flex;
+  height: 38px;
+  min-width: 86px;
+  align-items: center;
+  justify-content: center;
   border: 0;
-  border-radius: 18px;
+  border-radius: 999px;
   background: transparent;
-  color: #2f3440;
+  color: #5d6370;
+  padding: 0 15px;
+  font-size: 15px;
   font-weight: 700;
   cursor: pointer;
+  white-space: nowrap;
 
   &.active {
     background: #fff;
-    box-shadow: 0 3px 10px rgba(38, 45, 57, 0.12);
-    color: #20242d;
+    box-shadow: 0 6px 16px rgba(20, 24, 35, 0.1);
+    color: #222;
   }
 
   &.active::before {
@@ -3538,9 +3528,9 @@ onUnmounted(() => {
 .review-title {
   margin: 0 0 64px;
   color: #20222a;
-  font-size: 36px;
+  font-size: clamp(30px, 3vw, 42px);
   font-weight: 800;
-  line-height: 44px;
+  line-height: 1.2;
 }
 
 .review-step {
@@ -3555,41 +3545,50 @@ onUnmounted(() => {
 }
 
 .review-upload-shell {
-  width: 744px;
+  display: flex;
+  width: min(760px, 100%);
+  min-height: 268px;
+  flex-direction: column;
+  justify-content: center;
   margin: 0 auto;
+  padding: 14px;
+  border: 1px solid #dfe6f0;
+  border-radius: 14px;
+  background: #fff;
+  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
 }
 
 .review-upload-drop {
   width: 100%;
-  min-height: 210px;
-  border: 1px solid #20242d;
+  min-height: 220px;
+  border: 1px dashed #d7deea;
   border-radius: 12px;
-  background: #fff;
-  padding: 13px;
-  box-shadow: 0 28px 70px rgba(36, 42, 53, 0.14);
+  background: linear-gradient(180deg, #fbfcff 0%, #f7f9fc 100%);
+  padding: 18px;
+  box-shadow: none;
 
   :deep(.n-upload-dragger) {
     display: flex;
-    min-height: 176px;
+    min-height: 184px;
     flex-direction: column;
     justify-content: center;
-    border: 0;
+    border: 0 !important;
     border-radius: 10px;
-    background: #eef0f5;
+    background: transparent !important;
   }
 }
 
 .word-icon {
   display: grid;
   width: 30px;
-  height: 28px;
-  margin: 0 auto 16px;
+  height: 30px;
+  margin: 0 auto 10px;
   place-items: center;
-  border-radius: 8px;
-  background: linear-gradient(145deg, #ffad34 0%, #ff8618 100%);
+  border-radius: 9px;
+  background: linear-gradient(145deg, #ffa126, #ff8617);
   color: #fff;
-  font-size: 20px;
-  font-weight: 800;
+  font-size: 19px;
+  font-weight: 900;
 }
 
 .upload-title {
@@ -3617,11 +3616,12 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: 88px;
-  border: 1px solid #e2e7f0;
-  border-radius: 12px;
+  min-height: 34px;
+  margin-top: 0;
+  border: 1px solid #dde4ef;
+  border-radius: 8px;
   background: #fff;
-  padding: 20px 24px;
+  padding: 0 10px;
 
   strong,
   span {
@@ -3642,6 +3642,11 @@ onUnmounted(() => {
   }
 }
 
+.review-file-strip {
+  min-height: 72px;
+  padding: 0 22px;
+}
+
 .review-actions {
   display: flex;
   justify-content: center;
@@ -3666,12 +3671,15 @@ onUnmounted(() => {
 
 .primary-action {
   min-width: 116px;
+  height: 32px;
   border: 0;
-  background: #ff8a1f;
+  background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+  box-shadow: 0 8px 16px rgba(255, 138, 31, 0.22);
   color: #fff;
 
   &:disabled {
-    background: #dcdde4;
+    background: #e7e7eb;
+    box-shadow: none;
     opacity: 1;
     cursor: not-allowed;
   }
@@ -3695,7 +3703,7 @@ onUnmounted(() => {
   display: grid;
   gap: 7px;
   min-height: 78px;
-  margin-bottom: 13px;
+  margin-bottom: 10px;
   border-radius: 10px;
   background: #eef0f5;
   padding: 16px 18px;
@@ -3723,23 +3731,34 @@ onUnmounted(() => {
 
 .review-upload-toolbar {
   display: flex;
-  justify-content: space-between;
   align-items: center;
   gap: 12px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 
   .review-upload-buttons {
     display: flex;
+    width: 100%;
+    align-items: center;
     gap: 8px;
+    flex-wrap: wrap;
   }
 
   button {
     height: 32px;
-    border: 1px solid #d8dde8;
+    border: 1px solid #d6deea;
     border-radius: 8px;
     background: #fff;
+    color: #243044;
+    font-size: 14px;
+    line-height: 30px;
     padding: 0 12px;
     cursor: pointer;
+
+    &:hover {
+      border-color: #bfc9d9;
+      background: #fbfcfe;
+      color: #111827;
+    }
   }
 }
 
@@ -3747,6 +3766,7 @@ onUnmounted(() => {
   margin-left: auto;
   color: #6a7282;
   font-size: 13px;
+  white-space: nowrap;
 }
 
 .review-tree-drop {
@@ -3790,7 +3810,6 @@ onUnmounted(() => {
   height: 168px;
   min-height: 0;
   flex-direction: column;
-  margin-top: 10px;
   border: 1px solid #e2e7f0;
   border-radius: 4px;
   overflow: hidden;
@@ -3886,8 +3905,7 @@ onUnmounted(() => {
     background-image: url('@/assets/review-tools/reupload-default.svg');
   }
 
-  .review-tool-reupload.active span,
-  .review-tool-reupload:hover span {
+  .review-tool-reupload.active span {
     background-image: url('@/assets/review-tools/reupload-active.svg');
   }
 
@@ -3895,8 +3913,7 @@ onUnmounted(() => {
     background-image: url('@/assets/review-tools/style-default.svg');
   }
 
-  .review-tool-style.active span,
-  .review-tool-style:hover span {
+  .review-tool-style.active span {
     background-image: url('@/assets/review-tools/style-active.svg');
   }
 
@@ -3904,8 +3921,7 @@ onUnmounted(() => {
     background-image: url('@/assets/review-tools/response-default.svg');
   }
 
-  .review-tool-response.active span,
-  .review-tool-response:hover span {
+  .review-tool-response.active span {
     background-image: url('@/assets/review-tools/response-active.svg');
   }
 
@@ -3913,8 +3929,7 @@ onUnmounted(() => {
     background-image: url('@/assets/review-tools/pattern-default.svg');
   }
 
-  .review-tool-pattern.active span,
-  .review-tool-pattern:hover span {
+  .review-tool-pattern.active span {
     background-image: url('@/assets/review-tools/pattern-active.svg');
   }
 
@@ -3925,8 +3940,13 @@ onUnmounted(() => {
   }
 
   button:hover {
+    background: #f6f8fb;
+    color: #475064;
+  }
+
+  button.active:hover {
+    background: #fff4e8;
     color: #d96f0b;
-    background: rgba(255, 138, 24, 0.06);
   }
 }
 
@@ -4281,12 +4301,19 @@ onUnmounted(() => {
   button {
     width: 100%;
     height: 34px;
-    border: 1px solid #ffb165;
+    border: 1px solid #ff9a2a;
     border-radius: 8px;
-    background: #fff7ed;
-    color: #d06f10;
+    background: linear-gradient(180deg, #ffb24a 0%, #ff8a1f 100%);
+    box-shadow: 0 6px 12px rgba(255, 138, 31, 0.2);
+    color: rgba(255, 255, 255, 0.92);
     cursor: pointer;
     font-weight: 700;
+
+    &:hover {
+      border-color: #ff8a1f;
+      background: linear-gradient(180deg, #ffbd5f 0%, #ff942e 100%);
+      color: #fff;
+    }
   }
 }
 
@@ -4347,12 +4374,21 @@ onUnmounted(() => {
   visibility: hidden;
 }
 
+.content-check-rule-drawer-host {
+  position: absolute;
+  inset: 46px 0 0;
+  z-index: 5;
+  overflow: hidden;
+  background: #fff;
+}
+
 .content-rule-center-drawer.n-drawer {
   position: absolute !important;
-  inset: 46px 0 0 !important;
+  inset: 0 !important;
+  z-index: 1 !important;
   width: 100% !important;
   max-width: none !important;
-  height: calc(100% - 46px) !important;
+  height: 100% !important;
   box-shadow: none !important;
   transform: none !important;
 }
@@ -4369,6 +4405,90 @@ onUnmounted(() => {
   padding: 0;
 }
 
+.content-rule-center-drawer :deep(.n-drawer-header) {
+  display: none !important;
+}
+
+.content-rule-center-drawer :deep(.n-drawer-footer) {
+  padding: 10px 14px;
+}
+
+.content-rule-center-drawer :deep(.n-button) {
+  --n-height: 30px !important;
+  --n-border-radius: 6px !important;
+  min-width: 56px;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.content-rule-center-drawer :deep(.n-button:not(.setting-drawer-cancel)) {
+  --n-color: #ff8a1f !important;
+  --n-color-hover: #ff972f !important;
+  --n-color-pressed: #e8750f !important;
+  --n-color-focus: #ff8a1f !important;
+  --n-border: 1px solid #ff8a1f !important;
+  --n-border-hover: 1px solid #ff972f !important;
+  --n-border-pressed: 1px solid #e8750f !important;
+  --n-border-focus: 1px solid #ff8a1f !important;
+  --n-text-color: #fff !important;
+  --n-text-color-hover: #fff !important;
+  --n-text-color-pressed: #fff !important;
+  --n-text-color-focus: #fff !important;
+}
+
+.content-rule-center-drawer :deep(.setting-drawer-toolbar) {
+  min-height: 42px;
+  padding: 0 14px;
+}
+
+.content-rule-center-drawer :deep(.setting-drawer-title) {
+  font-size: 12px;
+}
+
+.content-rule-center-drawer :deep(.setting-drawer-actions) {
+  gap: 12px;
+}
+
+.content-rule-center-drawer :deep(.setting-drawer-link) {
+  height: 22px;
+  font-size: 12px;
+  line-height: 22px;
+}
+
+.content-rule-center-drawer :deep(.n-text) {
+  font-size: 12px !important;
+}
+
+.content-rule-center-drawer :deep(.text-16px) {
+  font-size: 13px !important;
+}
+
+.content-rule-center-drawer :deep(.text-12px) {
+  font-size: 11px !important;
+}
+
+.content-rule-center-drawer :deep(.content-box) {
+  font-size: 12px;
+}
+
+.content-rule-center-drawer :deep(.n-checkbox__label),
+.content-rule-center-drawer :deep(.n-radio__label),
+.content-rule-center-drawer :deep(.n-base-selection-label),
+.content-rule-center-drawer :deep(.n-input__input-el),
+.content-rule-center-drawer :deep(.n-input-number-input) {
+  font-size: 12px !important;
+}
+
+.content-rule-center-drawer :deep(.n-collapse-item__header) {
+  min-height: 36px;
+  font-size: 13px;
+}
+
+.content-rule-center-drawer :deep(.n-collapse-item__content-inner) {
+  padding-top: 8px;
+  padding-bottom: 10px;
+}
+
 .review-rule-editor-page {
   height: calc(100% - 46px);
   min-height: 0;
@@ -4767,18 +4887,19 @@ body.review-resizing {
 
   > header {
     display: flex;
-    height: 128px;
+    height: 92px;
     align-items: flex-start;
     justify-content: space-between;
     border-bottom: 1px solid #e5e9f0;
-    padding: 20px 16px;
+    padding: 16px;
 
     strong {
       display: block;
-      margin-bottom: 22px;
+      margin-bottom: 14px;
       color: #1f62ff;
-      font-size: 18px;
+      font-size: 16px;
       font-weight: 800;
+      line-height: 22px;
     }
   }
 }
@@ -4967,8 +5088,9 @@ body.review-doc-resizing .review-detail-sheet {
 
 .review-detail-stats {
   display: flex;
-  gap: 42px;
+  gap: 34px;
   color: #394150;
+  font-size: 12px;
 
   span {
     display: inline-flex;
@@ -4977,13 +5099,33 @@ body.review-doc-resizing .review-detail-sheet {
   }
 
   b {
-    font-size: 22px;
+    color: #1f2937;
+    font-size: 18px;
+    font-weight: 800;
   }
 }
 
+.review-detail-close {
+  display: inline-grid;
+  width: 28px;
+  height: 28px;
+  place-items: center;
+  border: 0;
+  border-radius: 6px;
+  background: #e9edf4;
+  color: #111827;
+  cursor: pointer;
+  font-size: 18px;
+  line-height: 1;
+}
+
+.review-detail-close:hover {
+  background: #dde3ec;
+}
+
 .review-detail-body {
   display: grid;
-  height: calc(100% - 128px);
+  height: calc(100% - 92px);
   box-sizing: border-box;
   grid-template-columns: 250px minmax(0, 1fr);
   gap: 20px;
@@ -5096,7 +5238,7 @@ body.review-doc-resizing .review-detail-sheet {
 
 .detail-table-scroll {
   height: 100%;
-  min-height: 0;
+  min-height: 420px;
   overflow: auto;
 }
 
@@ -5146,7 +5288,7 @@ body.review-doc-resizing .review-detail-sheet {
 
 .responsive-review-columns {
   grid-template-columns: 286px minmax(520px, 1fr) 14px minmax(520px, 1fr);
-  gap: 0;
+  gap: 8px;
   background: #eef3fa;
   padding: 10px 12px 12px;
 }
@@ -5182,28 +5324,66 @@ body.review-doc-resizing .review-detail-sheet {
 }
 
 .review-response-upload {
-  display: grid;
   width: 100%;
-  height: 98px;
-  place-items: center;
-  border: 1px dashed #cfd6e4;
-  border-radius: 8px;
-  background: #fafbfe;
   margin-bottom: 10px;
-  cursor: pointer;
+
+  :deep(.n-upload-trigger) {
+    width: 100%;
+  }
+
+  :deep(.n-upload-dragger) {
+    display: grid;
+    min-height: 110px;
+    place-items: center;
+    border: 1px dashed #cfd6e4;
+    border-radius: 8px;
+    background: #fafbfe;
+    padding: 14px 10px;
+    cursor: pointer;
+  }
+
+  :deep(.n-upload-dragger:hover) {
+    border-color: #ff9a2a;
+    background: #fffaf4;
+  }
+}
+
+.review-response-upload-inner {
+  display: grid;
+  gap: 5px;
+  text-align: center;
 
   strong {
     color: #2e3543;
     font-size: 14px;
+    font-weight: 800;
   }
 
-  p {
-    margin: 4px 0 0;
+  p,
+  span {
+    margin: 0;
     color: #7a8394;
     font-size: 12px;
   }
 }
 
+.review-response-save-upload {
+  width: 100%;
+  height: 34px;
+  border: 0;
+  border-radius: 8px;
+  background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 800;
+  margin-bottom: 10px;
+}
+
+.review-response-save-upload:hover {
+  background: linear-gradient(180deg, #ffad42 0%, #ff8a1f 100%);
+}
+
 .review-response-upload-file-strip {
   display: flex;
   width: 100%;
@@ -5388,39 +5568,80 @@ body.review-doc-resizing .review-detail-sheet {
   }
 
   label {
+    display: inline-flex;
+    min-width: 0;
+    align-items: flex-start;
+    gap: 4px;
     color: #333a46;
     font-size: 13px;
+    line-height: 20px;
   }
 
   input {
+    flex: 0 0 auto;
+    margin-top: 3px;
     accent-color: #2d66ff;
   }
 }
 
-.response-rule-child td:nth-child(2) {
-  padding-left: 28px;
+.response-rule-name-row {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: 22px minmax(0, 1fr);
+  align-items: start;
+  column-gap: 6px;
+}
+
+.response-tree-toggle,
+.response-tree-toggle-placeholder {
+  display: inline-grid;
+  width: 22px;
+  height: 22px;
+  flex: 0 0 auto;
+  place-items: center;
 }
 
 .response-tree-toggle {
   border: 0;
-  background: transparent;
-  color: #5f6777;
+  border-radius: 4px;
+  background: #f4f7fb;
+  color: #526071;
   cursor: pointer;
-  margin-right: 4px;
+  padding: 0;
+}
+
+.response-tree-toggle:hover {
+  background: #eaf0f8;
+  color: #1f62ff;
+}
+
+.response-tree-toggle-icon {
+  font-size: 16px;
+  line-height: 1;
+  transform: rotate(0deg);
+  transition: transform 0.16s ease;
+}
+
+.response-tree-toggle-icon.expanded {
+  transform: rotate(90deg);
 }
 
 .response-rule-desc {
-  margin: 3px 0 0 26px;
+  margin: 4px 0 0 28px;
   color: #7e8798;
   font-size: 12px;
   line-height: 18px;
 }
 
 .response-rule-actions-cell {
+  display: grid;
+  grid-template-columns: 44px 22px 22px;
+  align-items: center;
+  justify-content: end;
+  gap: 10px;
   white-space: nowrap;
 
   button {
-    margin-left: 6px;
     border: 0;
     background: transparent;
     color: #1f62ff;
@@ -5434,6 +5655,11 @@ body.review-doc-resizing .review-detail-sheet {
   }
 }
 
+.response-action-placeholder {
+  display: inline-block;
+  width: 44px;
+}
+
 .response-result-panel {
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
@@ -6694,9 +6920,9 @@ body.review-doc-resizing .review-detail-sheet {
   }
 
   button:first-child {
-    border: 1px solid #ffd9a9;
-    background: #fff5e8;
-    color: #bd6a18;
+    border: 1px solid #dcdfe6;
+    background: #fff;
+    color: #374151;
   }
 
   button:last-child {
@@ -6744,7 +6970,7 @@ body.review-doc-resizing .review-detail-sheet {
   flex: 0 0 auto;
   justify-content: flex-end;
   gap: 10px;
-  margin: 8px 10px;
+  margin: 0 6px 8px;
 
   button {
     border: 0;
@@ -6754,6 +6980,41 @@ body.review-doc-resizing .review-detail-sheet {
   }
 }
 
+.review-unit-actions {
+  display: inline-flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  gap: 18px;
+  white-space: nowrap;
+}
+
+.review-action-link {
+  border: 0;
+  background: transparent;
+  color: #1f62ff;
+  cursor: pointer;
+  font-size: 13px;
+  line-height: 20px;
+  padding: 0;
+  transition:
+    color 0.16s ease,
+    opacity 0.16s ease;
+}
+
+.review-action-link:hover {
+  color: #004ee8;
+  opacity: 0.75;
+}
+
+.review-action-link.danger {
+  color: #e9364c;
+}
+
+.review-action-link.danger:hover {
+  color: #d5223d;
+}
+
 .review-data-table {
   height: 100%;
   min-height: 0;
@@ -6893,11 +7154,11 @@ body.review-doc-resizing .review-detail-sheet {
 :deep(.unit-cancel-btn) {
   --n-height: 28px !important;
   --n-border-radius: 7px !important;
-  --n-color: #f4f6fa !important;
-  --n-color-hover: #eef1f6 !important;
-  --n-color-pressed: #e7ebf2 !important;
-  --n-text-color: #667085 !important;
-  --n-text-color-hover: #344054 !important;
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
 }
 
 .history-search {
@@ -7056,9 +7317,9 @@ body.review-doc-resizing .review-detail-sheet {
 }
 
 .review-pattern-compare-close {
-  border: 1px solid #ffd9a9;
-  background: #fff5e8;
-  color: #bd6a18;
+  border: 1px solid #dcdfe6;
+  background: #fff;
+  color: #374151;
 }
 
 .review-pattern-compare-save {
@@ -7198,15 +7459,34 @@ body.review-doc-resizing .review-detail-sheet {
   }
 
   &.is-text {
+    .module-wrapper-sider-header {
+      height: auto !important;
+      min-height: 78px;
+      margin: 12px 10px 10px;
+      border: 1px solid #cfdff4;
+      border-radius: 8px !important;
+      background: linear-gradient(180deg, #eef6ff 0%, #eaf4ff 100%) !important;
+      box-shadow: 0 8px 18px rgba(48, 96, 160, 0.08);
+    }
+
+    .module-wrapper-sider-header > .n-text:first-child {
+      margin-bottom: 6px !important;
+      font-size: 15px !important;
+      line-height: 22px !important;
+    }
+
     .module-wrapper-sider-content {
       flex: 0 0 auto !important;
       min-height: 0 !important;
       overflow: visible !important;
+      padding: 0 10px 10px;
     }
 
     .module-wrapper-sider-content .n-card {
       height: auto !important;
       max-height: calc(100vh - 196px);
+      border: 1px solid #dfe7f3 !important;
+      border-radius: 8px !important;
       overflow: hidden;
     }
 
@@ -7345,14 +7625,19 @@ body.review-doc-resizing .review-detail-sheet {
     }
 
     .module-wrapper-sider-content .cursor-pointer.items-center.selected-row {
-      border-color: #b9d2ff;
-      background: linear-gradient(90deg, #edf5ff 0%, #f8fbff 100%);
-      box-shadow: inset 3px 0 0 #1f62ff;
+      border-color: transparent;
+      background: #eaf2ff;
+      box-shadow: none;
     }
 
     .module-wrapper-sider-content .cursor-pointer.items-center.selected-row::before {
-      background: #1f62ff;
-      color: #fff;
+      background: #eef4ff;
+      color: #64748b;
+    }
+
+    .module-wrapper-sider-content .cursor-pointer.items-center.selected-row .text-hidden {
+      color: #334155;
+      font-weight: 500;
     }
 
     .module-wrapper-sider-content .cursor-pointer.items-center .size-12px {
@@ -7363,9 +7648,17 @@ body.review-doc-resizing .review-detail-sheet {
     }
 
     .module-wrapper-sider-content .cursor-pointer.items-center .text-hidden {
+      display: block;
+      width: 0;
+      max-width: none;
+      min-width: 0;
+      flex: 1 1 0;
+      overflow: hidden !important;
       color: #334155;
       font-size: 12px !important;
       line-height: 18px !important;
+      text-overflow: ellipsis !important;
+      white-space: nowrap !important;
     }
   }
 
diff --git a/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue b/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
index d79bf85..6b7116e 100644
--- a/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/regular-analysis/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { onUnmounted, ref } from 'vue';
 import { useTechProposalRedesignContext } from '../context';
 
 const {
@@ -32,6 +33,24 @@ const toggleAnalysisCheckedRow = (row: any, checked: boolean) => {
 
 const isAnalysisChecked = (row: any) => analysisCheckedRowKeys.value.includes(row.id);
 
+const referenceFileSelectOpen = ref(false);
+const targetFileSelectOpen = ref(false);
+
+const collapseReferenceFileSelect = () => {
+  referenceFileSelectOpen.value = false;
+};
+
+const collapseTargetFileSelect = () => {
+  targetFileSelectOpen.value = false;
+};
+
+onUnmounted(() => {
+  analysisProposalFileIds.value.proposalFileId1 = [];
+  analysisProposalFileIds.value.proposalFileId2 = [];
+  collapseReferenceFileSelect();
+  collapseTargetFileSelect();
+});
+
 const getAnalysisStatusClass = (status?: string) => {
   if (status?.includes('完成')) return 'success';
   if (status?.includes('正在')) return 'pending';
@@ -62,6 +81,7 @@ const getAnalysisStatusClass = (status?: string) => {
             <span>参照单位投标文件</span>
             <NSelect
               v-model:value="analysisProposalFileIds.proposalFileId1"
+              v-model:show="referenceFileSelectOpen"
               class="regular-file-select design-select"
               multiple
               placeholder="请选择参照文件"
@@ -70,12 +90,14 @@ const getAnalysisStatusClass = (status?: string) => {
               children-field="dtlList"
               to="body"
               :options="analysisProposalOptions"
+              @update:value="collapseReferenceFileSelect"
             />
           </label>
           <label>
             <span>目标单位投标文件</span>
             <NSelect
               v-model:value="analysisProposalFileIds.proposalFileId2"
+              v-model:show="targetFileSelectOpen"
               class="regular-file-select design-select"
               multiple
               placeholder="请选择目标文件"
@@ -84,6 +106,7 @@ const getAnalysisStatusClass = (status?: string) => {
               children-field="dtlList"
               to="body"
               :options="analysisProposalOptions"
+              @update:value="collapseTargetFileSelect"
             />
           </label>
         </div>
diff --git a/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue b/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
index 5ef23d4..8ce1ed3 100644
--- a/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
+++ b/src/views/ai-review/tech-proposal-redesign/responsive-check/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, onUnmounted, ref } from 'vue';
+import FileUploadFolder from '@/components/custom/file-upload-folder.vue';
 import { useTechProposalRedesignContext } from '../context';
 
 const {
@@ -9,13 +10,14 @@ const {
   deleteResponseModule,
   expandAllResponseRules,
   generateResponseRule,
+  handleResponseDocFileFinish,
   handleResponseHistoryRuleChange,
   openResponseModuleDialog,
   queryResponseResult,
   responseAddDocForm,
-  responseAddDocVisible,
   responseAiBidding,
   responseAiBiddingOptions,
+  responseFileList,
   responseGenerateLoading,
   responseHistoryBidding,
   responseHistoryCards,
@@ -29,6 +31,7 @@ const {
   responseSourceTab,
   responseStartCheck,
   responseStatisticData,
+  submitResponseDocModal,
   saveResponseRuleData,
   selectedResponseDocName,
   toggleResponseCheckedKey,
@@ -98,10 +101,22 @@ onUnmounted(stopReviewResize);
       </div>
 
       <div v-if="responseSourceTab === 'ai'" class="response-tab-panel-design">
-        <button class="review-response-upload" type="button" @click="responseAddDocVisible = true">
-          <strong>上传文件</strong>
-          <p>点击或拖拽上传响应规则文件</p>
-        </button>
+        <FileUploadFolder
+          v-model:file-list="responseFileList"
+          class="review-response-upload"
+          :max="10"
+          accept=".docx,.doc"
+          :show-tip="false"
+          upload-type="file"
+          show-file-list
+          action="/info/ossUpload"
+          @finish="handleResponseDocFileFinish"
+        >
+          <div class="review-response-upload-inner">
+            <strong>上传文件</strong>
+            <p>点击或拖拽上传响应规则文件</p>
+          </div>
+        </FileUploadFolder>
         <div v-if="responseAiBidding" class="review-response-upload-file-strip">
           <span class="review-response-upload-file-name">{{ selectedResponseDocName }}</span>
           <button class="review-response-upload-file-remove" type="button" @click="responseAiBidding = null">
@@ -127,6 +142,7 @@ onUnmounted(stopReviewResize);
             其他文件
           </label>
         </div>
+        <button class="review-response-save-upload" type="button" @click="submitResponseDocModal">保存上传文件</button>
       </div>
 
       <div v-else class="response-tab-panel-design history-panel-design">
@@ -194,22 +210,25 @@ onUnmounted(stopReviewResize);
             >
               <td>{{ row.index }}</td>
               <td>
-                <button
-                  v-if="row.isGroup"
-                  class="response-tree-toggle"
-                  type="button"
-                  @click="toggleResponseRuleExpand(row.id)"
-                >
-                  <span class="response-tree-toggle-icon" :class="{ expanded: row.expanded }">▶</span>
-                </button>
-                <label>
-                  <input
-                    type="checkbox"
-                    :checked="responseCheckedKeys.includes(row.id)"
-                    @change="toggleResponseCheckedKey(row.id, ($event.target as HTMLInputElement).checked)"
-                  />
-                  {{ row.name }}
-                </label>
+                <div class="response-rule-name-row">
+                  <button
+                    v-if="row.isGroup"
+                    class="response-tree-toggle"
+                    type="button"
+                    @click="toggleResponseRuleExpand(row.id)"
+                  >
+                    <span class="response-tree-toggle-icon" :class="{ expanded: row.expanded }">›</span>
+                  </button>
+                  <span v-else class="response-tree-toggle-placeholder"></span>
+                  <label>
+                    <input
+                      type="checkbox"
+                      :checked="responseCheckedKeys.includes(row.id)"
+                      @change="toggleResponseCheckedKey(row.id, ($event.target as HTMLInputElement).checked)"
+                    />
+                    <span>{{ row.name }}</span>
+                  </label>
+                </div>
                 <p v-if="row.scoringStandard" class="response-rule-desc">
                   {{ row.scoringStandard }}
                 </p>
@@ -224,6 +243,7 @@ onUnmounted(stopReviewResize);
                 >
                   + 下级
                 </button>
+                <span v-else class="response-action-placeholder"></span>
                 <button
                   class="response-action-icon"
                   type="button"
diff --git a/src/views/ai-review/tech-proposal/index.vue b/src/views/ai-review/tech-proposal/index.vue
index e503afc..b38207f 100644
--- a/src/views/ai-review/tech-proposal/index.vue
+++ b/src/views/ai-review/tech-proposal/index.vue
@@ -325,9 +325,7 @@ onActivated(() => {
           background: linear-gradient(180deg, #ffad42 0%, #ff8614 100%) !important;
           color: #fff !important;
           font-size: 18px;
-          box-shadow:
-            0 12px 24px rgba(255, 138, 31, 0.24),
-            inset 0rem -0.19rem 0.06rem rgba(0, 0, 0, 0.12);
+          box-shadow: inset 0rem -0.19rem 0.06rem rgba(0, 0, 0, 0.12);
         }
       }
 
diff --git a/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue b/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
index 1bd625e..f872e89 100644
--- a/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
+++ b/src/views/ai-review/tech-proposal/modules/analysis-info/index.vue
@@ -69,7 +69,7 @@ const back = () => {
         </div>
       </div>
       <div class="contain-header-actions">
-        <button class="cancel" type="button" @click="back">取消</button>
+        <button class="cancel app-cancel-button" type="button" @click="back">取消</button>
       </div>
     </div>
     <div class="contain-main flex-1">
@@ -152,9 +152,9 @@ const back = () => {
       }
 
       .cancel {
-        border: 1px solid #ffd9a9;
-        background: #fff5e8;
-        color: #bd6a18;
+        border: 1px solid #dcdfe6;
+        background: #fff;
+        color: #374151;
       }
     }
   }
diff --git a/src/views/ai-review/tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue b/src/views/ai-review/tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue
index 7bea383..9297b99 100644
--- a/src/views/ai-review/tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue
+++ b/src/views/ai-review/tech-proposal/modules/review-proposal/content-check/modules/setting-drawer.vue
@@ -16,13 +16,15 @@ const props = withDefaults(
     drawerShowMask?: boolean;
     drawerTo?: string;
     drawerWidth?: number | string;
+    hideTitle?: boolean;
   }>(),
   {
     readonly: false,
     drawerClass: '',
     drawerShowMask: true,
     drawerTo: undefined,
-    drawerWidth: '50%'
+    drawerWidth: '50%',
+    hideTitle: false
   }
 );
 
@@ -797,37 +799,32 @@ defineExpose({
     :show-mask="props.drawerShowMask"
     :z-index="2600"
   >
-    <NDrawerContent title="设置检查项">
-      <div class="mb-10px flex items-center justify-between bg-#E3E3E3 px-20px py-10px">
-        <NText class="text-16px fw-700">{{ drawerDescription }}</NText>
-        <NSpace>
-          <NButton text class="text-16px text-#1E5EFA fw-700" @click="commonRuleSetting">通用规则</NButton>
-          <NButton
+    <NDrawerContent :title="props.hideTitle ? undefined : '设置检查项'">
+      <div class="setting-drawer-toolbar">
+        <NText class="setting-drawer-title">{{ drawerDescription }}</NText>
+        <div class="setting-drawer-actions">
+          <button class="setting-drawer-link" type="button" @click="commonRuleSetting">通用规则</button>
+          <button
             v-if="!props.readonly && allSelected"
-            text
-            class="text-16px text-#1E5EFA fw-700"
+            class="setting-drawer-link"
+            type="button"
             @click="toggleAllChecked(false)"
           >
             全部取消
-          </NButton>
-          <NButton
-            v-else-if="!props.readonly"
-            text
-            class="text-16px text-#1E5EFA fw-700"
-            @click="toggleAllChecked(true)"
-          >
+          </button>
+          <button v-else-if="!props.readonly" class="setting-drawer-link" type="button" @click="toggleAllChecked(true)">
             全部勾选
-          </NButton>
-          <NButton
+          </button>
+          <button
             v-if="independentExpandedItems.length <= 0"
-            text
-            class="text-16px text-#1E5EFA fw-700"
+            class="setting-drawer-link"
+            type="button"
             @click="toggleAllExpand"
           >
             全部展开
-          </NButton>
-          <NButton v-else text class="text-16px text-#1E5EFA fw-700" @click="toggleAllExpand">全部收起</NButton>
-        </NSpace>
+          </button>
+          <button v-else class="setting-drawer-link" type="button" @click="toggleAllExpand">全部收起</button>
+        </div>
       </div>
       <div :class="{ 'setting-drawer--readonly': props.readonly }">
         <Collapse
@@ -2509,8 +2506,7 @@ defineExpose({
       <template #footer>
         <NSpace>
           <NButton
-            ghost
-            color="#2D78E8"
+            class="setting-drawer-cancel app-cancel-button"
             @click="
               () => {
                 visible = false;
@@ -2521,6 +2517,7 @@ defineExpose({
           </NButton>
           <NButton
             v-if="!props.readonly"
+            class="setting-drawer-save"
             color="#2D78E8"
             @click="
               () => {
@@ -2543,6 +2540,47 @@ defineExpose({
   line-height: 22px;
 }
 
+.setting-drawer-toolbar {
+  display: flex;
+  min-height: 52px;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #dfe6f1;
+  background: #f5f7fb;
+  margin-bottom: 10px;
+  padding: 0 20px;
+}
+
+.setting-drawer-title {
+  color: #1f2937;
+  font-size: 14px;
+  font-weight: 800;
+}
+
+.setting-drawer-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.setting-drawer-link {
+  height: 24px;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  color: #1e5eff;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 800;
+  line-height: 24px;
+  padding: 0;
+
+  &:hover {
+    color: #0f4fe8;
+    text-decoration: none;
+  }
+}
+
 .setting-drawer--readonly {
   :deep(.n-checkbox),
   :deep(.n-switch),
@@ -2555,6 +2593,28 @@ defineExpose({
   }
 }
 
+.setting-drawer-cancel,
+.setting-drawer-save {
+  --n-height: 28px !important;
+  width: 56px;
+  min-width: 56px;
+  height: 28px !important;
+  padding: 0 !important;
+  line-height: 28px;
+}
+
+.setting-drawer-cancel {
+  --n-color: #fff !important;
+  --n-color-hover: #f8fafc !important;
+  --n-color-pressed: #f3f4f6 !important;
+  --n-border: 1px solid #dcdfe6 !important;
+  --n-border-hover: 1px solid #cfd5df !important;
+  --n-border-pressed: 1px solid #c7ced9 !important;
+  --n-text-color: #374151 !important;
+  --n-text-color-hover: #1f2937 !important;
+  --n-text-color-pressed: #111827 !important;
+}
+
 :deep(.n-select) {
   .n-base-selection {
     --n-border: none !important;
diff --git a/src/views/ai-review/tech-proposal/modules/review-proposal/responsive-check/index.vue b/src/views/ai-review/tech-proposal/modules/review-proposal/responsive-check/index.vue
index 63ce428..e811d1f 100644
--- a/src/views/ai-review/tech-proposal/modules/review-proposal/responsive-check/index.vue
+++ b/src/views/ai-review/tech-proposal/modules/review-proposal/responsive-check/index.vue
@@ -30,6 +30,7 @@ interface Props {
 }
 
 const TEMPLATE_OSS_ID = import.meta.env.PROD ? '2052923425601626114' : '2052669638985236481';
+const appCancelButtonProps = { class: 'app-cancel-button', type: 'default' } as any;
 
 const props = withDefaults(defineProps<Props>(), {
   infoId: 0,
@@ -383,6 +384,7 @@ const openReUploadDialog = () => {
       return (
         <NSpace>
           <NButton
+            class="app-cancel-button"
             onClick={() => {
               window.$dialog?.destroyAll();
             }}
@@ -1196,6 +1198,7 @@ onBeforeUnmount(() => {
       title="上传文件"
       positive-text="确认"
       negative-text="取消"
+      :negative-button-props="appCancelButtonProps"
       @positive-click="submitCallback"
       @negative-click="cancelCallback"
     >
diff --git a/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue b/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
index f43510b..26fcf03 100644
--- a/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
+++ b/src/views/ai-review/tech-proposal/modules/rewrite-info/index.vue
@@ -106,7 +106,7 @@ const saveTextContent = () => {
         <button v-if="currentTab === 'TextContent'" class="save" type="button" @click="saveTextContent">
           确定保存
         </button>
-        <button class="cancel" type="button" @click="back">取消</button>
+        <button class="cancel app-cancel-button" type="button" @click="back">取消</button>
       </div>
     </div>
     <div class="contain-main flex-1">
@@ -209,9 +209,9 @@ const saveTextContent = () => {
       }
 
       .cancel {
-        border: 1px solid #ffd9a9;
-        background: #fff5e8;
-        color: #bd6a18;
+        border: 1px solid #dcdfe6;
+        background: #fff;
+        color: #374151;
       }
     }
   }
diff --git a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/important-info copy.vue b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/important-info copy.vue
index 9fc78bd..cb1e739 100644
--- a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/important-info copy.vue	
+++ b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/important-info copy.vue	
@@ -75,17 +75,11 @@ const columns = ref<any>([
             h(
               'div',
               {
-                style: {
-                  cursor: 'pointer',
-                  maxwidth: '200px',
-                  overflow: 'hidden',
-                  textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap'
-                }
+                class: 'important-info-cell-ellipsis'
               },
               row.aiType
             ),
-          default: () => row.name
+          default: () => row.aiType
         }
       );
     }
@@ -104,20 +98,7 @@ const columns = ref<any>([
           }
         },
         {
-          trigger: () =>
-            h(
-              'div',
-              {
-                style: {
-                  cursor: 'pointer',
-                  maxWidth: '200px',
-                  overflow: 'hidden',
-                  textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap'
-                }
-              },
-              row.content
-            ),
+          trigger: () => h('div', { class: 'important-info-cell-ellipsis important-info-content-cell' }, row.content),
           default: () => row.content
         }
       );
@@ -473,6 +454,18 @@ onMounted(() => {
             background-color: transparent;
           }
         }
+
+        :deep(.important-info-cell-ellipsis) {
+          max-width: 96px;
+          overflow: hidden;
+          cursor: pointer;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        :deep(.important-info-content-cell) {
+          max-width: 176px;
+        }
       }
     }
 
diff --git a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue
index 74dc1bc..13266a9 100644
--- a/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue	
+++ b/src/views/ai-review/tech-proposal/modules/rewrite-info/modules/text-content copy.vue	
@@ -144,8 +144,8 @@ const getImporantInformation = async () => {
             ossId1: item.ossId1,
             ossId2: item.ossId2,
             flag: item.flag,
-            smallContent: item.smallContent,
-            smallContentB: item.smallContentB,
+            smallContent: item.smallContent || content.smallContent || content.content || '',
+            smallContentB: item.smallContentB || content.smallContentB || content.contentB || '',
             id: item.id,
             proposalDtlId1: item.proposalDtlId1,
             proposalDtlId2: item.proposalDtlId2
@@ -653,7 +653,9 @@ onMounted(() => {
                         @click="handleClick(item)"
                       >
                         <div class="size-12px border-rd-50%" :class="item.flag ? 'bg-#39C324' : 'bg-#FF0F0F'"></div>
-                        <div class="text-hidden ml-5px min-w-0 flex-1">{{ item.smallContent || item.content }}</div>
+                        <div class="text-hidden ml-5px min-w-0 flex-1" :title="item.smallContent">
+                          {{ item.smallContent }}
+                        </div>
                       </div>
                     </div>
                   </NCollapseItem>
diff --git a/src/views/ai-review/tech-proposal/modules/upload-proposal/step-two/modules/upload-loading.vue b/src/views/ai-review/tech-proposal/modules/upload-proposal/step-two/modules/upload-loading.vue
index 2265638..4ac3eaf 100644
--- a/src/views/ai-review/tech-proposal/modules/upload-proposal/step-two/modules/upload-loading.vue
+++ b/src/views/ai-review/tech-proposal/modules/upload-proposal/step-two/modules/upload-loading.vue
@@ -35,8 +35,8 @@ watch(visible, val => {
     :mask-closable="false"
   >
     <div class="flex flex-col items-center justify-center border-rd-0.51rem bg-white px-12 pb-8 pt-16">
-      <img src="@/assets/imgs/ai-review/loading-icon.png" alt="" />
-      <NProgress type="line" :percentage="percentage" class="mt-4 w-42.81rem" />
+      <img src="@/assets/imgs/ai-review/upload-progress.svg" alt="" />
+      <NProgress type="line" :percentage="percentage" class="upload-progress mt-4 w-42.81rem" />
       <NText v-if="percentage < 100" class="mt-4 text-4 color-#383838">正在上传...</NText>
       <NText v-else class="mt-4 text-4 color-#383838">上传完成</NText>
     </div>
@@ -45,11 +45,17 @@ watch(visible, val => {
 
 <style lang="scss" scoped>
 img {
-  width: 10.13rem;
-  height: 11.69rem;
+  width: 15rem;
+  height: 9.5rem;
+  object-fit: contain;
 }
 
 :deep(.n-base-close) {
   display: none;
 }
+
+.upload-progress {
+  --n-fill-color: #ff9f22 !important;
+  --n-rail-color: #fff1dc !important;
+}
 </style>
diff --git a/src/views/library/resource-library/index.vue b/src/views/library/resource-library/index.vue
index 67690d5..08def45 100644
--- a/src/views/library/resource-library/index.vue
+++ b/src/views/library/resource-library/index.vue
@@ -154,6 +154,14 @@ const canManageCurrentRuleType = computed(() => activeTemplateType.value === CUS
 const isSystemRuleSource = computed(() => activeTemplateType.value === SYSTEM_TEMPLATE_TYPE);
 const isSystemRuleForm = computed(() => ruleForm.value.templateType === SYSTEM_TEMPLATE_TYPE);
 const currentRuleCount = computed(() => getRuleCount(ruleForm.value.checkConfig));
+const categorySortOptions = computed(() => {
+  const maxSort = Math.max(categoryList.value.length + 1, Number(categoryForm.value.sortOrder) || 1);
+
+  return Array.from({ length: maxSort }, (_, index) => {
+    const value = index + 1;
+    return { label: String(value), value };
+  });
+});
 const detailDrawerWidth = computed(() => (isRuleLibrary.value ? 420 : 640));
 const detailDrawerTitle = computed(() => {
   if (!isRuleLibrary.value) return isTemplateLibrary.value ? '解析结果' : '详情';
@@ -666,8 +674,11 @@ async function loadDocToEditForm(row: any, type: OperateType) {
 
 async function selectDocCard(row: any) {
   if (!isTemplateLibrary.value) return;
+  if (detailVisible.value) {
+    detailVisible.value = false;
+    await nextTick();
+  }
   await loadDocToEditForm(row, 'edit');
-  detailVisible.value = false;
 }
 
 async function openDocPanel(row: any, type: OperateType) {
@@ -866,20 +877,24 @@ function deleteOutline(key: string) {
   remove(outlineList.value);
 }
 
+function getOutlineText(node: TreeNode) {
+  return node.serialNumber ? `${node.serialNumber} ${node.name}` : node.name;
+}
+
 function renderOutlineNode(nodes: TreeNode[]): VNodeChild[] {
   return nodes.map(node =>
     h('div', { class: 'outline-group', key: node.key }, [
       h('div', { class: ['outline-row', `level-${Math.min(node.level, 3)}`] }, [
         detailReadonly.value
-          ? h('span', node.serialNumber ? `${node.serialNumber} ${node.name}` : node.name)
+          ? h('span', getOutlineText(node))
           : h('div', { class: 'outline-name-edit' }, [
-              node.serialNumber ? h('em', node.serialNumber) : null,
               h(NInput, {
-                value: node.name,
+                value: getOutlineText(node),
                 size: 'small',
                 placeholder: '请输入目录名称',
                 onUpdateValue: (value: string) => {
                   node.name = value;
+                  delete node.serialNumber;
                 }
               })
             ]),
@@ -1030,7 +1045,7 @@ onMounted(async () => {
               <NFormItem label="模版描述" path="templateDescription">
                 <NInput v-model:value="detailForm.templateDescription" placeholder="请输入模版描述" />
               </NFormItem>
-              <NFormItem label="文件上传" path="ossId">
+              <NFormItem class="resource-upload-form-item" label="文件上传" path="ossId">
                 <FileUploadFolder
                   v-model:file-list="uploadFileList"
                   :file-size="50"
@@ -1114,7 +1129,7 @@ onMounted(async () => {
               </p>
               <div class="template-card-ops">
                 <button type="button" title="查看" aria-label="查看" @click="openRulePanel(item, 'view')">
-                  <SvgIcon local-icon="view" />
+                  <SvgIcon icon="material-symbols:visibility-outline" />
                 </button>
                 <button
                   v-if="canManageCurrentRuleType"
@@ -1124,7 +1139,7 @@ onMounted(async () => {
                   :disabled="isLockedCustomRule(item)"
                   @click="openRulePanel(item, 'edit')"
                 >
-                  <SvgIcon local-icon="edit" />
+                  <SvgIcon icon="material-symbols:edit-outline" />
                 </button>
                 <button
                   v-if="item.templateType === CUSTOM_TEMPLATE_TYPE"
@@ -1172,10 +1187,15 @@ onMounted(async () => {
                   aria-label="查看"
                   @click.stop="isTemplateLibrary ? openDocPanel(item, 'view') : openPreview(item)"
                 >
-                  <SvgIcon local-icon="view" />
+                  <SvgIcon icon="material-symbols:visibility-outline" />
                 </button>
-                <button type="button" title="编辑" aria-label="编辑" @click.stop="openDocPanel(item, 'edit')">
-                  <SvgIcon local-icon="edit" />
+                <button
+                  type="button"
+                  title="编辑"
+                  aria-label="编辑"
+                  @click.stop="openDocPanel(item, 'edit')"
+                >
+                  <SvgIcon icon="material-symbols:edit-outline" />
                 </button>
                 <NPopconfirm @positive-click="deleteDoc(item.id)">
                   <template #trigger>
@@ -1203,7 +1223,11 @@ onMounted(async () => {
       :show-mask="!(isTemplateLibrary && !detailReadonly)"
       :block-scroll="!(isTemplateLibrary && !detailReadonly)"
       placement="right"
-      :class="{ 'resource-result-drawer': isTemplateLibrary, 'rule-detail-drawer': isRuleLibrary }"
+      :class="{
+        'resource-result-drawer': isTemplateLibrary,
+        'resource-upload-drawer': !isRuleLibrary,
+        'rule-detail-drawer': isRuleLibrary
+      }"
     >
       <NDrawerContent :title="detailDrawerTitle" closable>
         <NForm
@@ -1335,12 +1359,34 @@ onMounted(async () => {
             </FileUploadFolder>
           </NFormItem>
         </NForm>
+        <NForm
+          v-if="isTemplateLibrary"
+          :model="detailForm"
+          :rules="detailRules"
+          class="resource-template-drawer-form"
+          label-placement="top"
+          :disabled="detailReadonly"
+        >
+          <NFormItem label="工程类型" path="categoryId">
+            <NSelect
+              v-model:value="detailForm.categoryId"
+              :options="categoryList.map(item => ({ label: item.name, value: item.id }))"
+              placeholder="请选择工程类型"
+            />
+          </NFormItem>
+          <NFormItem label="模板名称" path="templateName">
+            <NInput v-model:value="detailForm.templateName" placeholder="请输入模板名称" />
+          </NFormItem>
+          <NFormItem label="模板描述" path="templateDescription">
+            <NInput v-model:value="detailForm.templateDescription" placeholder="请输入模板描述" />
+          </NFormItem>
+        </NForm>
         <div v-if="isTemplateLibrary" class="outline-panel">
           <component :is="() => renderOutlineNode(outlineList)" />
         </div>
         <template #footer>
           <NSpace justify="end">
-            <NButton @click="detailVisible = false">取消</NButton>
+            <NButton class="app-cancel-button" @click="detailVisible = false">取消</NButton>
             <NButton
               v-if="!detailReadonly"
               type="primary"
@@ -1354,13 +1400,13 @@ onMounted(async () => {
       </NDrawerContent>
     </NDrawer>
 
-    <NModal v-model:show="categoryVisible" preset="card" title="添加模版类型" class="max-w-90% w-420px">
+    <NModal v-model:show="categoryVisible" preset="card" title="添加模板类型" class="category-type-modal max-w-90% w-560px">
       <NForm ref="categoryFormRef" :model="categoryForm" :rules="categoryRules" label-placement="top">
-        <NFormItem label="模版名称" path="name">
-          <NInput v-model:value="categoryForm.name" placeholder="请输入模版名称" />
+        <NFormItem label="模板名称" path="name">
+          <NInput v-model:value="categoryForm.name" placeholder="请输入模板名称" />
         </NFormItem>
         <NFormItem label="排序选择" path="sortOrder">
-          <NInputNumber v-model:value="categoryForm.sortOrder" :min="1" />
+          <NSelect v-model:value="categoryForm.sortOrder" :options="categorySortOptions" />
         </NFormItem>
         <NFormItem label="分类描述" path="description">
           <NInput v-model:value="categoryForm.description" type="textarea" placeholder="请输入分类描述" />
@@ -1368,7 +1414,7 @@ onMounted(async () => {
       </NForm>
       <template #footer>
         <NSpace justify="end">
-          <NButton @click="categoryVisible = false">取消</NButton>
+          <NButton class="app-cancel-button" @click="categoryVisible = false">取消</NButton>
           <NButton type="primary" :loading="saving" @click="saveCategory">保存</NButton>
         </NSpace>
       </template>
@@ -1384,13 +1430,14 @@ onMounted(async () => {
   height: calc(100vh - 64px);
   background: #fff;
   overflow: hidden;
+  color: #20222a;
 }
 
 .resource-scroll {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
-  padding: 18px 20px 44px;
+  padding: 28px 20px 44px;
   overscroll-behavior: contain;
 }
 
@@ -1414,8 +1461,8 @@ onMounted(async () => {
   gap: 8px;
   margin: 0 auto 18px;
   border-radius: 999px;
-  background: rgba(244, 245, 247, 0.96);
-  border: 1px solid #e7e9ee;
+  background: rgba(244, 248, 255, 0.96);
+  border: 1px solid #dbe5f3;
   padding: 6px;
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.9),
@@ -1433,9 +1480,10 @@ onMounted(async () => {
   border-radius: 999px;
   background: transparent;
   color: #5d6370;
-  padding: 0 15px;
+  padding: 0 16px;
   font-size: 14px;
   font-weight: 700;
+  white-space: nowrap;
   cursor: pointer;
 
   &.active {
@@ -1455,27 +1503,29 @@ onMounted(async () => {
 }
 
 .resource-hero {
-  margin: 0 0 18px;
+  margin: 32px 0 26px;
   text-align: center;
 
   h2 {
     margin: 0;
+    color: #1f2937;
     font-size: 30px;
-    line-height: 44px;
+    line-height: 42px;
     font-weight: 800;
+    letter-spacing: 0;
   }
 }
 
 .resource-upload-card {
   position: relative;
   width: min(744px, 100%);
-  min-height: 236px;
+  min-height: 258px;
   margin: 0 auto;
-  border: 1px solid #1f2026;
-  border-radius: 20px;
+  border: 1px solid #d9e4f2;
+  border-radius: 14px;
   background: #fff;
   padding: 16px;
-  box-shadow: 0 34px 70px rgba(23, 28, 42, 0.08);
+  box-shadow: 0 22px 48px rgba(23, 28, 42, 0.04);
 }
 
 .resource-fixed-head {
@@ -1506,7 +1556,7 @@ onMounted(async () => {
   position: sticky;
   top: 0;
   z-index: 20;
-  width: min(760px, 100%);
+  width: min(744px, 100%);
   margin: 0 auto 12px;
   background: #fff;
   padding: 0 10px 12px;
@@ -1613,11 +1663,13 @@ onMounted(async () => {
 
 .resource-fields {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-auto-rows: 92px;
+  align-items: stretch;
   gap: 12px;
 
   &.bottom {
-    margin-top: 12px;
+    margin-top: 14px;
   }
 }
 
@@ -1626,34 +1678,133 @@ onMounted(async () => {
 }
 
 :deep(.resource-upload-card .n-form-item) {
+  width: 100%;
+  height: 92px;
   min-height: 92px;
+  max-height: 92px;
+  border: 1px solid #dbe4f0;
   border-radius: 10px;
-  background: #f0f1f5;
-  padding: 12px 16px;
+  background: #f7faff;
+  padding: 0 16px;
+  align-content: center;
+  margin-bottom: 0;
+  overflow: hidden;
+}
+
+:deep(.resource-upload-card .resource-upload-form-item) {
+  display: block;
+  border: 1px dashed #d4dfed;
+  background: #f7faff;
+  padding: 0;
+}
+
+:deep(.resource-upload-card .resource-upload-form-item .n-form-item-label) {
+  display: none;
+}
+
+:deep(.resource-upload-card .resource-upload-form-item .n-form-item-blank) {
+  display: block;
+  height: 100%;
+}
+
+:deep(.resource-upload-card .n-upload) {
+  display: block;
+  height: 100%;
+}
+
+:deep(.resource-upload-card .resource-upload-form-item .w-full),
+:deep(.resource-upload-card .resource-upload-form-item .n-upload-trigger) {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+:deep(.resource-upload-card .n-upload-dragger) {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+}
+
+:deep(.resource-upload-card .n-upload-dragger:hover) {
+  box-shadow: none;
+}
+
+:deep(.resource-upload-card .n-upload-dragger > .flex-center:first-child) {
+  display: none;
+}
+
+:deep(.resource-upload-card .n-form-item-label) {
+  min-height: auto;
+  padding: 0 0 10px !important;
+  color: #536076;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+:deep(.resource-upload-card .n-form-item-feedback-wrapper) {
+  display: none;
+  min-height: 0;
+}
+
+:deep(.resource-upload-card .n-form-item-blank) {
+  width: 100%;
+  min-height: auto;
 }
 
 :deep(.resource-upload-card .n-input),
 :deep(.resource-upload-card .n-base-selection) {
+  --n-height: 24px !important;
   --n-border: none !important;
   --n-border-hover: none !important;
   --n-border-focus: none !important;
   --n-box-shadow-focus: none !important;
+  --n-font-size: 13px !important;
+  --n-font-weight: 700 !important;
+  --n-text-color: #0f172a !important;
+  --n-placeholder-color: #9aa6b6 !important;
   background: transparent;
 }
 
+:deep(.resource-upload-card .n-input__input-el),
+:deep(.resource-upload-card .n-base-selection-label) {
+  font-weight: 700;
+}
+
 .upload-inner {
-  height: 92px;
+  width: 100%;
+  height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 6px;
+  gap: 4px;
   text-align: center;
+
+  strong {
+    color: #1f2937;
+    font-size: 13px;
+    line-height: 17px;
+    font-weight: 800;
+  }
+
+  span {
+    color: #738198;
+    font-size: 12px;
+    line-height: 15px;
+  }
 }
 
 .word-icon {
   width: 28px;
   height: 28px;
+  margin-bottom: 4px;
   border-radius: 8px;
   display: grid;
   place-items: center;
@@ -1665,14 +1816,15 @@ onMounted(async () => {
 
 .resource-upload-tip {
   margin: 9px 0 0;
-  color: #8d939f;
+  color: #7d8797;
   font-size: 12px;
+  line-height: 18px;
 }
 
 .resource-template-download {
   border: 0;
   background: transparent;
-  color: #ff8418;
+  color: #ff6b00;
   padding: 0;
   font: inherit;
   font-weight: 700;
@@ -1693,7 +1845,7 @@ onMounted(async () => {
 
 .resource-actions {
   text-align: center;
-  padding: 4px 0 8px;
+  padding: 32px 0 18px;
 }
 
 .primary-action {
@@ -1704,22 +1856,40 @@ onMounted(async () => {
   background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
   color: #fff;
   font-weight: 700;
-  box-shadow: 0 8px 16px rgba(255, 138, 31, 0.22);
+  box-shadow: none;
+}
+
+:deep(.primary-action.n-button--disabled) {
+  background: #e7e7eb !important;
+  color: #fff !important;
+  box-shadow: none;
 }
 
 .template-category-tabs {
+  width: 100%;
+  max-width: 100%;
+  margin: 0 auto;
   display: flex;
   align-items: center;
   gap: 30px;
-  padding: 2px 0 10px;
+  border-bottom: 1px solid #dfe6f0;
+  padding: 0 0 0;
   overflow-x: auto;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar,
+  &::-webkit-scrollbar-button {
+    display: none;
+    width: 0;
+    height: 0;
+  }
 
   button {
     position: relative;
     border: 0;
     background: transparent;
     color: #868c96;
-    padding: 0 0 12px;
+    padding: 0 0 13px;
     font-size: 14px;
     font-weight: 700;
     white-space: nowrap;
@@ -1732,9 +1902,9 @@ onMounted(async () => {
         content: '';
         position: absolute;
         left: 0;
-        bottom: 0;
-        width: 20px;
-        height: 3px;
+        bottom: -1px;
+        width: 60px;
+        height: 2px;
         border-radius: 999px;
         background: #ff8418;
       }
@@ -1744,17 +1914,27 @@ onMounted(async () => {
   .category-add-button {
     width: 24px;
     height: 24px;
+    display: grid;
+    flex: 0 0 24px;
+    place-items: center;
     margin-left: auto;
+    border: 0;
     border-radius: 50%;
     background: #fff5ed;
     color: #ff8418;
     padding: 0;
     font-size: 18px;
+    line-height: 1;
+    appearance: none;
+
+    &::after {
+      display: none;
+    }
   }
 }
 
 .resource-toolbar {
-  display: flex;
+  display: none;
   align-items: center;
   gap: 12px;
   margin-top: 4px;
@@ -1766,16 +1946,19 @@ onMounted(async () => {
 
 .template-category-grid {
   width: min(744px, 100%);
-  margin: 16px auto 0;
+  position: relative;
+  z-index: 0;
+  margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 14px;
-  padding-bottom: 30px;
+  padding-top: 46px;
+  padding-bottom: 46px;
 }
 
 .resource-rule-library + .n-spin-body,
 .resource-rule-library ~ .n-spin .template-category-grid {
-  width: min(760px, 100%);
+  width: min(744px, 100%);
 }
 
 .rule-card {
@@ -1846,8 +2029,8 @@ onMounted(async () => {
 
   &:hover {
     border-color: #ff8a1f;
-    box-shadow: 0 16px 36px rgba(255, 140, 24, 0.16);
-    transform: translateY(-2px);
+    box-shadow: 0 10px 22px rgba(23, 28, 42, 0.08);
+    transform: none;
 
     &::after {
       opacity: 1;
@@ -1865,7 +2048,7 @@ onMounted(async () => {
   &.is-selected {
     border-color: #ff8a1f;
     background: #fffaf4;
-    box-shadow: 0 16px 36px rgba(255, 140, 24, 0.14);
+    box-shadow: 0 12px 24px rgba(23, 28, 42, 0.08);
   }
 
   strong {
@@ -1900,27 +2083,28 @@ onMounted(async () => {
   z-index: 2;
   display: none;
   align-items: center;
-  gap: 6px;
-  border: 1px solid rgba(255, 154, 42, 0.2);
-  border-radius: 999px;
-  background: rgba(18, 22, 31, 0.76);
-  padding: 4px;
-  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
-  backdrop-filter: blur(8px);
+  gap: 8px;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+  backdrop-filter: none;
   transform: translate(-50%, -50%);
 
   button {
-    width: 26px;
-    height: 26px;
+    width: 28px;
+    height: 28px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    border: 0;
-    border-radius: 50%;
-    background: transparent;
+    border: 1px solid #ff9a2a;
+    border-radius: 7px;
+    background: rgba(0, 0, 0, 0.72);
     color: #ffb14d;
     padding: 0;
-    font-size: 16px;
+    font-size: 14px;
+    line-height: 28px;
     cursor: pointer;
     transition:
       background 0.16s ease,
@@ -1928,20 +2112,26 @@ onMounted(async () => {
       transform 0.16s ease;
 
     &:hover {
-      background: rgba(255, 138, 31, 0.18);
-      color: #fff;
+      background: rgba(0, 0, 0, 0.82);
+      color: #ffb14d;
       transform: translateY(-1px);
     }
 
     &:disabled {
+      border-color: rgba(255, 170, 85, 0.55);
+      background: rgba(0, 0, 0, 0.36);
       color: rgba(255, 186, 108, 0.52);
       cursor: not-allowed;
       transform: none;
     }
 
     &:last-child:hover {
-      background: rgba(240, 107, 134, 0.2);
-      color: #ffb4c2;
+      background: rgba(0, 0, 0, 0.82);
+      color: #ffb14d;
+    }
+
+    :deep(svg) {
+      color: currentColor;
     }
   }
 }
@@ -1990,21 +2180,61 @@ onMounted(async () => {
   padding: 60px 0;
 }
 
+:global(.resource-result-drawer .resource-template-drawer-form) {
+  display: grid;
+  grid-template-columns: 180px minmax(0, 1fr);
+  gap: 10px 12px;
+  padding: 14px 16px 12px;
+  border-bottom: 1px solid #edf1f6;
+  background: #fff;
+}
+
+:global(.resource-result-drawer .resource-template-drawer-form .n-form-item) {
+  margin-bottom: 0;
+}
+
+:global(.resource-result-drawer .resource-template-drawer-form .n-form-item:last-child) {
+  grid-column: 1 / -1;
+}
+
+:global(.resource-result-drawer .resource-template-drawer-form .n-form-item-label) {
+  min-height: auto;
+  padding: 0 0 6px !important;
+  color: #536076;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+:global(.resource-result-drawer .resource-template-drawer-form .n-input),
+:global(.resource-result-drawer .resource-template-drawer-form .n-base-selection) {
+  --n-height: 32px !important;
+  --n-border: 1px solid #d9e1ee !important;
+  --n-border-hover: 1px solid #d0d9e8 !important;
+  --n-border-focus: 1px solid #ff8a1f !important;
+  --n-border-radius: 6px !important;
+  --n-box-shadow-focus: 0 0 0 2px rgba(255, 138, 31, 0.12) !important;
+  --n-color: #f8fafc !important;
+  --n-color-focus: #fff !important;
+}
+
 :global(.resource-result-drawer .outline-panel) {
-  margin: 0 -24px;
-  border-top: 1px solid #edf0f5;
+  height: calc(100vh - 262px);
+  margin: 0 16px;
+  padding: 12px 14px 28px;
+  overflow-y: auto;
+  background: #fff;
 }
 
 :global(.resource-result-drawer .outline-row) {
-  min-height: 56px;
+  min-height: 50px;
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 210px;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  column-gap: 20px;
-  padding: 0 28px;
-  border-bottom: 1px solid #eceef2;
+  gap: 24px;
+  padding: 0;
+  border-bottom: 1px solid #edf1f6;
   color: #2f3745;
-  font-size: 15px;
+  font-size: 14px;
   transition:
     background 0.16s ease,
     color 0.16s ease;
@@ -2026,10 +2256,7 @@ onMounted(async () => {
 :global(.resource-result-drawer .outline-name-edit) {
   position: relative;
   min-width: 0;
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  align-items: center;
-  gap: 8px;
+  display: block;
   padding-left: 16px;
 }
 
@@ -2044,12 +2271,6 @@ onMounted(async () => {
   transform: translateY(-50%);
 }
 
-:global(.resource-result-drawer .outline-name-edit em) {
-  color: #475569;
-  font-style: normal;
-  white-space: nowrap;
-}
-
 :global(.resource-result-drawer .outline-name-edit .n-input) {
   --n-height: 32px !important;
   --n-border-radius: 6px !important;
@@ -2101,26 +2322,23 @@ onMounted(async () => {
 }
 
 :global(.resource-result-drawer .outline-actions) {
-  width: 210px;
-  display: grid;
-  grid-template-columns: 64px 64px 44px;
+  display: flex;
   align-items: center;
   justify-content: end;
-  justify-items: center;
-  column-gap: 12px;
+  gap: 14px;
   white-space: nowrap;
 }
 
 :global(.resource-result-drawer .outline-action-btn) {
-  width: 100%;
-  height: 28px;
+  width: auto;
+  height: auto;
   border: 0;
-  border-radius: 6px;
+  border-radius: 0;
   background: transparent;
-  color: #ff7b19;
+  color: #ff8a1f;
   padding: 0;
   font-size: 13px;
-  font-weight: 700;
+  font-weight: 400;
   text-align: center;
   cursor: pointer;
   transition:
@@ -2129,7 +2347,7 @@ onMounted(async () => {
 }
 
 :global(.resource-result-drawer .outline-action-btn:hover) {
-  background: rgba(255, 138, 31, 0.1);
+  background: transparent;
   color: #ff5f00;
 }
 
@@ -2138,35 +2356,193 @@ onMounted(async () => {
 }
 
 :global(.resource-result-drawer .outline-action-btn.danger:hover) {
-  background: rgba(255, 77, 0, 0.1);
+  background: transparent;
 }
 
 :global(.resource-result-drawer .n-drawer-header) {
-  height: 62px;
+  height: 56px;
   padding: 0 18px !important;
-  border-bottom: 1px solid #edf0f5 !important;
+  border-bottom: 1px solid #e8edf5 !important;
+  background: #fffbf4;
 }
 
 :global(.resource-result-drawer .n-drawer-header__main) {
-  color: #111827;
-  font-size: 18px;
+  color: #1f2a3d;
+  font-size: 16px;
   font-weight: 800;
 }
 
+:global(.resource-result-drawer .n-drawer-header__close) {
+  width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  background: #f1f2f5;
+  color: #5d6470;
+}
+
 :global(.resource-result-drawer .n-drawer-body-content-wrapper) {
-  padding: 0 24px !important;
+  padding: 0 !important;
+}
+
+:global(.resource-upload-drawer .n-upload-dragger),
+:global(.resource-upload-drawer .n-upload-dragger:hover) {
+  box-shadow: none !important;
+}
+
+:global(.category-type-modal.n-card) {
+  border: 1px solid #e5d8c8;
+  border-radius: 10px;
+  background: #fff;
+  overflow: hidden;
+  box-shadow: 0 22px 44px rgba(17, 24, 39, 0.2);
+}
+
+:global(.category-type-modal .n-card-header) {
+  min-height: 50px;
+  padding: 0 16px;
+  border-bottom: 1px solid #edf0f5;
+  background: #fffbf4;
+}
+
+:global(.category-type-modal .n-card-header__main) {
+  position: relative;
+  padding-left: 10px;
+  color: #1f2a3d;
+  font-size: 16px;
+  font-weight: 800;
+  line-height: 22px;
+}
+
+:global(.category-type-modal .n-card-header__main::before) {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 4px;
+  height: 18px;
+  border-radius: 2px;
+  background: #ff9f22;
+  transform: translateY(-50%);
+}
+
+:global(.category-type-modal .n-card-header__close) {
+  color: #5f6b7a;
+}
+
+:global(.category-type-modal .n-card__content) {
+  padding: 14px 16px 11px;
+  background: #fff;
+}
+
+:global(.category-type-modal .n-form-item-label__text) {
+  color: #4b5a70;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+:global(.category-type-modal .n-form-item) {
+  margin-bottom: 8px;
+}
+
+:global(.category-type-modal .n-form-item-label) {
+  min-height: auto;
+  padding: 0 0 7px !important;
+}
+
+:global(.category-type-modal .n-form-item-label__asterisk) {
+  display: none;
+}
+
+:global(.category-type-modal .n-input),
+:global(.category-type-modal .n-input-number),
+:global(.category-type-modal .n-base-selection) {
+  --n-height: 32px !important;
+  --n-border: 1px solid #e4d5c3 !important;
+  --n-border-hover: 1px solid #e4d5c3 !important;
+  --n-border-focus: 1px solid #ff8a1f !important;
+  --n-box-shadow-focus: none !important;
+  --n-placeholder-color: #9da8b6 !important;
+  --n-color: #fffaf2 !important;
+  --n-color-focus: #fffaf2 !important;
+  --n-text-color: #172033 !important;
+  width: 100%;
+  border-radius: 8px;
+  background: #fffaf2 !important;
+}
+
+:global(.category-type-modal .n-input-wrapper),
+:global(.category-type-modal .n-input__input),
+:global(.category-type-modal .n-input__textarea),
+:global(.category-type-modal .n-base-selection-label) {
+  background: #fffaf2 !important;
+}
+
+:global(.category-type-modal .n-input--textarea) {
+  --n-height: 82px !important;
+}
+
+:global(.category-type-modal .n-input--textarea .n-input-wrapper) {
+  min-height: 82px;
+}
+
+:global(.category-type-modal .n-form-item-feedback-wrapper) {
+  min-height: 0;
+}
+
+:global(.category-type-modal .n-card__footer) {
+  min-height: 54px;
+  padding: 0 16px;
+  border-top: 1px solid #edf0f5;
+  background: #fff;
+}
+
+:global(.category-type-modal .n-card__footer .n-button) {
+  min-width: 76px;
+  height: 32px;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+:global(.category-type-modal .n-card__footer .app-cancel-button) {
+  border: 0;
+  background: #fff0df;
+  color: #c86f1a;
+}
+
+:global(.category-type-modal .n-card__footer .n-button--primary-type) {
+  border: 0;
+  background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+  color: #fff;
+  box-shadow: none;
 }
 
 :global(.resource-result-drawer .n-drawer-footer) {
-  height: 70px;
+  height: 60px;
   padding: 0 16px !important;
-  border-top: 1px solid #edf0f5;
+  border-top: 1px solid #e8edf5;
+  background: #fff;
 }
 
 :global(.resource-result-drawer .n-drawer-footer .n-button:first-child) {
-  background: #fff4e9;
-  color: #c86f1a;
+  background: #fff;
+  color: #374151;
+  border: 1px solid #dcdfe6;
+}
+
+:global(.resource-result-drawer .n-drawer-footer .n-button) {
+  min-width: 76px;
+  height: 32px;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+:global(.resource-result-drawer .n-drawer-footer .n-button--primary-type) {
   border: 0;
+  background: linear-gradient(180deg, #ff9f22 0%, #ff8614 100%);
+  color: #fff;
+  box-shadow: 0 10px 22px rgba(255, 138, 31, 0.22);
 }
 
 :global(.rule-detail-drawer) {
@@ -2212,10 +2588,10 @@ onMounted(async () => {
 :global(.rule-detail-drawer .n-drawer-footer .n-button:first-child) {
   min-width: 54px;
   height: 30px;
-  border: 0;
+  border: 1px solid #dcdfe6;
   border-radius: 7px;
-  background: #fff1de;
-  color: #c86f1a;
+  background: #fff;
+  color: #374151;
   font-size: 12px;
   font-weight: 700;
 }
diff --git a/src/views/smart-proposal/tech-proposal/document-edit/index.vue b/src/views/smart-proposal/tech-proposal/document-edit/index.vue
index b39cf71..2d0b493 100644
--- a/src/views/smart-proposal/tech-proposal/document-edit/index.vue
+++ b/src/views/smart-proposal/tech-proposal/document-edit/index.vue
@@ -2097,7 +2097,7 @@ onUnmounted(() => {
                 <div v-if="isJumpingToCatalogue" class="compose-toc-locating">
                   <NSpin size="small" />
                   <span>定位中</span>
-                  <button type="button" @click.stop="handleCancelCatalogueJump">取消</button>
+                  <button class="app-cancel-button" type="button" @click.stop="handleCancelCatalogueJump">取消</button>
                 </div>
                 <NTree
                   v-if="catalogueData.length"
@@ -2153,7 +2153,7 @@ onUnmounted(() => {
                   <NText class="preview-blocked-state__title">文档预览暂不可用</NText>
                   <NText depth="3" class="preview-blocked-state__desc">{{ previewBlockedMessage }}</NText>
                 </div>
-                <div v-else-if="documentHtml">
+                <div v-else-if="documentHtml" class="compose-preview-canvas">
                   <div class="document-preview-wps" :style="previewContentStyle" v-html="documentHtml"></div>
                   <!-- 加载更多提示 - 移到文档内容最底部 -->
                   <div v-if="isLoadingMore" class="py-20px text-center">
@@ -2283,7 +2283,7 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 :global(.catalogue-config-modal.n-card) {
   width: min(780px, calc(100vw - 48px));
-  border-radius: 9px;
+  border-radius: 8px;
   background: #fff;
   box-shadow: 0 28px 70px rgba(27, 39, 64, 0.24);
   overflow: hidden;
@@ -2298,10 +2298,10 @@ onUnmounted(() => {
 
 :global(.catalogue-config-modal .n-card-header__main) {
   position: relative;
-  padding-left: 10px;
-  color: #111827;
-  font-size: 15px;
-  font-weight: 700;
+  padding-left: 13px;
+  color: #0f172a;
+  font-size: 16px;
+  font-weight: 800;
   line-height: 50px;
 }
 
@@ -3553,19 +3553,47 @@ onUnmounted(() => {
   padding: 12px 0 70px;
 }
 
+.contain .contain-main-wrapper-middle.compose-doc-scroll {
+  background: #e9e9e9 !important;
+}
+
 .compose-doc-scroll :deep(.n-spin-container),
 .compose-doc-scroll :deep(.n-spin-content) {
   min-height: 100%;
+  background: #e9e9e9 !important;
+}
+
+.compose-doc-scroll :deep(.n-spin-content > div),
+.compose-doc-scroll :deep(.document-preview-wps) {
+  min-height: 100%;
+  background: #e9e9e9 !important;
+}
+
+.compose-preview-canvas {
+  min-height: 100%;
+  background: #e9e9e9 !important;
 }
 
 .document-preview-wps {
   display: block;
   min-height: 100%;
+  background: #e9e9e9 !important;
+
+  :deep(> *) {
+    background: transparent !important;
+  }
+
+  :deep(.docx-wrapper),
+  :deep(.document-wrapper),
+  :deep(.document-preview-container) {
+    background: transparent !important;
+  }
 
   :deep(.doc-page) {
     margin: 0 auto 70px !important;
     border: 1px solid #ddd !important;
-    box-shadow: none !important;
+    background: #fff !important;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
   }
 
   :deep(table) {
diff --git a/src/views/smart-proposal/tech-proposal/index.vue b/src/views/smart-proposal/tech-proposal/index.vue
index 596f9b0..b4557e0 100644
--- a/src/views/smart-proposal/tech-proposal/index.vue
+++ b/src/views/smart-proposal/tech-proposal/index.vue
@@ -467,14 +467,14 @@ onMounted(() => {
   }
 
   &.active {
-    color: #ff8a1f;
-    border-color: #ffcf9a;
+    color: #20242d;
+    border-color: #d6d9e1;
   }
 
   &:hover {
-    border-color: #ffcf9a;
-    box-shadow: 0 10px 24px rgba(255, 138, 31, 0.14);
-    color: #ff8a1f;
+    border-color: #d6d9e1;
+    box-shadow: 0 8px 20px rgba(30, 39, 60, 0.08);
+    color: #20242d;
     transform: translateY(-1px);
   }
 }
diff --git a/src/views/smart-proposal/tech-proposal/modules/file-catalogue.vue b/src/views/smart-proposal/tech-proposal/modules/file-catalogue.vue
index dab677f..7535380 100644
--- a/src/views/smart-proposal/tech-proposal/modules/file-catalogue.vue
+++ b/src/views/smart-proposal/tech-proposal/modules/file-catalogue.vue
@@ -575,7 +575,7 @@ onMounted(async () => {
 <template>
   <div class="catalogue-config-panel">
     <div class="catalogue-config-body">
-      <NForm label-placement="left" :label-width="104" :show-feedback="false" class="catalogue-config-form">
+      <NForm label-placement="left" :label-width="86" :show-feedback="false" class="catalogue-config-form">
         <NFormItem label="目录模板">
           <NSelect
             v-model:value="selectedCatalogueId"
@@ -654,7 +654,7 @@ onMounted(async () => {
     </NModal>
 
     <div class="catalogue-config-footer">
-      <button class="catalogue-footer-button is-cancel" type="button" @click="handleClose">取消</button>
+      <button class="catalogue-footer-button is-cancel app-cancel-button" type="button" @click="handleClose">取消</button>
       <button class="catalogue-footer-button is-save" type="button" :disabled="saving" @click="handleSave">
         {{ saving ? '保存中...' : '保存配置' }}
       </button>
@@ -673,7 +673,7 @@ onMounted(async () => {
 .catalogue-config-body {
   min-height: 0;
   flex: 1;
-  padding: 14px 16px 20px;
+  padding: 14px 16px 18px;
   overflow: auto;
 }
 
@@ -686,7 +686,7 @@ onMounted(async () => {
   :deep(.n-form-item-label) {
     justify-content: flex-start;
     min-height: 34px;
-    padding-right: 14px;
+    padding-right: 12px;
     color: #1f2d3d;
     font-size: 14px;
     line-height: 34px;
@@ -700,13 +700,21 @@ onMounted(async () => {
     --n-border: 1px solid #f0d7b8 !important;
     --n-border-hover: 1px solid #f5b45f !important;
     --n-border-active: 1px solid #f59e0b !important;
+    --n-border-focus: 1px solid #f59e0b !important;
     --n-box-shadow-active: 0 0 0 2px rgba(245, 158, 11, 0.12) !important;
+    --n-box-shadow-focus: 0 0 0 2px rgba(245, 158, 11, 0.12) !important;
     background: #fffaf2;
   }
 
   :deep(.n-base-selection-label) {
     background: #fffaf2;
   }
+
+  :deep(.n-base-selection--active),
+  :deep(.n-base-selection--focus) {
+    border-color: #f59e0b !important;
+    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.12) !important;
+  }
 }
 
 .catalogue-switch-row {
@@ -755,7 +763,7 @@ onMounted(async () => {
 }
 
 .catalogue-tree-box {
-  margin-top: 15px;
+  margin-top: 12px;
   padding-left: 2px;
   overflow-x: auto;
 
@@ -792,11 +800,11 @@ onMounted(async () => {
 
 .catalogue-config-footer {
   display: flex;
-  flex: 0 0 56px;
+  flex: 0 0 58px;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
-  padding: 0 16px;
+  padding: 0 21px;
   border-top: 1px solid #e8edf5;
   background: #fff;
 }
@@ -812,9 +820,9 @@ onMounted(async () => {
 }
 
 .catalogue-footer-button.is-cancel {
-  border: 1px solid #ffc47d;
-  background: #fff8ef;
-  color: #d97706;
+  border: 1px solid #dcdfe6;
+  background: #fff;
+  color: #374151;
 }
 
 .catalogue-footer-button.is-save {