diff --git a/.github/styles.css b/.github/styles.css
new file mode 100644
index 00000000..dfb5a8d2
--- /dev/null
+++ b/.github/styles.css
@@ -0,0 +1,51 @@
+/* 贡献者卡片悬停动画 */
+a:hover div[style*="background: #f8f9fa"] {
+    transform: translateY(-3px);
+    box-shadow: 0 4px 12px rgba(52,152,219,0.15);
+}
+
+/* 头像悬浮效果 */
+img[alt="Contributor"] {
+    transition: transform 0.3s ease-in-out;
+}
+
+a:hover img[alt="Contributor"] {
+    transform: rotate(8deg) scale(1.05);
+}
+
+/* 表格样式 */
+table {
+    border-collapse: collapse;
+    width: 100%;
+    background: #f8f9fa;
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+td, th {
+    padding: 12px 16px;
+    border-bottom: 1px solid #e9ecef;
+    text-align: left;
+}
+
+th {
+    background: rgb(218, 229, 239);
+    color: white;
+}
+
+a {
+    color: #3498db;
+    text-decoration: none;
+    border-bottom: 1px dashed rgba(190, 190, 190, 0.3);
+}
+
+/* 隐藏 Firefox 的默认三角 */
+summary::-webkit-details-marker {
+    display: none !important;
+}
+
+/* 隐藏 Webkit 内核的默认三角 */
+summary::marker {
+    display: none !important;
+    content: '' !important;
+} 
\ No newline at end of file
diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
new file mode 100644
index 00000000..47f2c3cd
--- /dev/null
+++ b/.github/workflows/deploy-docs.yml
@@ -0,0 +1,27 @@
+name: Deploy Documentation
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          
+      - name: Install Dependencies
+        run: npm install -g docsify-cli
+        
+      - name: Deploy Documentation
+        run: |
+          docsify serve docs --port 3000
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 
\ No newline at end of file
diff --git a/README.md b/README.md
index c1f3b4ba..75264fc1 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+<link rel="stylesheet" href=".github/styles.css">
+
 <style>
 /* 贡献者卡片悬停动画 */
 a:hover div[style*="background: #f8f9fa"] {