收敛监控页趋势图样式

app/admin/_components/MonitorTab.tsx

@@ -492,7 +492,7 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
           <div className="flex items-center gap-3">
             {refreshing && (
               <span className={cn('text-xs flex items-center gap-1', textDesc)}>
-                <span className="inline-block h-3 w-3 rounded-full border-2 border-slate-300 border-t-indigo-500 animate-spin" />
+                <span className="inline-block h-3 w-3 rounded-full border-2 border-slate-300 border-t-slate-600 animate-spin dark:border-slate-700 dark:border-t-slate-300" />
                 后台同步中...
               </span>
             )}
@@ -554,7 +554,7 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
           const CardContent = (
             <div className="p-5">
               <div className="flex items-center gap-4">
-                <span className={cn('h-10 w-1 rounded-full', card.accentClass)} aria-hidden="true" />
+                <span className={cn('h-10 w-1 rounded-sm', card.accentClass)} aria-hidden="true" />
                 <dl className="min-w-0 flex-1">
                   <dt className={cn('text-sm font-medium truncate', textLabel)}>{card.label}</dt>
                   <dd className={cn('text-2xl font-semibold mt-1', textValue)}>{card.getValue(data)}</dd>
@@ -602,9 +602,9 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
                   return (
                     <div key={item.date} className="flex flex-col items-center min-w-[40px]">
                       <span className={cn('text-xs font-semibold mb-2', textValue)}>{item.count}</span>
-                      <div className="w-7 h-44 rounded-full bg-slate-200 dark:bg-slate-700 flex items-end overflow-hidden">
+                      <div className="w-7 h-44 rounded-sm bg-slate-200 dark:bg-slate-700 flex items-end overflow-hidden">
                         <div
-                          className="w-full bg-indigo-600 dark:bg-indigo-500 transition-all"
+                          className="w-full bg-slate-600 transition-colors dark:bg-slate-400"
                           style={{ height: `${barHeight}%` }}
                         />
                       </div>
@@ -625,7 +625,7 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
             {monthlyUploads.length > 0 && (
               <div className={cn('text-sm font-medium', textValue)}>
                 最近月份上传:
-                <span className="ml-1 text-purple-600 dark:text-purple-400">
+                <span className="ml-1 text-slate-900 dark:text-slate-100">
                   {monthlyUploads[monthlyUploads.length - 1]?.count || 0}
                 </span>
               </div>
@@ -639,9 +639,9 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
                   return (
                     <div key={item.date} className="flex flex-col items-center min-w-[48px]">
                       <span className={cn('text-xs font-semibold mb-2', textValue)}>{item.count}</span>
-                      <div className="w-8 h-44 rounded-full bg-slate-200 dark:bg-slate-700 flex items-end overflow-hidden">
+                      <div className="w-8 h-44 rounded-sm bg-slate-200 dark:bg-slate-700 flex items-end overflow-hidden">
                         <div
-                          className="w-full bg-purple-600 dark:bg-purple-500 transition-all"
+                          className="w-full bg-slate-600 transition-colors dark:bg-slate-400"
                           style={{ height: `${barHeight}%` }}
                         />
                       </div>
@@ -928,7 +928,7 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
         <div className="space-y-2 max-h-96 overflow-y-auto">
           {loadingMaterialLogs ? (
             <div className={cn('text-center py-8', textDesc)}>
-              <span className="inline-block h-4 w-4 rounded-full border-2 border-slate-300 border-t-indigo-500 animate-spin mr-2" />
+              <span className="mr-2 inline-block h-4 w-4 rounded-full border-2 border-slate-300 border-t-slate-600 animate-spin dark:border-slate-700 dark:border-t-slate-300" />
               加载中...
             </div>
           ) : materialLogs.length === 0 ? (
@@ -937,14 +937,14 @@ export default function MonitorTab({ showToast }: MonitorTabProps) {
             materialLogs.map((log) => {
               const cardColorMap: Record<string, string> = {
                 upload: 'border-green-500/50 bg-green-50/50 dark:bg-green-900/20',
-                update: 'border-blue-500/50 bg-blue-50/50 dark:bg-blue-900/20',
+                update: 'border-slate-300 bg-slate-50 dark:border-slate-700 dark:bg-slate-800/50',
                 delete: 'border-red-500/50 bg-red-50/50 dark:bg-red-900/20',
                 toggle: 'border-amber-500/50 bg-amber-50/50 dark:bg-amber-900/20',
               }
 
               const badgeColorMap: Record<string, string> = {
                 upload: 'bg-green-500 text-white',
-                update: 'bg-blue-500 text-white',
+                update: 'bg-slate-600 text-white dark:bg-slate-500',
                 delete: 'bg-red-500 text-white',
                 toggle: 'bg-amber-500 text-white',
               }
@@ -1022,7 +1022,7 @@ const OVERVIEW_CARDS: Array<{
   },
   {
     label: '总素材数',
-    accentClass: 'bg-indigo-500 dark:bg-indigo-400',
+    accentClass: 'bg-slate-500 dark:bg-slate-400',
     getValue: (data) => data.overview.totalMaterials,
     href: '/',
   },

docs/商业化地基排查问题清单_20260524.md

@@ -963,7 +963,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `lib/ui-styles-base.ts`：已把 Hook 样式源头里的卡片、按钮、输入框、导航、弹窗从大圆角、毛玻璃、强阴影和缩放动画收敛为普通边框、普通圆角和轻量状态变化。
 - `lib/ui-theme-colors-light.ts`、`lib/ui-theme-colors-dark.ts`：已把彩虹、玻璃、霓虹、强阴影等兼容字段映射为普通背景、普通边框和少量语义色。
 - `components/ui/Tag.tsx`：已把标签从彩色胶囊和放大动效改为中性后台标签。
-- `app/admin/_components/MonitorTab.tsx`：系统监控页已完成第一轮收口，移除大圆角重阴影页头、英文 `System Monitor` 眉标、emoji 标题、彩色发光指标和 hover 放大。
+- `app/admin/_components/MonitorTab.tsx`：系统监控页已完成第二轮收口，移除大圆角重阴影页头、英文 `System Monitor` 眉标、emoji 标题、彩色发光指标、hover 放大、紫蓝圆头柱状图和靛蓝加载圈。
 - `app/admin/_components/CategoriesTab.tsx`：分类管理页已完成第二轮收口，页头改为普通 `rounded-lg border` 工具区，英文 `Category Management` 眉标已删除；左侧列表、字段编辑区、排序/重命名按钮和添加选项入口不再使用大圆角、圆形按钮、靛蓝拖拽态、重阴影和玻璃效果。
 - `app/share/[id]/page.tsx`：公开分享页已移除 `AI改图（预留）` 未完成功能入口，卡片和标签从大圆角、重阴影、彩色胶囊收敛为普通圆角、轻阴影和中性标签。
 - `components/Header.tsx`：顶部导航和首页收缩态搜索区已移除毛玻璃、重阴影、下拉动画和按压缩放，改成实色背景、普通边框、轻阴影和中性按钮。
@@ -1009,7 +1009,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - 删除头部动态光晕、浮动光球、hover 大阴影。
 - 页面说明只在空状态、帮助入口或 tooltip 里出现，不放在每个 Tab 首屏。
 - 已推进：`app/admin/_components/UsersTab.tsx` 的用户管理头部已从大 Hero 卡片收敛为普通后台工具区；最高权限 / 管理员标识已从紫粉渐变胶囊改为中性徽章。
-- 已推进：`app/admin/_components/MonitorTab.tsx` 的监控页头部已从展示页式大卡片收敛为普通后台工具区；指标卡改为中性竖线标识，不再使用 emoji 圆形图标和发光阴影。
+- 已推进：`app/admin/_components/MonitorTab.tsx` 的监控页头部、指标卡和上传趋势图已从展示页式大卡片、彩色圆形/圆头视觉收敛为普通后台工具区、中性竖线标识和矩形灰色柱状条。
 - 已推进：`app/admin/_components/CategoriesTab.tsx` 的分类管理页头部、左侧列表、字段启用编辑态、排序/重命名工具按钮和可添加字段列表已完成第二轮工作台化收口。
 - 已推进：`app/admin/_components/AppearanceSettingsPanel.tsx` 的外观设置页已完成第一轮工作台化收口，文档中过期的 `Appearance Studio`、浮动光球和动态背景证据已修正。
 - 已推进：`app/admin/_components/DepartmentsTab.tsx` 的部门管理页头部和组织树操作按钮已完成第一轮工作台化收口。