优化前端2

public/style.css

@@ -111,18 +111,19 @@ code, pre, .mono, .token-display {
     font-family: 'Ubuntu Mono', 'Consolas', 'Monaco', monospace !important;
 }
 
-.container { 
-    max-width: 1400px; 
-    margin: 0 auto; 
-    padding: 0.5rem; 
-    height: 100vh; 
-    display: flex; 
-    align-items: center; 
-    justify-content: center; 
+.container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0.5rem;
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
 }
 
 /* 登录表单 */
 .login-form {
+    margin: auto;
     background: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(24px) saturate(180%);
     -webkit-backdrop-filter: blur(24px) saturate(180%);
@@ -209,6 +210,7 @@ button.loading::after {
 
 /* 主内容区 */
 .main-content {
+    margin: 0;
     background: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(24px) saturate(180%);
     -webkit-backdrop-filter: blur(24px) saturate(180%);
@@ -216,7 +218,7 @@ button.loading::after {
     box-shadow: 0 8px 32px rgba(0,0,0,0.2);
     width: 100%;
     max-width: 1400px;
-    height: calc(100vh - 1rem);
+    min-height: calc(100vh - 1rem);
     display: flex;
     flex-direction: column;
     border: 1px solid rgba(255, 255, 255, 0.5);
@@ -279,7 +281,7 @@ button.loading::after {
 .content {
     padding: 1rem;
     flex: 1;
-    overflow-y: auto;
+    overflow: visible;
 }
 
 /* 顶部栏 - 统计+操作 */
@@ -701,6 +703,7 @@ button.loading::after {
     box-shadow: 0 16px 48px rgba(0,0,0,0.2);
     animation: scaleIn 0.2s;
     border: 1px solid rgba(255, 255, 255, 0.5);
+    color: var(--text);
 }
 @media (prefers-color-scheme: dark) {
     .modal-content {
@@ -736,14 +739,15 @@ button.loading::after {
 .form-modal .modal-content { max-width: 480px; }
 .form-modal input { margin-bottom: 0.75rem; }
 .form-modal .form-row { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; }
-.form-modal .oauth-steps { 
-    background: rgba(59,130,246,0.1); 
-    padding: 0.875rem; 
-    border-radius: 0.5rem; 
-    margin-bottom: 1rem; 
-    border: 1.5px solid var(--info); 
+.form-modal .oauth-steps {
+    background: rgba(59,130,246,0.1);
+    padding: 0.875rem;
+    border-radius: 0.5rem;
+    margin-bottom: 1rem;
+    border: 1.5px solid var(--info);
+    color: var(--text);
 }
-.form-modal .oauth-steps p { margin-bottom: 0.5rem; font-size: 0.8rem; }
+.form-modal .oauth-steps p { margin-bottom: 0.5rem; font-size: 0.8rem; color: var(--text); }
 .form-modal .oauth-steps p:last-child { margin-bottom: 0; }
 
 @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@@ -1021,6 +1025,7 @@ input:checked + .slider:before {
     border: 1.5px solid var(--border);
     transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
     cursor: default;
+    color: var(--text);
 }
 .quota-item:hover {
     transform: scale(1.02);
@@ -1228,10 +1233,10 @@ input:checked + .slider:before {
 
 /* 响应式 */
 @media (max-width: 768px) {
-    .container { padding: 0; height: 100vh; }
-    .login-form { margin: 0.5rem; padding: 1.5rem; }
+    .container { padding: 0; min-height: 100vh; align-items: stretch; }
+    .login-form { margin: auto 0.5rem; padding: 1.5rem; }
     .login-form h2 { font-size: 1.25rem; }
-    .main-content { height: 100vh; border-radius: 0; }
+    .main-content { min-height: 100vh; border-radius: 0; margin: 0; }
     .header {
         padding: 0.5rem 0.75rem;
         flex-wrap: nowrap;