From 4c80a76797e314e11227dda58a366556ccf8ccc6 Mon Sep 17 00:00:00 2001
From: XianYuDaXian <xian_yu@live.com>
Date: Sat, 14 Mar 2026 08:30:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(nsfw):=20=E4=BC=98=E5=8C=96=E7=B2=98?=
 =?UTF-8?q?=E6=80=A7=E5=AF=BC=E8=88=AA=E6=9D=A1=E7=9A=84=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=E4=B8=8E=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/public/css/nsfw.css    | 68 +++++++++++++++++++++++++++++++
 app/static/public/pages/nsfw.html |  2 +-
 2 files changed, 69 insertions(+), 1 deletion(-)

diff --git a/app/static/public/css/nsfw.css b/app/static/public/css/nsfw.css
index c1c6759..07be322 100644
--- a/app/static/public/css/nsfw.css
+++ b/app/static/public/css/nsfw.css
@@ -1051,3 +1051,71 @@ html[data-theme='dark'] .nsfw-settings-sheet {
   background: #111821;
   color: #e2e8f0;
 }
+
+/* ============================
+   NSFW Sticky Bar 布局优化补丁
+   ============================ */
+@media (max-width: 900px) {
+  /* 减少垂直跳跃感，统一行高 */
+  .nsfw-sticky-row {
+    padding: 6px 0;
+    gap: 8px;
+    min-height: 48px;
+  }
+
+  /* 第一行：图标组撑满中间，主按钮自然靠右 */
+  .nsfw-sticky-row--image {
+    align-items: center;
+  }
+
+  .nsfw-sticky-row--image .nsfw-icon-group {
+    flex: 1;
+    justify-content: center;
+    gap: 6px;
+  }
+
+  /* 图标按钮统一化为 38px */
+  .nsfw-icon-btn {
+    width: 38px;
+    height: 38px;
+  }
+
+  /* 主按钮高度统一 */
+  .nsfw-main-btn {
+    height: 38px;
+    min-width: 90px;
+    padding: 0 16px;
+    font-size: 13.5px;
+  }
+
+  /* 分隔线对齐 */
+  .nsfw-icon-divider {
+    height: 20px;
+    margin: 0 2px;
+  }
+
+  /* 第二行：文字标签加宽并截断 */
+  .nsfw-selected-label {
+    flex: 1;
+    font-size: 11.5px;
+    padding-right: 6px;
+  }
+
+  .nsfw-video-actions {
+    gap: 6px;
+    flex-shrink: 0;
+  }
+
+  /* 行分隔线加强 */
+  .nsfw-sticky-row-sep {
+    margin: 2px -4px;
+    opacity: 0.4;
+  }
+
+  /* 整体 bar 缩小冗余 padding */
+  .nsfw-sticky-bar {
+    padding: 6px 14px;
+    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
+    gap: 0;
+  }
+}
diff --git a/app/static/public/pages/nsfw.html b/app/static/public/pages/nsfw.html
index c94cdb3..b40c68c 100644
--- a/app/static/public/pages/nsfw.html
+++ b/app/static/public/pages/nsfw.html
@@ -19,7 +19,7 @@
   <script src="/static/common/js/theme.js?v=0.1.0"></script>
   <link href="/static/common/css/common.css?v=0.3.7" rel="stylesheet">
   <link href="/static/common/css/toast.css" rel="stylesheet">
-  <link href="/static/public/css/nsfw.css?v=0.3.7" rel="stylesheet">
+  <link href="/static/public/css/nsfw.css?v=0.3.8" rel="stylesheet">
 </head>
 
 <body class="public-page min-h-screen flex flex-col" style="background-color: var(--bg);">