From b608ec85bab486b1a8c2735c3c4afd6a7795e069 Mon Sep 17 00:00:00 2001
From: freefire <aarbbs@88.com>
Date: Tue, 1 Sep 2026 08:11:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A1=8C=E9=9D=A2=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=B1=89=E5=A0=A1=EF=BC=8C=E6=81=A2=E5=A4=8D?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=95=B0=E4=B8=8E=E5=85=B1=20N=20=E6=9D=A1?=
 =?UTF-8?q?=E5=8F=B3=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend/src/styles/global.css | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 16bc698..57cd8e1 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -350,9 +350,6 @@ html.dark .top-progress {
   .post-list-scroll > .site-footer {
     display: none;
   }
-  .header-menu-btn {
-    display: none;
-  }
 }
 
 .admin-brand-sections > .admin-settings-section {
@@ -1094,6 +1091,11 @@ html.dark .ssr-theme-icon--sun {
   transition: background 0.15s, color 0.15s;
 }
 
+/* 桌面默认隐藏；手机在 max-width:768 中显示（需压过 .header-icon-btn） */
+.header-icon-btn.header-menu-btn {
+  display: none;
+}
+
 .header-icon-btn:hover {
   background: var(--color-fill-3);
   color: var(--color-text-1);
@@ -1985,7 +1987,7 @@ html.dark .ssr-theme-icon--sun {
   .header-inner { padding: 0 12px; gap: 8px; }
   .header-brand { flex-shrink: 0; }
   .header-logo-text { display: none; }
-  .header-menu-btn { display: inline-flex; }
+  .header-icon-btn.header-menu-btn { display: flex; }
   .header-theme-btn { display: none; }
   .header-compose-btn__label { display: none; }
   .header-search-wrap { max-width: none; }
@@ -2808,12 +2810,12 @@ a.post-row {
 .board-chip.active.board-chip--6 { background: var(--board-6-bg); color: var(--board-6-color); }
 .board-chip.active.board-chip--7 { background: var(--board-7-bg); color: var(--board-7-color); }
 
-/* 帖子排序栏：与左侧栏 active 样式保持一致；不占满整行，避免「共 N 条」贴中栏右缘 */
+/* 帖子排序栏：与左侧栏 active 样式保持一致；flex:1 把「共 N 条」推到工具栏右缘 */
 .feed-sort-bar {
   display: flex;
   align-items: center;
   gap: 2px;
-  flex: 0 1 auto;
+  flex: 1;
   min-width: 0;
   overflow-x: auto;
   scrollbar-width: none;
@@ -3161,7 +3163,7 @@ a.post-row {
 .post-row--v2 .post-meta {
   display: flex;
   align-items: center;
-  justify-content: flex-start;
+  justify-content: space-between;
   flex-wrap: nowrap;
   gap: 8px;
   min-width: 0;
@@ -3175,7 +3177,7 @@ a.post-row {
   flex-wrap: nowrap;
   gap: 0;
   min-width: 0;
-  flex: 0 1 auto;
+  flex: 1;
   overflow: hidden;
 }