From bdefb878a5a2885ebccdeef4b407d9465d9ad237 Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Thu, 30 Apr 2026 14:34:21 +0800
Subject: [PATCH] =?UTF-8?q?style(feedback):=20=E9=80=89=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=89=AF=E6=A0=87=E9=A2=98=E6=8D=A2=E6=88=90=E8=BD=AE=E8=BD=AC?=
 =?UTF-8?q?=E5=8A=A8=E6=80=81=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

step 1 标题下的「选一个最贴近的类型」改成 RotatingFooterHint，
6 条文案 4 秒一轮（含「数字背后还有故事，等下一次上线揭晓」等）。

RotatingFooterHint 兼容自定义对齐：传 className 就完全覆盖
默认 mt-1 + justify-center；不传则保持底部居中（其他模块的用法）。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/FeedbackFab.tsx        | 5 +++--
 src/components/RotatingFooterHint.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/FeedbackFab.tsx b/src/components/FeedbackFab.tsx
index ae70661..1f5d23a 100644
--- a/src/components/FeedbackFab.tsx
+++ b/src/components/FeedbackFab.tsx
@@ -9,6 +9,7 @@ import { fetchJson } from '../auth/api-client';
 import { useAuth } from '../auth/useAuth';
 import { canManageFeedback } from '../shared/auth/roles';
 import FeedbackHistoryDrawer from './FeedbackHistoryDrawer';
+import RotatingFooterHint from './RotatingFooterHint';
 
 const MAX_SCREENSHOTS = 6;
 const MAX_IMG_SIZE_MB = 5;
@@ -320,8 +321,8 @@ export default function FeedbackFab({ module: moduleProp }: Props = {}) {
                 <AnimatePresence mode="wait">
                   {step === 1 && (
                     <motion.div key="s1" initial={{ opacity: 0, x: 12 }} animate={{ opacity: 1, x: 0 }} exit={{ opacity: 0, x: -12 }} transition={{ duration: 0.2 }}>
-                      <p className="text-[13px] font-bold text-slate-700 mb-1">想反馈点什么？</p>
-                      <p className="text-[11px] text-slate-400 font-bold mb-4">选一个最贴近的类型</p>
+                      <p className="text-[13px] font-bold text-slate-700 mb-1.5">想反馈点什么？</p>
+                      <RotatingFooterHint className="justify-start mb-4" />
                       <div className="grid grid-cols-1 gap-2">
                         {TYPE_OPTIONS.map((opt, i) => {
                           const Icon = opt.icon;
diff --git a/src/components/RotatingFooterHint.tsx b/src/components/RotatingFooterHint.tsx
index f518e47..0a6e6ca 100644
--- a/src/components/RotatingFooterHint.tsx
+++ b/src/components/RotatingFooterHint.tsx
@@ -30,7 +30,7 @@ export default function RotatingFooterHint({ hints = FOOTER_HINTS, intervalMs =
 
   return (
     <div
-      className={`mt-1 flex items-center justify-center gap-1.5 text-[11px] text-slate-400 font-bold ${onClick ? 'cursor-pointer hover:text-blue-500 transition-colors' : ''} ${className}`}
+      className={`flex items-center gap-1.5 text-[11px] text-slate-400 font-bold ${onClick ? 'cursor-pointer hover:text-blue-500 transition-colors' : ''} ${className || 'mt-1 justify-center'}`}
       onClick={onClick}
     >
       <span className="inline-block w-1.5 h-1.5 rounded-full bg-blue-400 animate-pulse" />