update

docs/.vitepress/theme/styles.css

@@ -1,18 +1,57 @@
 :root {
-  --vp-c-brand-1: #424242;
-  --vp-c-brand-2: #5f5f5f;
-  --vp-c-brand-3: #232321;
+  --vp-c-brand-1: #2296F2;
+  --vp-c-brand-2: #4ba8f5;
+  --vp-c-brand-3: #1a7ecf;
+  --vp-nav-bg-color: rgba(255, 255, 255, 0.7);
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: linear-gradient(120deg, #232321 30%, #6b7280);
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #424242 50%, #d1d5db 50%);
-  --vp-home-hero-image-filter: blur(56px);
+  --vp-home-hero-name-background: linear-gradient(135deg, #2296F2 0%, #4ba8f5 50%, #87cdff 100%);
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #e5e7eb 0%, #9ca3af 50%, #f3f4f6 100%);
+  --vp-home-hero-image-filter: blur(52px);
 }
 
+.dark {
+  --vp-nav-bg-color: rgba(27, 27, 31, 0.7);
+}
+
+/* 导航栏毛玻璃效果 */
+.VPNav {
+  backdrop-filter: blur(8px);
+}
+
+/* Hero 图片 */
 .VPHomeHero .image-src {
-  max-width: 600px;
-  border-radius: 1rem;
+  max-width: 320px;
+  border-radius: 1.2rem;
 }
 
+/* Feature 卡片 */
 .VPFeature {
-  border-color: rgba(66, 66, 66, 0.12);
+  border-color: rgba(34, 150, 242, 0.15);
+  transition: box-shadow 0.25s, border-color 0.25s;
+}
+
+.VPFeature:hover {
+  box-shadow: 0 4px 20px rgba(34, 150, 242, 0.12);
+  border-color: rgba(34, 150, 242, 0.35);
+}
+
+/* 首页预览截图 */
+.vp-doc img {
+  display: block;
+  margin: 1.5rem auto;
+  max-width: 100%;
+  border-radius: 12px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/* 暗色模式 */
+.dark .VPFeature:hover {
+  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.18);
+}
+
+.dark .VPHome .vp-doc img {
+  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.45);
+  border-color: rgba(255, 255, 255, 0.08);
 }