fix: 修复页面布局和优化使用文档页面

- 修复 sticky footer 布局问题，确保内容不足时页面占满视口高度
- 优化使用文档页面，移除冗余的背景装饰和页脚信息
- 添加 chrome-devtools MCP 工具配置

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: zsio

.mcp.json

@@ -12,6 +12,10 @@
         "shadcn@latest",
         "mcp"
       ]
+    },
+    "chrome-devtools": {
+      "command": "npx",
+      "args": ["-y", "chrome-devtools-mcp@latest"]
     }
   }
 }

src/app/globals.css

@@ -117,7 +117,11 @@
   * {
     @apply border-border outline-ring/50;
   }
+  html {
+    height: 100%;
+  }
   body {
     @apply bg-background text-foreground;
+    min-height: 100%;
   }
 }

src/app/usage-doc/page.tsx

@@ -266,21 +266,14 @@ export default function UsageDocPage() {
     <div className="relative flex gap-8">
       {/* 左侧主文档 */}
       <div className="flex-1">
-        {/* 背景装饰 */}
-        <div className="absolute inset-0 -z-10 mx-auto max-w-7xl">
-          <div className="absolute left-1/2 top-0 -translate-x-1/2 w-[200%] h-48 bg-gradient-to-b from-primary/5 to-transparent rounded-[100%] blur-3xl" />
-        </div>
+        
 
         {/* 文档容器 */}
         <div className="relative bg-card rounded-xl shadow-sm border p-8 md:p-12">
           {/* 文档内容 */}
           <UsageDocContent origin={serviceOrigin} />
         </div>
 
-        {/* 页脚信息 */}
-        <div className="mt-12 text-center text-sm text-muted-foreground">
-          <p>文档持续更新中 • 最后更新: {new Date().toLocaleDateString('zh-CN')}</p>
-        </div>
       </div>
 
       {/* 右侧目录导航 */}