From 7854744b34caa0d1532d9dc0b82e28d422360b8b Mon Sep 17 00:00:00 2001
From: root <root@nonebot.top>
Date: Tue, 17 Feb 2026 23:51:22 +0800
Subject: [PATCH] =?UTF-8?q?chore(video-ui):=20=E6=96=87=E6=A1=88=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E8=A7=86=E9=A2=91=E5=B7=A5=E4=BD=9C=E5=8F=B0=E5=B9=B6?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E6=8B=BC=E6=8E=A5=E8=83=BD=E5=8A=9B=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/common/html/public-header.html | 43 ++++++++++++++++++-----
 app/static/public/pages/video.html        |  6 ++--
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/app/static/common/html/public-header.html b/app/static/common/html/public-header.html
index 313bbed..2ac686f 100644
--- a/app/static/common/html/public-header.html
+++ b/app/static/common/html/public-header.html
@@ -1,9 +1,9 @@
 <nav class="bg-[var(--bg)]/80 backdrop-blur-md fixed top-0 left-0 right-0 z-10">
   <div class="max-w-5xl mx-auto px-6 h-14 flex items-center justify-between">
-    <div class="flex items-center gap-6">
+    <div class="flex items-center gap-6 min-w-0">
       <div class="flex items-center gap-2">
         <a href="https://github.com/chenyme/grok2api" target="_blank" rel="noopener"
-          class="brand-link font-semibold tracking-tight hover:text-black">
+          class="brand-link font-semibold tracking-tight hover:opacity-80">
           <svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
             <path
               d="M12 2C6.48 2 2 6.58 2 12.26c0 4.5 2.87 8.32 6.84 9.67.5.1.68-.22.68-.48 0-.24-.01-.86-.01-1.69-2.78.62-3.37-1.37-3.37-1.37-.45-1.17-1.11-1.48-1.11-1.48-.91-.64.07-.63.07-.63 1.01.07 1.54 1.06 1.54 1.06.9 1.58 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.3.1-2.71 0 0 .84-.27 2.75 1.05A9.3 9.3 0 0 1 12 6.79c.85 0 1.7.12 2.5.36 1.9-1.32 2.74-1.05 2.74-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.81-4.58 5.06.36.32.68.95.68 1.92 0 1.38-.01 2.49-.01 2.83 0 .26.18.58.69.48A10.05 10.05 0 0 0 22 12.26C22 6.58 17.52 2 12 2Z" />
@@ -11,16 +11,43 @@
           <span>Grok2API</span>
         </a>
         <a href="https://github.com/chenyme" target="_blank" rel="noopener"
-          class="text-xs text-[var(--accents-4)] hover:text-black">@chenyme</a>
+          class="text-xs text-[var(--accents-4)] hover:opacity-80 public-brand-author">@chenyme</a>
+      </div>
+      <div class="h-4 w-px bg-[var(--border)] public-nav-divider"></div>
+      <div class="public-nav-links">
+        <a href="/imagine" class="nav-link text-sm" data-nav="/imagine">Imagine 瀑布流</a>
+        <a href="/imagine-workbench" class="nav-link text-sm" data-nav="/imagine-workbench">图片编辑工作台</a>
+        <a href="/video" class="nav-link text-sm" data-nav="/video">Video 视频工作台</a>
+        <a href="/nsfw" class="nav-link text-sm" data-nav="/nsfw">NSFW 工作台</a>
+        <a href="/voice" class="nav-link text-sm" data-nav="/voice">LiveKit 陪聊</a>
       </div>
-      <div class="h-4 w-px bg-[var(--border)]"></div>
-      <a href="/imagine" class="nav-link text-sm" data-nav="/imagine">Imagine 瀑布流</a>
-      <a href="/video" class="nav-link text-sm" data-nav="/video">Video 视频生成</a>
-      <a href="/voice" class="nav-link text-sm" data-nav="/voice">LiveKit 陪聊</a>
     </div>
-    <div class="nav-actions">
+    <div class="nav-actions public-desktop-actions">
+      <button type="button" class="nav-action-btn" data-theme-toggle-btn title="切换深夜模式">深夜模式</button>
+      <button type="button" class="nav-action-btn hidden pwa-install-btn" data-pwa-install-btn>安装应用</button>
       <a href="/admin/login" class="nav-action-btn">管理后台</a>
       <button id="public-logout-btn" onclick="publicLogout()" type="button" class="nav-action-btn">退出</button>
     </div>
+    <button id="public-menu-toggle" class="public-menu-toggle" type="button" aria-label="打开功能菜单"
+      aria-expanded="false" aria-controls="public-mobile-menu">
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <path d="M4 7h16M4 12h16M4 17h16" />
+      </svg>
+    </button>
+  </div>
+  <div id="public-mobile-menu" class="public-mobile-menu" hidden>
+    <div class="public-mobile-menu-inner">
+      <a href="/imagine" class="nav-link text-sm" data-nav="/imagine">Imagine 瀑布流</a>
+      <a href="/imagine-workbench" class="nav-link text-sm" data-nav="/imagine-workbench">图片编辑工作台</a>
+      <a href="/video" class="nav-link text-sm" data-nav="/video">Video 视频工作台</a>
+      <a href="/nsfw" class="nav-link text-sm" data-nav="/nsfw">NSFW 工作台</a>
+      <a href="/voice" class="nav-link text-sm" data-nav="/voice">LiveKit 陪聊</a>
+      <div class="public-mobile-menu-actions">
+        <button type="button" class="nav-action-btn" data-theme-toggle-btn title="切换深夜模式">深夜模式</button>
+        <button type="button" class="nav-action-btn hidden pwa-install-btn" data-pwa-install-btn>安装应用</button>
+        <a href="/admin/login" class="nav-action-btn">管理后台</a>
+        <button id="public-mobile-logout-btn" onclick="publicLogout()" type="button" class="nav-action-btn">退出</button>
+      </div>
+    </div>
   </div>
 </nav>
diff --git a/app/static/public/pages/video.html b/app/static/public/pages/video.html
index 2e76c66..bdbd452 100644
--- a/app/static/public/pages/video.html
+++ b/app/static/public/pages/video.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, interactive-widget=overlays-content">
-  <title>Grok2API - Video 视频生成</title>
+  <title>Grok2API - Video 视频工作台</title>
   <link rel="icon" href="/static/common/img/favicon/favicon.ico">
   <link rel="manifest" href="/manifest.webmanifest">
   <meta name="theme-color" content="#fafafa">
@@ -30,8 +30,8 @@
     <div class="space-y-4 sm:space-y-6">
       <div class="video-header-row">
         <div>
-          <h2 class="text-2xl font-semibold tracking-tight">Video 视频生成</h2>
-          <p class="text-[var(--accents-4)] mt-1 text-sm">生成短视频，支持参考图与多种预设风格。</p>
+          <h2 class="text-2xl font-semibold tracking-tight">Video 视频工作台</h2>
+          <p class="text-[var(--accents-4)] mt-1 text-sm">生成短视频，支持参考图、多种预设风格与视频拼接。</p>
         </div>
       </div>