feat: 个人中心仪表盘视觉打磨与交互优化

本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级：

## AppShell 导航修复
- 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航

## ProfilePage 功能增强
- 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息
- 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏
- 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰
- 账号摘要卡片新增套餐名称和已完成任务数展示
- 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理
- 主面板标签页文字包裹 span，支持响应式隐藏

## profile.css 滚动模型调整
- Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题

## dark-green.css 主题样式（约 1160 行新增）
- 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层
- 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条
- 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签
- 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示
- 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮
- 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板
- 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调
- 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列
- 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器

src/api/bugFeedbackClient.ts

@@ -1,32 +0,0 @@
-import { serverRequest } from "./serverConnection";
-
-export interface BugFeedbackInput {
-  title: string;
-  description: string;
-  screenshotUrl?: string;
-}
-
-export interface BugFeedbackItem {
-  id: number;
-  title: string;
-  description: string;
-  screenshotUrl?: string | null;
-  status: "pending" | "approved" | "rejected";
-  adminNote?: string | null;
-  createdAt: string;
-}
-
-export const bugFeedbackClient = {
-  async submit(input: BugFeedbackInput): Promise<{ id: number; status: string; createdAt: string }> {
-    const payload = await serverRequest<{ feedback: { id: number; status: string; createdAt: string } }>(
-      "bug-feedback",
-      { method: "POST", body: input },
-    );
-    return payload.feedback;
-  },
-
-  async listMine(): Promise<BugFeedbackItem[]> {
-    const payload = await serverRequest<{ feedbacks?: BugFeedbackItem[] }>("bug-feedback/mine");
-    return Array.isArray(payload.feedbacks) ? payload.feedbacks : [];
-  },
-};

src/components/AppShell.tsx

