fix(kb): improve knowledge base responsive layout

[lxfight]

Modifications / 改动点

Frontend / 前端

• 改进知识库界面的响应式设计，提升移动端和平板体验
• 优化不同屏幕尺寸下的布局
• 增强移动端导航体验
• 调整各种屏幕尺寸下的间距和内边距

主要修改文件：

• 知识库相关 Vue 组件的样式调整

改动统计： +114/-11 行

• This is NOT a breaking change. / 这不是一个破坏性变更。

Screenshots or Test Results / 运行截图或测试结果

测试场景：

• ✅ 桌面端 (1920px+) - 布局正常
• ✅ 平板 (768px - 1024px) - 自适应良好
• ✅ 移动端 (< 768px) - 导航和内容适配

---

Checklist / 检查清单

• 😊 If there are new features added in the PR, I have discussed it with the authors through issues/emails, etc.
  / 如果 PR 中有新加入的功能，已经通过 Issue / 邮件等方式和作者讨论过。

• 👀 My changes have been well-tested, and "Verification Steps" and "Screenshots" have been provided above.
  / 我的更改经过了良好的测试，并已在上方提供了验证步骤和运行截图。

• 🤓 I have ensured that no new dependencies are introduced, OR if new dependencies are introduced, they have been added to the appropriate locations in requirements.txt and pyproject.toml.
  / 我确保没有引入新依赖库，或者引入了新依赖库的同时将其添加到 requirements.txt 和 pyproject.toml 文件相应位置。

• 😮 My changes do not introduce malicious code.
  / 我的更改没有引入恶意代码。

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}