feat(web): 官网移动端适配

- 导航栏：≤768 隐藏横向链接，显示汉堡按钮；点击展开下拉菜单，含全部链接和 CTA
- 新增 ≤600 手机断点：footer 单列、grid 单列、container 内边距收窄、标题字号下调
- 首页：≤768 隐藏 Hero mock 预览（装饰性），≤600 CTA 按钮纵向排列
- features 页（库存/审批）：hamburger 导航、≤768 隐藏 composite 视觉、≤600 footer 单列
- 文档页（docs.css）：≤600 表格横向可滚
- 下载页：≤600 平台卡片单列排列

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

web/index.njk

@@ -170,6 +170,19 @@ details[open] .faq-q .icon { transform: rotate(45deg); }
   .hero h1 { font-size: 40px; }
   .roles-row { grid-template-columns: 140px 1fr repeat(4, 60px); padding: 12px 16px; }
 }
+@media (max-width: 768px) {
+  /* Hide decorative app preview on mobile to prevent overflow */
+  .preview-shell { display: none; }
+}
+@media (max-width: 600px) {
+  .hero h1 { font-size: 28px; }
+  .hero p.lead { font-size: var(--text-md); }
+  .hero-cta { flex-direction: column; }
+  .hero-cta .btn { width: 100%; justify-content: center; }
+  .module-card.feature-card { grid-column: span 1; }
+  .roles-row { grid-template-columns: 1fr; }
+  .roles-table .roles-row > *:nth-child(n+3) { display: none; }
+}
 </style>
 
 <!-- ====================== HERO ====================== -->