@@ -1,7 +1,6 @@
 import {
   ArrowDownOutlined,
   ArrowUpOutlined,
-  BugOutlined,
   CheckCircleOutlined,
   FlagOutlined,
   InfoCircleOutlined,
@@ -15,7 +14,6 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import type { ReactNode } from "react";
 import { publicConfigClient, type WebPublicConfig } from "../api/publicConfigClient";
 import { toast } from "./toast/toastStore";
-import { BugFeedbackModal } from "./BugFeedbackModal";
 import type { ServerConnectionHealth } from "../api/serverConnection";
 import { ossAssets } from "../data/ossAssets";
 import { canManageCommunityCases, canReviewCommunity } from "../features/community-review/communityPermissions";
@@ -70,7 +68,6 @@ function AppShell({
   const [profileOpen, setProfileOpen] = useState(false);
   const [rechargeOpen, setRechargeOpen] = useState(false);
   const [infoOpen, setInfoOpen] = useState(false);
-  const [bugFeedbackOpen, setBugFeedbackOpen] = useState(false);
   const infoRef = useRef<HTMLDivElement>(null);
   const [openSubmenuKey, setOpenSubmenuKey] = useState<WebViewKey | null>(null);
   const [publicConfig, setPublicConfig] = useState<WebPublicConfig>({});
@@ -78,7 +75,7 @@ function AppShell({
   const [navJustActivated, setNavJustActivated] = useState<WebViewKey | null>(null);
   const isAuthView = activeView === "login";
   const isImmersiveView = activeView === "agent" || activeView === "avatarConsole";
-  const showFloatingNav = (!isAuthView || !!session) && !isImmersiveView && activeView !== "home";
+  const showFloatingNav = !isAuthView && !isImmersiveView && activeView !== "home";
   const toolSurfaceViews = [
     "workbench",
     "canvas",
@@ -346,11 +343,6 @@ function AppShell({
                   onMarkAllRead={onMarkAllNotificationsRead}
                 />
               )}
-              {session && (
-                <button className="info-button" type="button" aria-label="Bug反馈" title="Bug反馈" onClick={() => setBugFeedbackOpen(true)}>
-                  <BugOutlined />
-                </button>
-              )}
               <div className="info-popover-anchor" ref={infoRef}>
                 <button
                   className="info-button"
@@ -499,7 +491,6 @@ function AppShell({
       </div>
       {session?.user.role === "admin" ? <AdminMonitor /> : null}
       <RechargeModal open={rechargeOpen} onClose={() => setRechargeOpen(false)} currentBalance={displayedBalanceCents} />
-      <BugFeedbackModal open={bugFeedbackOpen} onClose={() => setBugFeedbackOpen(false)} />
       <CookieConsentBanner />
     </div>
   );

src/components/BugFeedbackModal.tsx

@@ -1,131 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { BugOutlined, CameraOutlined, CloseOutlined } from "@ant-design/icons";
-import { bugFeedbackClient, type BugFeedbackItem } from "../api/bugFeedbackClient";
-import { uploadAssetWithProgress } from "../api/uploadWithProgress";
-import { toast } from "./toast/toastStore";
-
-interface BugFeedbackModalProps {
-  open: boolean;
-  onClose: () => void;
-}
-
-export function BugFeedbackModal({ open, onClose }: BugFeedbackModalProps) {
-  const [tab, setTab] = useState<"submit" | "history">("submit");
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [screenshotUrl, setScreenshotUrl] = useState<string | null>(null);
-  const [uploading, setUploading] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const [history, setHistory] = useState<BugFeedbackItem[]>([]);
-  const [historyLoading, setHistoryLoading] = useState(false);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const backdropRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (open && tab === "history") loadHistory();
-  }, [open, tab]);
-
-  const loadHistory = useCallback(async () => {
-    setHistoryLoading(true);
-    try {
-      const items = await bugFeedbackClient.listMine();
-      setHistory(items);
-    } catch { /* silent */ }
-    finally { setHistoryLoading(false); }
-  }, []);
-
-  const handleScreenshot = useCallback(async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    setUploading(true);
-    try {
-      const reader = new FileReader();
-      const dataUrl = await new Promise<string>((resolve) => {
-        reader.onload = () => resolve(reader.result as string);
-        reader.readAsDataURL(file);
-      });
-      const result = await uploadAssetWithProgress({ dataUrl, name: file.name, scope: "bug-feedback" });
-      setScreenshotUrl(result.url);
-    } catch { toast.error("截图上传失败"); }
-    finally { setUploading(false); }
-  }, []);
-
-  const handleSubmit = useCallback(async () => {
-    if (!title.trim()) { toast.error("请输入标题"); return; }
-    if (!description.trim()) { toast.error("请输入问题描述"); return; }
-    setSubmitting(true);
-    try {
-      await bugFeedbackClient.submit({ title: title.trim(), description: description.trim(), screenshotUrl: screenshotUrl || undefined });
-      toast.success("反馈提交成功，审核通过后将奖励 1 积分");
-      setTitle("");
-      setDescription("");
-      setScreenshotUrl(null);
-      onClose();
-    } catch (err: unknown) {
-      toast.error(err instanceof Error ? err.message : "提交失败");
-    } finally { setSubmitting(false); }
-  }, [title, description, screenshotUrl, onClose]);
-
-  if (!open) return null;
-
-  return (
-    <div className="bug-feedback-overlay" ref={backdropRef} onClick={(e) => { if (e.target === backdropRef.current) onClose(); }}>
-      <div className="bug-feedback-modal" role="dialog" aria-modal="true" aria-label="Bug反馈">
-        <div className="bug-feedback-modal__header">
-          <div className="bug-feedback-modal__tabs">
-            <button type="button" className={tab === "submit" ? "is-active" : ""} onClick={() => setTab("submit")}>提交反馈</button>
-            <button type="button" className={tab === "history" ? "is-active" : ""} onClick={() => setTab("history")}>我的反馈</button>
-          </div>
-          <button type="button" className="bug-feedback-modal__close" onClick={onClose} aria-label="关闭"><CloseOutlined /></button>
-        </div>
-        {tab === "submit" && (
-          <div className="bug-feedback-modal__form">
-            <p className="bug-feedback-modal__tip"><BugOutlined /> 提交有效 Bug 反馈，审核通过奖励 1 积分</p>
-            <label className="bug-feedback-modal__label">标题</label>
-            <input className="bug-feedback-modal__input" value={title} onChange={(e) => setTitle(e.target.value)} placeholder="简述遇到的问题" maxLength={200} />
-            <label className="bug-feedback-modal__label">问题描述</label>
-            <textarea className="bug-feedback-modal__textarea" value={description} onChange={(e) => setDescription(e.target.value)} placeholder="详细描述操作步骤、预期结果和实际结果" maxLength={5000} rows={5} />
-            <label className="bug-feedback-modal__label">截图（可选）</label>
-            <div className="bug-feedback-modal__screenshot">
-              {screenshotUrl ? (
-                <div className="bug-feedback-modal__preview">
-                  <img src={screenshotUrl} alt="截图预览" />
-                  <button type="button" onClick={() => setScreenshotUrl(null)}>移除</button>
-                </div>
-              ) : (
-                <button type="button" className="bug-feedback-modal__upload-btn" onClick={() => fileInputRef.current?.click()} disabled={uploading}>
-                  <CameraOutlined /> {uploading ? "上传中..." : "添加截图"}
-                </button>
-              )}
-              <input ref={fileInputRef} type="file" accept="image/*" hidden onChange={handleScreenshot} />
-            </div>
-            <button type="button" className="bug-feedback-modal__submit" disabled={submitting} onClick={handleSubmit}>
-              {submitting ? "提交中..." : "提交反馈"}
-            </button>
-          </div>
-        )}
-        {tab === "history" && (
-          <div className="bug-feedback-modal__history">
-            {historyLoading ? <p className="bug-feedback-modal__empty">加载中...</p> : history.length === 0 ? <p className="bug-feedback-modal__empty">暂无反馈记录</p> : (
-              <ul className="bug-feedback-modal__list">
-                {history.map((item) => (
-                  <li key={item.id} className="bug-feedback-modal__item">
-                    <div className="bug-feedback-modal__item-head">
-                      <span className="bug-feedback-modal__item-title">{item.title}</span>
-                      <span className={`bug-feedback-modal__status bug-feedback-modal__status--${item.status}`}>
-                        {item.status === "pending" ? "审核中" : item.status === "approved" ? "已通过 +1积分" : "未通过"}
-                      </span>
-                    </div>
-                    <p className="bug-feedback-modal__item-desc">{item.description}</p>
-                    {item.adminNote && <p className="bug-feedback-modal__item-note">回复：{item.adminNote}</p>}
-                    <span className="bug-feedback-modal__item-date">{new Date(item.createdAt).toLocaleDateString()}</span>
-                  </li>
-                ))}
-              </ul>
-            )}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

src/features/canvas/CanvasPage.tsx

@@ -2874,10 +2874,6 @@ function CanvasPage({
       return;
     }
 
-    closeNodeContextMenus();
-    setContextMenu(null);
-    setSelectionContextMenu(null);
-
     const point = getCanvasPointFromClient(event.clientX, event.clientY);
     const zoomDelta = event.deltaY < 0 ? 1.08 : 0.92;
     setCanvasViewport((viewport) => {

src/features/profile/ProfilePage.tsx

@@ -260,6 +260,30 @@ function ProfilePage({
   const packageLabel = session?.user.activePackages?.[0]?.name || "按量积分";
   const avatarUrl = session?.user.avatarUrl || localAvatarUrl || null;
   const displayedBio = profileBio.trim() || "这个人还没有填写个性签名";
+  const activePanelTitle =
+    activePanel === "works"
+      ? "代表作"
+      : activePanel === "projects"
+        ? "服务器项目"
+        : activePanel === "assets"
+          ? "我的资产"
+          : "社区审核";
+  const activePanelDescription =
+    activePanel === "works"
+      ? "最近完成的高质量生成内容"
+      : activePanel === "projects"
+        ? "云端同步的创作项目"
+        : activePanel === "assets"
+          ? "可复用的图片、视频与素材"
+          : "已提交社区的案例状态";
+  const activePanelCount =
+    activePanel === "works"
+      ? visibleWorks.length
+      : activePanel === "projects"
+        ? projects.length
+        : activePanel === "assets"
+          ? savedAssets.length
+          : communityCases.length;
   const emailLooksValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim());
   const phoneLooksValid = /^1[3-9]\d{9}$/.test(phone.trim());
   const passwordLooksReady = password.length >= (mode === "register" ? 6 : 1);
@@ -765,9 +789,9 @@ function ProfilePage({
           className={`profile-page__banner${bannerUrl ? " has-image" : ""}`}
           style={bannerUrl ? { backgroundImage: `url(${bannerUrl})` } : undefined}
         >
-          <button type="button" className="profile-page__banner-btn" onClick={() => bannerInputRef.current?.click()}>
+          <button type="button" className="profile-page__banner-btn" onClick={() => bannerInputRef.current?.click()} aria-label="更换背景">
             <CameraOutlined />
-            更换背景
+            <span className="profile-page__banner-btn-label">更换背景</span>
           </button>
           <div className="profile-page__banner-overlay" />
         </header>
@@ -847,14 +871,16 @@ function ProfilePage({
                   className={accountPanel === "credits" ? "is-active" : ""}
                   onClick={() => setAccountPanel("credits")}
                 >
-                  积分 {(totalBalance / 100).toFixed(2)}
+                  <span>可用积分</span>
+                  <strong>{(totalBalance / 100).toFixed(2)}</strong>
                 </button>
                 <button
                   type="button"
                   className={accountPanel === "tasks" ? "is-active" : ""}
                   onClick={() => setAccountPanel("tasks")}
                 >
-                  任务 {tasks.length}
+                  <span>生成任务</span>
+                  <strong>{tasks.length}</strong>
                 </button>
               </div>
               <div className="profile-page__account-summary">
@@ -863,6 +889,7 @@ function ProfilePage({
                     <span className="profile-page__account-summary-main">
                       <small>当前账号</small>
                       <strong>{displayName}</strong>
+                      <em>{packageLabel}</em>
                     </span>
                     <span className="profile-page__account-summary-metric">
                       <small>积分剩余</small>
@@ -874,6 +901,7 @@ function ProfilePage({
                     <span className="profile-page__account-summary-main">
                       <small>任务概览</small>
                       <strong>{tasks.length} 个任务</strong>
+                      <em>{completedTasks.length} 个已完成</em>
                     </span>
                     <span className="profile-page__account-summary-metric">
                       <small>已完成</small>
@@ -884,51 +912,49 @@ function ProfilePage({
               </div>
             </div>
 
-            <button type="button" className="profile-page__share-btn profile-page__share-btn--plan">
-              <ShareAltOutlined />
-              {packageLabel}
-            </button>
+            <div className="profile-page__actions">
+              <button type="button" className="profile-page__share-btn profile-page__share-btn--plan">
+                <ShareAltOutlined />
+                {packageLabel}
+              </button>
 
-            <button type="button" className="profile-page__share-btn profile-page__share-btn--primary" onClick={onOpenWorkbench}>
-              <PlusOutlined />
-              进入工作台
-            </button>
-            <button type="button" className="profile-page__share-btn profile-page__share-btn--secondary" onClick={onOpenCommunity}>
-              <ShareAltOutlined />
-              打开社区
-            </button>
-            <button type="button" className="profile-page__share-btn profile-page__share-btn--danger" onClick={onLogout}>
-              <LockOutlined />
-              退出登录
-            </button>
+              <button type="button" className="profile-page__share-btn profile-page__share-btn--primary" onClick={onOpenWorkbench}>
+                <PlusOutlined />
+                进入工作台
+              </button>
+              <button type="button" className="profile-page__share-btn profile-page__share-btn--secondary" onClick={onOpenCommunity}>
+                <ShareAltOutlined />
+                打开社区
+              </button>
+              <button type="button" className="profile-page__share-btn profile-page__share-btn--danger" onClick={onLogout}>
+                <LockOutlined />
+                退出登录
+              </button>
+            </div>
           </aside>
 
           <main className="profile-page__main">
             <div className="profile-page__main-tabs">
               <button type="button" className={activePanel === "works" ? "is-active" : ""} onClick={() => setActivePanel("works")}>
-                我的作品
+                <span>我的作品</span>
               </button>
               <button type="button" className={activePanel === "projects" ? "is-active" : ""} onClick={() => setActivePanel("projects")}>
-                我的项目
+                <span>我的项目</span>
               </button>
               <button type="button" className={activePanel === "assets" ? "is-active" : ""} onClick={() => setActivePanel("assets")}>
-                我的资产
+                <span>我的资产</span>
               </button>
               <button type="button" className={activePanel === "community" ? "is-active" : ""} onClick={() => setActivePanel("community")}>
-                社区发布
+                <span>社区发布</span>
               </button>
             </div>
 
             <div className="profile-page__section">
-              <span className="profile-page__section-label">
-                {activePanel === "works"
-                  ? "代表作"
-                  : activePanel === "projects"
-                    ? "服务器项目"
-                    : activePanel === "assets"
-                      ? "我的资产"
-                      : "社区审核"}
-              </span>
+              <div className="profile-page__section-head">
+                <span className="profile-page__section-label">{activePanelTitle}</span>
+                <span className="profile-page__section-desc">{activePanelDescription}</span>
+                <span className="profile-page__section-meta">{activePanelCount} 项</span>
+              </div>
               {renderActivePanel()}
             </div>
           </main>

src/features/workbench/WorkbenchPage.tsx

@@ -3102,6 +3102,11 @@ function WorkbenchPage({
                                   <span>{message.taskStatusLabel || generationStatus}</span>
                                 </div>
                               )}
+                              {message.role === "assistant" && message.mode === "chat" && message.status === "completed" && (
+                                <div className="ai-chat-task-billing-note">
+                                  {formatTextTokenUsage(message.taskUsage)}
+                                </div>
+                              )}
                               {(message.resultUrl || (message.result && message.status !== "thinking")) && (
                                 <ResultCard
                                   message={message}

src/styles/components/bug-feedback-modal.css

@@ -1,252 +0,0 @@
-.bug-feedback-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 1200;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.55);
-  backdrop-filter: blur(4px);
-}
-
-.bug-feedback-modal {
-  width: min(560px, 92vw);
-  max-height: 80vh;
-  overflow-y: auto;
-  border-radius: 16px;
-  background: var(--bg-panel);
-  border: 1px solid var(--border-subtle);
-  box-shadow: var(--shadow-heavy, 0 12px 40px rgba(0,0,0,0.4));
-  padding: 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.bug-feedback-modal__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.bug-feedback-modal__tabs {
-  display: flex;
-  gap: 4px;
-}
-
-.bug-feedback-modal__tabs button {
-  padding: 6px 14px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 13px;
-  cursor: pointer;
-  transition: all 0.15s;
-}
-
-.bug-feedback-modal__tabs button.is-active {
-  background: var(--accent);
-  color: #000;
-  border-color: var(--accent);
-}
-
-.bug-feedback-modal__close {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  border: none;
-  background: var(--bg-subtle);
-  color: var(--fg-muted);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s;
-}
-
-.bug-feedback-modal__close:hover {
-  background: var(--bg-hover);
-}
-
-.bug-feedback-modal__form {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bug-feedback-modal__tip {
-  font-size: 13px;
-  color: var(--accent);
-  margin: 0;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background: rgba(var(--accent-rgb, 0 255 136), 0.08);
-}
-
-.bug-feedback-modal__label {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--fg-muted);
-}
-
-.bug-feedback-modal__input,
-.bug-feedback-modal__textarea {
-  width: 100%;
-  padding: 10px 12px;
-  border-radius: 8px;
-  border: 1px solid var(--border-subtle);
-  background: var(--bg-subtle);
-  color: var(--fg-default);
-  font-size: 14px;
-  resize: vertical;
-}
-
-.bug-feedback-modal__textarea {
-  min-height: 100px;
-}
-
-.bug-feedback-modal__screenshot {
-  display: flex;
-  align-items: center;
-}
-
-.bug-feedback-modal__upload-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 14px;
-  border-radius: 8px;
-  border: 1px dashed var(--border-subtle);
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 13px;
-  cursor: pointer;
-  transition: border-color 0.15s;
-}
-
-.bug-feedback-modal__upload-btn:hover {
-  border-color: var(--accent);
-  color: var(--accent);
-}
-
-.bug-feedback-modal__preview {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.bug-feedback-modal__preview img {
-  width: 80px;
-  height: 60px;
-  object-fit: cover;
-  border-radius: 6px;
-  border: 1px solid var(--border-subtle);
-}
-
-.bug-feedback-modal__preview button {
-  padding: 4px 10px;
-  border-radius: 6px;
-  border: 1px solid var(--border-subtle);
-  background: transparent;
-  color: var(--fg-muted);
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.bug-feedback-modal__submit {
-  padding: 10px 20px;
-  border-radius: 8px;
-  border: none;
-  background: var(--accent);
-  color: #000;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: opacity 0.15s;
-}
-
-.bug-feedback-modal__submit:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.bug-feedback-modal__history {
-  min-height: 120px;
-}
-
-.bug-feedback-modal__empty {
-  text-align: center;
-  color: var(--fg-muted);
-  font-size: 13px;
-  padding: 32px 0;
-}
-
-.bug-feedback-modal__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.bug-feedback-modal__item {
-  padding: 12px;
-  border-radius: 10px;
-  background: var(--bg-subtle);
-  border: 1px solid var(--border-subtle);
-}
-
-.bug-feedback-modal__item-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 6px;
-}
-
-.bug-feedback-modal__item-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--fg-default);
-}
-
-.bug-feedback-modal__status {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 4px;
-}
-
-.bug-feedback-modal__status--pending {
-  background: rgba(255, 180, 0, 0.15);
-  color: #e6a700;
-}
-
-.bug-feedback-modal__status--approved {
-  background: rgba(0, 200, 80, 0.15);
-  color: #00c850;
-}
-
-.bug-feedback-modal__status--rejected {
-  background: rgba(255, 60, 60, 0.15);
-  color: #ff4040;
-}
-
-.bug-feedback-modal__item-desc {
-  font-size: 13px;
-  color: var(--fg-muted);
-  margin: 0 0 4px;
-  white-space: pre-wrap;
-}
-
-.bug-feedback-modal__item-note {
-  font-size: 12px;
-  color: var(--accent);
-  margin: 4px 0;
-}
-
-.bug-feedback-modal__item-date {
-  font-size: 11px;
-  color: var(--fg-muted);
-  opacity: 0.7;
-}

src/styles/index.css

@@ -38,6 +38,5 @@
 @import "./components/empty-state.css";
 @import "./components/page-transition.css";
 @import "./components/motion.css";
-@import "./components/bug-feedback-modal.css";
 @import "./themes/dark-green.css";
 @import "./pages/local-theme-parity.css";

src/styles/pages/profile.css

@@ -15,3 +15,10 @@
 .profile-page__works-scroll .profile-page__list-grid {
   grid-template-columns: repeat(3, 1fr); /* 固定3列，刚好3×3=9个可见 */
 }
+
+/* Dashboard uses natural page scrolling instead of a nested works scroller. */
+.profile-page--dashboard .profile-page__works-scroll {
+  max-height: none;
+  overflow: visible;
+  scrollbar-width: auto;
+}