From fab49f8911d5ba735f76f89f8125b424cb2bc3d6 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Sun, 4 Oct 2026 08:05:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E4=BE=8B=E5=8D=A1=E7=89=87=E5=B8=A6?=
 =?UTF-8?q?=E9=B1=BC=E5=B1=8F=E9=93=BA=E6=BB=A1=201800=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E8=A2=AB=20settings-shell=20920=20=E9=99=90=E5=88=B6?=
 =?UTF-8?q?=EF=BC=9B=E5=90=AF=E7=94=A8=E7=8A=B6=E6=80=81=E5=8E=BB=E6=8E=89?=
 =?UTF-8?q?=E5=9C=86=E5=9C=88=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 static/hub.css      | 35 +++++++++++++++++++++++------------
 templates/base.html |  2 +-
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/static/hub.css b/static/hub.css
index 3891137..9f8d2db 100644
--- a/static/hub.css
+++ b/static/hub.css
@@ -83,13 +83,18 @@ body.page-desk .main {
   margin: 0;
   padding: 10px 12px 14px;
 }
-/* 实例页:最大 1800;小于 1800 时按可用宽度铺满 */
+/* 实例页主区:随屏宽;带鱼屏上限 1800 */
 body.page-instances .main {
-  max-width: 1800px;
+  max-width: none;
   width: 100%;
   margin: 0 auto;
   padding: 12px clamp(12px, 2vw, 28px) 20px;
 }
+@media (min-aspect-ratio: 21/9) {
+  body.page-instances .main {
+    max-width: 1800px;
+  }
+}
 body.page-login {
   min-height: 100vh;
 }
@@ -391,10 +396,19 @@ button, .btn {
   width: 0;
   height: 0;
 }
+/* 盖过 .settings-shell 的 920 限制;带鱼屏卡片铺满 1800 */
+.settings-shell.inst-shell,
 .inst-shell {
-  max-width: none;
+  max-width: none !important;
   width: 100%;
 }
+@media (min-aspect-ratio: 21/9) {
+  .settings-shell.inst-shell,
+  .inst-shell {
+    max-width: 1800px !important;
+    width: 100%;
+  }
+}
 .inst-add-panel {
   display: none;
   border-bottom: 1px solid rgba(56, 189, 248, 0.12);
@@ -497,23 +511,20 @@ button, .btn {
   display: block;
 }
 .inst-pill {
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-radius: 999px;
-  font-size: 0.72rem;
+  display: inline;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: none;
+  font-size: 0.86rem;
   font-weight: 600;
   letter-spacing: 0.02em;
 }
 .inst-pill--on {
   color: #86efac;
-  background: rgba(22, 101, 52, 0.35);
-  border: 1px solid rgba(74, 222, 128, 0.35);
 }
 .inst-pill--off {
   color: #fda4af;
-  background: rgba(127, 29, 29, 0.35);
-  border: 1px solid rgba(251, 113, 133, 0.35);
 }
 .inst-card-actions {
   display: flex;
diff --git a/templates/base.html b/templates/base.html
index c20ec57..6a42c34 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}期权中控{% endblock %}</title>
-  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=14">
+  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=15">
 </head>
 <body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path.startswith('/instances') %}page-instances{% elif request.path == '/' %}page-dashboard{% endif %}">
   {% if session.get('logged_in') %}