From f72d1107e050701c706646c595711d6699436fe8 Mon Sep 17 00:00:00 2001
From: Sakurasan <26715255+Sakurasan@users.noreply.github.com>
Date: Thu, 1 Oct 2026 12:40:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF=EF=BC=9Atab=20=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=94=B6=E6=88=90=E5=8F=AF=E6=8D=A2=E8=A1=8C=E8=83=B6=E5=9B=8A?=
 =?UTF-8?q?=E6=A8=AA=E6=8E=92=EF=BC=8C=E5=8E=BB=E6=8E=89=20sticky=EF=BC=88?=
 =?UTF-8?q?=E5=8D=95=E5=88=97=E5=B8=83=E5=B1=80=E9=87=8C=E4=BC=9A=E7=B2=98?=
 =?UTF-8?q?=E4=BD=8F=E7=9B=96=E4=BD=8F=E4=B8=8B=E6=96=B9=E9=9D=A2=E6=9D=BF?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 00fd3c4..13e48fe 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1041,6 +1041,21 @@ html.topbar-hidden {--topbar-h: 0px;}
   color: var(--admin-accent);
   border-left-color: var(--admin-accent);
   font-weight: 500;}
+/* 窄屏下 tab 列表收成可换行的横排：竖排 + sticky 是桌面左栏的写法，
+   单列布局里它会粘在屏幕上盖住下面的面板。必须放在基础规则之后，
+   否则同优先级会被上面的 column/sticky 盖掉。 */
+@media (max-width: 760px) {
+  .settings-tabs {position: static;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 4px;
+    margin-bottom: 10px;}
+  .settings-tabs button {padding: 6px 12px;
+    border-left: 0;
+    border-radius: 999px;
+    background: var(--admin-paper-sunken, #f3efe6);}
+  .settings-tabs button.on {background: var(--admin-accent-soft);}
+}
 .theme-swatches {display: flex;
   gap: 10px;
   flex-wrap: wrap;}