From 81931015669396e66d5b8df3204a704e6ba3eabd Mon Sep 17 00:00:00 2001
From: yuyx <237899745@qq.com>
Date: Thu, 12 Feb 2026 20:28:08 +0800
Subject: [PATCH] fix(frontend): improve 2k/4k scaling and mobile overflow
 responsiveness

---
 frontend/app.html     | 116 +++++++++++++++++++++++++++++++++++++++++-
 frontend/index.html   |   2 +-
 frontend/landing.css  |  68 +++++++++++++++++++++++++
 frontend/product.html |   2 +-
 frontend/scenes.html  |   2 +-
 frontend/start.html   |   2 +-
 6 files changed, 187 insertions(+), 5 deletions(-)

diff --git a/frontend/app.html b/frontend/app.html
index e9e2adc..8458e38 100644
--- a/frontend/app.html
+++ b/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>
diff --git a/frontend/index.html b/frontend/index.html
index d9ba10c..ac48aeb 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -16,7 +16,7 @@
     })();
   </script>
   <link rel="stylesheet" href="libs/fontawesome/css/all.min.css">
-  <link rel="stylesheet" href="landing.css?v=20260212006">
+  <link rel="stylesheet" href="landing.css?v=20260212007">
 </head>
 <body>
   <div class="page">
diff --git a/frontend/landing.css b/frontend/landing.css
index 6fe7bf3..786da74 100644
--- a/frontend/landing.css
+++ b/frontend/landing.css
@@ -4,6 +4,17 @@
   box-sizing: border-box;
 }
 
+html, body {
+  overflow-x: hidden;
+}
+
+img,
+video,
+svg {
+  max-width: 100%;
+  height: auto;
+}
+
 :root {
   --bg-page: #f4f7fb;
   --bg-card: #ffffff;
@@ -317,6 +328,12 @@ body.theme-dark .hero-tag {
 .slide-row strong {
   color: var(--text-main);
   font-weight: 700;
+  min-width: 0;
+  max-width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
 }
 
 .slide-progress {
@@ -641,6 +658,57 @@ body.theme-dark .cta-panel {
   flex-wrap: wrap;
 }
 
+@media (min-width: 1920px) {
+  :root {
+    --max-width: 1480px;
+  }
+
+  body {
+    font-size: 16px;
+  }
+
+  .hero {
+    padding: 32px;
+    gap: 28px;
+  }
+
+  .hero-title {
+    font-size: clamp(38px, 3vw, 56px);
+  }
+
+  .section,
+  .page-banner {
+    padding: 24px;
+  }
+
+  .carousel {
+    min-height: 400px;
+  }
+}
+
+@media (min-width: 2560px) {
+  :root {
+    --max-width: 1760px;
+  }
+
+  body {
+    font-size: 17px;
+  }
+
+  .hero {
+    padding: 36px;
+  }
+
+  .carousel {
+    min-height: 430px;
+  }
+
+  .section,
+  .page-banner {
+    padding: 28px;
+  }
+}
+
 @media (max-width: 1060px) {
   .hero {
     grid-template-columns: 1fr;
diff --git a/frontend/product.html b/frontend/product.html
index 09d4423..4eca221 100644
--- a/frontend/product.html
+++ b/frontend/product.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>产品能力 - 玩玩云</title>
   <link rel="stylesheet" href="libs/fontawesome/css/all.min.css">
-  <link rel="stylesheet" href="landing.css?v=20260212006">
+  <link rel="stylesheet" href="landing.css?v=20260212007">
 </head>
 <body>
   <div class="page">
diff --git a/frontend/scenes.html b/frontend/scenes.html
index 37014ab..c283cfd 100644
--- a/frontend/scenes.html
+++ b/frontend/scenes.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>应用场景 - 玩玩云</title>
   <link rel="stylesheet" href="libs/fontawesome/css/all.min.css">
-  <link rel="stylesheet" href="landing.css?v=20260212006">
+  <link rel="stylesheet" href="landing.css?v=20260212007">
 </head>
 <body>
   <div class="page">
diff --git a/frontend/start.html b/frontend/start.html
index 30fda39..508b380 100644
--- a/frontend/start.html
+++ b/frontend/start.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>快速开始 - 玩玩云</title>
   <link rel="stylesheet" href="libs/fontawesome/css/all.min.css">
-  <link rel="stylesheet" href="landing.css?v=20260212006">
+  <link rel="stylesheet" href="landing.css?v=20260212007">
 </head>
 <body>
   <div class="page">