feat(frontend): Align admin and user API integration

frontend/video-frontend-web/src/styles/index.scss

@@ -11,13 +11,13 @@ html,
 body {
   width: 100%;
   min-height: 100vh;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+  font-family: 'PingFang SC', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
     'Noto Color Emoji';
   font-size: 14px;
   line-height: 1.5;
-  color: #333;
-  background-color: #f4f4f4;
+  color: #18191c;
+  background-color: #f6f7fb;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -86,8 +86,8 @@ select {
 // 主题变量
 :root {
   // 主色调
-  --primary-color: #00a1d6;
-  --primary-hover-color: #00b5e2;
+  --primary-color: #fb7299;
+  --primary-hover-color: #ff85ad;
 
   // 辅助色
   --success-color: #52c41a;
@@ -97,27 +97,27 @@ select {
 
   // 粉色（B站风格）
   --pink-color: #fb7299;
-  --pink-hover-color: #fc8bab;
+  --pink-hover-color: #ff85ad;
 
   // 文字颜色
-  --text-primary: #333;
-  --text-secondary: #666;
-  --text-tertiary: #999;
+  --text-primary: #18191c;
+  --text-secondary: #61666d;
+  --text-tertiary: #9499a0;
   --text-white: #fff;
 
   // 背景颜色
-  --bg-primary: #f4f4f4;
+  --bg-primary: #f6f7fb;
   --bg-secondary: #fff;
-  --bg-tertiary: #f9f9f9;
+  --bg-tertiary: #f1f2f3;
 
   // 边框颜色
-  --border-color: #e5e5e5;
-  --border-light: #f0f0f0;
+  --border-color: #e3e5e7;
+  --border-light: #f1f2f3;
 
   // 阴影
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --shadow-sm: 0 4px 16px rgba(15, 23, 42, 0.04);
+  --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.08);
+  --shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.12);
 
   // 圆角
   --radius-sm: 4px;