fix(theme): restore accent color system, redesign sidebar and report pages

src/pages/ChatAnalyticsHubPage.tsx

@@ -8,44 +8,44 @@ function ChatAnalyticsHubPage() {
   return (
     <div className="analytics-hub">
       <div className="analytics-hub-inner">
-        <h1 className="analytics-hub-title">聊天分析</h1>
-        <p className="analytics-hub-desc">
-          选择你要进入的分析视角。私聊分析适合查看好友聊天统计，群聊分析则用于查看群成员活跃度。
-        </p>
+        <div className="analytics-hub-hero">
+          <h1 className="analytics-hub-title">聊天分析</h1>
+          <p className="analytics-hub-desc">
+            选择你要进入的分析视角，深入了解关系网络、活跃时段与消息趋势。
+          </p>
+        </div>
+
+        <div className="analytics-hub-perspectives">
+          <div className="analytics-hub-perspectives-label">视角</div>
 
-        <div className="analytics-hub-grid">
           <button
             type="button"
-            className="analytics-hub-card"
+            className="analytics-hub-row"
             onClick={() => navigate('/analytics/private')}
           >
-            <div className="analytics-hub-card-icon">
-              <MessageSquare size={22} />
+            <div className="analytics-hub-row-icon">
+              <MessageSquare size={18} />
             </div>
-            <div className="analytics-hub-card-body">
-              <div className="analytics-hub-card-header">
-                <h2>私聊分析</h2>
-                <ArrowRight size={16} className="analytics-hub-card-arrow" />
-              </div>
-              <p>查看好友聊天统计、消息趋势、活跃时段与联系人排名。</p>
+            <div className="analytics-hub-row-body">
+              <div className="analytics-hub-row-title">私聊分析</div>
+              <div className="analytics-hub-row-desc">查看好友聊天统计、消息趋势、活跃时段与联系人排名。</div>
             </div>
+            <ArrowRight size={16} className="analytics-hub-row-arrow" />
           </button>
 
           <button
             type="button"
-            className="analytics-hub-card"
+            className="analytics-hub-row"
             onClick={() => navigate('/analytics/group')}
           >
-            <div className="analytics-hub-card-icon analytics-hub-card-icon--group">
-              <Users size={22} />
+            <div className="analytics-hub-row-icon analytics-hub-row-icon--group">
+              <Users size={18} />
             </div>
-            <div className="analytics-hub-card-body">
-              <div className="analytics-hub-card-header">
-                <h2>群聊分析</h2>
-                <ArrowRight size={16} className="analytics-hub-card-arrow" />
-              </div>
-              <p>查看群成员信息、发言排行、活跃时段和媒体内容统计。</p>
+            <div className="analytics-hub-row-body">
+              <div className="analytics-hub-row-title">群聊分析</div>
+              <div className="analytics-hub-row-desc">查看群成员信息、发言排行、活跃时段和媒体内容统计。</div>
             </div>
+            <ArrowRight size={16} className="analytics-hub-row-arrow" />
           </button>
         </div>
       </div>