first commit

src/styles/global.css

@@ -0,0 +1,12 @@
+.container {
+    padding: 0 1.5rem;
+}
+
+.news-link {
+    color: black;
+    text-decoration: none;
+}
+
+.news-link:hover {
+    color: var(--hover-color);
+}

src/styles/theme.css

@@ -0,0 +1,45 @@
+:root {
+  /* 主色调 */
+  --primary-color: #2563eb;
+  --primary-light: #3b82f6;
+  --primary-dark: #1d4ed8;
+  
+  /* 背景色 */
+  --bg-primary: #ffffff;
+  --bg-secondary: #f8fafc;
+  --bg-tertiary: #f1f5f9;
+  
+  /* 文字颜色 */
+  --text-primary: #1e293b;
+  --text-secondary: #475569;
+  --text-tertiary: #64748b;
+  
+  /* 边框和分割线 */
+  --border-color: #e2e8f0;
+  --divider-color: #f1f5f9;
+  
+  /* 状态颜色 */
+  --success-color: #10b981;
+  --warning-color: #f59e0b;
+  --error-color: #ef4444;
+  
+  /* 渐变 */
+  --gradient-primary: linear-gradient(120deg, #3b82f6 0%, #2563eb 100%);
+  --gradient-light: linear-gradient(120deg, #f0f9ff 0%, #e0f2fe 100%);
+  
+  /* 阴影 */
+  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  
+  /* 圆角 */
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+
+
+
+  --black-color: #000000;
+  --hover-color: #e63939;
+}