Add files via upload

web/static/css/style.css

@@ -6249,6 +6249,7 @@ header {
 .mcp-stats-dist-panel .mcp-stats-tools-legend {
     display: -webkit-box;
     -webkit-line-clamp: 2;
+    line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
@@ -18160,7 +18161,6 @@ header {
     border-color: rgba(138, 43, 226, 0.3);
     box-shadow: 0 2px 6px rgba(138, 43, 226, 0.2);
 }
-
 .role-selection-item-content-main {
     display: flex;
     flex-direction: column;
@@ -21080,13 +21080,13 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
 #page-projects .page-content.projects-page-layout {
     display: flex;
     align-items: stretch;
-    gap: 16px;
+    gap: 12px;
     min-height: calc(100vh - 128px);
-    padding: 16px 20px 24px;
+    padding: 16px clamp(12px, 1.4vw, 20px) 24px;
     background: transparent;
 }
 .projects-sidebar-card {
-    width: 260px;
+    width: clamp(200px, 15vw, 236px);
     flex-shrink: 0;
     align-self: stretch;
     display: flex;
@@ -21594,9 +21594,14 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
     overflow: hidden;
     background: #fff;
 }
+.projects-table-wrap .data-table--projects {
+    min-width: 0;
+    table-layout: fixed;
+}
 .data-table--projects .col-actions {
     width: auto;
-    min-width: 240px;
+    min-width: 0;
+    white-space: normal;
     text-align: left;
 }
 .data-table--projects thead th.col-actions {
@@ -21606,13 +21611,13 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
     display: inline-flex;
     align-items: center;
     flex-wrap: wrap;
-    gap: 6px;
+    gap: 4px;
 }
 .projects-action-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 5px 11px;
+    padding: 4px 8px;
     font-size: 0.75rem;
     font-weight: 500;
     line-height: 1.25;
@@ -21657,6 +21662,65 @@ button.chat-files-dropdown-item:hover:not(:disabled) {
     color: #b91c1c;
     background: #fef2f2;
 }
+#project-panel-facts .data-table--projects th:nth-child(1),
+#project-panel-facts .data-table--projects td:nth-child(1) {
+    width: 19%;
+}
+#project-panel-facts .data-table--projects th:nth-child(2),
+#project-panel-facts .data-table--projects td:nth-child(2) {
+    width: 9%;
+}
+#project-panel-facts .data-table--projects th:nth-child(3),
+#project-panel-facts .data-table--projects td:nth-child(3) {
+    width: 28%;
+}
+#project-panel-facts .data-table--projects th:nth-child(4),
+#project-panel-facts .data-table--projects td:nth-child(4) {
+    width: 8%;
+}
+#project-panel-facts .data-table--projects th:nth-child(5),
+#project-panel-facts .data-table--projects td:nth-child(5) {
+    width: 9%;
+}
+#project-panel-facts .data-table--projects th:nth-child(6),
+#project-panel-facts .data-table--projects td:nth-child(6) {
+    width: 8%;
+}
+#project-panel-facts .data-table--projects th:nth-child(7),
+#project-panel-facts .data-table--projects td:nth-child(7) {
+    width: 19%;
+}
+@media (max-width: 1400px) {
+    .projects-detail-header {
+        padding: 16px 18px 14px;
+        gap: 14px;
+    }
+    .projects-tabs {
+        padding: 10px 18px;
+        flex-wrap: wrap;
+    }
+    .projects-panel {
+        padding: 14px 18px 18px;
+    }
+    .projects-action-btn {
+        padding: 4px 9px;
+    }
+}
+@media (max-width: 1680px) {
+    #project-panel-facts .data-table--projects th,
+    #project-panel-facts .data-table--projects td {
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+    #project-panel-facts .data-table--projects th:nth-child(3),
+    #project-panel-facts .data-table--projects td:nth-child(3) {
+        width: 24%;
+    }
+    #project-panel-facts .data-table--projects th:nth-child(7),
+    #project-panel-facts .data-table--projects td:nth-child(7) {
+        width: 23%;
+    }
+}
 /* —— 项目设置：左右分栏 + 底部危险区，无内层滚动 —— */
 .projects-settings-layout {
     width: 100%;