优化UI细节

.env.development

@@ -1,6 +1,6 @@
 # 开发环境配置
-VITE_API_BASE_URL=https://techhaven.website:8080
-VITE_WS_URL=wss://techhaven.website:8080
+VITE_API_BASE_URL=https://techhaven.website
+VITE_WS_URL=wss://techhaven.website
 VITE_USE_PROXY=true
 VITE_REQUIRE_CREDENTIALS=false
 

package.json

@@ -18,20 +18,20 @@
     "check:agent-contract": "node scripts/check-agent-contract.mjs"
   },
   "dependencies": {
-    "axios": "^1.18.1",
+    "axios": "^1.20.0",
     "echarts": "^6.1.0",
     "hashids": "^2.3.0",
-    "i18next": "^26.4.7",
-    "katex": "^0.17.0",
-    "lucide-react": "^1.24.0",
-    "mermaid": "^11.16.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-i18next": "^17.0.20",
+    "i18next": "^26.5.4",
+    "katex": "^0.19.0",
+    "lucide-react": "^1.61.0",
+    "mermaid": "^12.2.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-i18next": "^17.1.0",
     "react-icons": "^5.7.0",
     "react-markdown": "^10.1.0",
-    "react-router-dom": "^7.18.1",
-    "react-syntax-highlighter": "^16.1.1",
+    "react-router-dom": "^7.18.4",
+    "react-syntax-highlighter": "^16.1.2",
     "rehype-katex": "^7.0.1",
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.1",
@@ -40,15 +40,15 @@
     "simplebar-react": "^3.3.2"
   },
   "devDependencies": {
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@types/node": "^26.6.5",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@vitejs/plugin-react": "^6.0.3",
-    "jsdom": "^30.0.1",
-    "prettier": "^3.9.5",
+    "@vitejs/plugin-react": "^6.1.2",
+    "jsdom": "^30.1.3",
+    "prettier": "^3.9.10",
     "typescript": "~7.0.2",
-    "vite": "^8.1.4",
-    "vitest": "^4.1.11"
+    "vite": "^8.3.5",
+    "vitest": "^5.0.5"
   }
 }

src/App.tsx

@@ -18,13 +18,11 @@ import RouterConfig from "./router/RouterConfig";
 import ThemeBackground from "./components/themeBackground";
 import SessionNotifier from "./components/auth/SessionNotifier";
 import { usePresenceConnection } from "./hooks/UseOnlineCount.ts";
-import { useDevToolsProtection } from "./hooks/UseDevToolsProtection.ts";
 import { initErrorCodes } from "./utils/ErrorCodes.ts";
 import "./utils/ErrorHandlers.ts"; // 注册业务 errno 处理器（1101 等）
 
 function AppContent() {
     usePresenceConnection();
-    useDevToolsProtection();
     useLanguageSync();
 
     // 启动时立即加载错误码（不依赖 settings）

src/components/articleList/ArticleList.module.css

@@ -28,26 +28,34 @@
     min-width: 0;
 }
 
+.scrollArea {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-height: 0;
+}
+
 .articles {
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }
 
-/* 胶囊布局：标题/搜索栏和分页固定，仅卡片区域滚动 */
+/* 胶囊布局：标题/搜索栏固定，卡片和分页一起滚动 */
 .articleListScrollable .listHeader {
     flex: 0 0 auto;
 }
 
-.articleListScrollable .articles {
-    flex: 1 1 auto;
-    min-height: 0;
-    overflow-x: hidden;
+.articleListScrollable .scrollArea {
+    overflow-x: clip;
     overflow-y: auto;
     overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+    contain: layout paint;
+    transform: translateZ(0);
 }
 
-.articleListScrollable .pagination {
+.articleListScrollable .articles {
     flex: 0 0 auto;
 }
 
@@ -64,6 +72,14 @@
     border: 1px solid var(--border-primary);
     box-shadow: none;
     position: relative;
+    transition:
+        transform 0.18s ease,
+        box-shadow 0.18s ease,
+        border-color 0.18s ease;
+}
+
+.articleItem:first-child:hover {
+    transform: none;
 }
 
 .articleItem:hover {
@@ -85,8 +101,7 @@
 
 .articleItem:hover::before {
     background: linear-gradient(180deg, var(--primary), var(--accent, #8b5cf6));
-    top: 12%;
-    bottom: 12%;
+    transform: scaleY(1.2);
 }
 
 .articleTitle {
@@ -152,9 +167,10 @@
 /* 分页样式 */
 .pagination {
     display: flex;
+    flex: 0 0 auto;
     justify-content: space-between;
     align-items: center;
-    margin-top: auto;
+    margin-top: 1rem;
     padding: 0.75rem 1rem;
     background-color: var(--card-bg);
     border-radius: 10px;