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;}