fix(frontend): improve 2k/4k scaling and mobile overflow responsiveness

frontend/app.html

@@ -6006,6 +6006,120 @@
     }
   </style>
 
-  <script src="app.js?v=20260212005"></script>
+  <style>
+    /* ===== Responsive Scale & Overflow Fix v1 ===== */
+    body.enterprise-netdisk,
+    body.enterprise-netdisk #app {
+      overflow-x: hidden;
+    }
+
+    body.enterprise-netdisk .files-content-head,
+    body.enterprise-netdisk .files-content-head-meta,
+    body.enterprise-netdisk .files-content-head-actions,
+    body.enterprise-netdisk .files-head-view-toggle,
+    body.enterprise-netdisk .files-content-shell {
+      min-width: 0;
+    }
+
+    body.enterprise-netdisk .files-head-usage-progress {
+      max-width: 100%;
+    }
+
+    body.enterprise-netdisk .files-head-usage-progress-text {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-align: center;
+    }
+
+    @media (max-width: 480px) {
+      body.enterprise-netdisk .files-content-head-actions {
+        grid-template-columns: 1fr;
+      }
+
+      body.enterprise-netdisk .files-head-view-toggle {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      body.enterprise-netdisk .files-head-action-btn,
+      body.enterprise-netdisk .files-head-folder-btn,
+      body.enterprise-netdisk .files-head-view-toggle .btn {
+        min-width: 0;
+      }
+
+      body.enterprise-netdisk .modal-content {
+        max-width: calc(100vw - 16px);
+      }
+    }
+
+    @media (min-width: 1920px) {
+      body.enterprise-netdisk .main-container {
+        max-width: 1680px;
+      }
+
+      body.enterprise-netdisk .card {
+        padding: 24px;
+      }
+
+      body.enterprise-netdisk .files-view-card {
+        padding: 14px 16px 12px;
+      }
+
+      body.enterprise-netdisk .files-content-head.files-content-head-compact .files-content-title {
+        font-size: 14px;
+      }
+
+      body.enterprise-netdisk .files-head-action-btn,
+      body.enterprise-netdisk .files-head-view-toggle .btn {
+        font-size: 13px;
+        padding: 7px 12px;
+      }
+
+      body.enterprise-netdisk .files-head-usage-progress {
+        width: 320px;
+        height: 26px;
+      }
+
+      body.enterprise-netdisk .files-head-usage-progress-text {
+        font-size: 12px;
+      }
+
+      body.enterprise-netdisk .file-grid {
+        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+        gap: 14px;
+      }
+    }
+
+    @media (min-width: 2560px) {
+      body.enterprise-netdisk .main-container {
+        max-width: 1980px;
+      }
+
+      body.enterprise-netdisk .navbar {
+        padding: 14px 28px;
+      }
+
+      body.enterprise-netdisk .card {
+        padding: 28px;
+      }
+
+      body.enterprise-netdisk .files-head-usage-progress {
+        width: 360px;
+        height: 28px;
+      }
+
+      body.enterprise-netdisk .files-head-usage-progress-text {
+        font-size: 13px;
+      }
+
+      body.enterprise-netdisk .file-grid {
+        grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
+      }
+    }
+  </style>
+
+  <script src="app.js?v=20260212006"></script>
 </body>
 </html>