feat: 添加 AI 补货建议功能，优化相关设置和界面

static/css/style.css

@@ -449,6 +449,55 @@ body {
     background: color-mix(in srgb, var(--card-alt) 76%, var(--accent) 24%);
 }
 
+.overview-layout {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 360px;
+    gap: var(--space-2);
+    align-items: start;
+}
+
+.overview-main {
+    min-width: 0;
+}
+
+.overview-sidebar {
+    position: sticky;
+    top: 88px;
+}
+
+.ai-panel {
+    margin-top: 0;
+}
+
+.ai-panel-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-1);
+    margin-bottom: var(--space-1);
+}
+
+.ai-panel-content {
+    margin: 0;
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    background: color-mix(in srgb, var(--card) 88%, var(--card-alt));
+    padding: var(--space-2);
+    white-space: pre-wrap;
+    word-break: break-word;
+    font: 13px/1.55 Consolas, "Cascadia Mono", monospace;
+}
+
+.ai-plan-groups {
+    display: grid;
+    gap: var(--space-2);
+    margin-top: var(--space-1);
+}
+
+.ai-plan-group h3 {
+    margin: 0 0 8px;
+}
+
 .catalog-content {
     min-width: 0;
 }
@@ -922,6 +971,14 @@ th {
 }
 
 @media (max-width: 980px) {
+    .overview-layout {
+        grid-template-columns: 1fr;
+    }
+
+    .overview-sidebar {
+        position: static;
+    }
+
     .metrics-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }