refactor(styles): 提取布局 mixin，派生主题色，消除硬编码与魔法数字

- 新增 _mixins.scss，统一 app-main / sidebar-scroll 高度计算
- _theme.scss 引入 SCSS 颜色令牌，menu-hover 改用 color-mix() 自动派生
- _variables.scss 新增 $sidebar-toggle-height 替代魔法数字 50px
- LeftLayout / TopLayout / MixLayout 中重复 calc 替换为 mixin 调用
- 修复 apifox / internal-doc demo 页面 tags-view 高度错误（34px→40px）
- 添加主题变量契约注释，方便后续新增主题

src/views/demo/api/apifox.vue

@@ -11,17 +11,15 @@
 </template>
 
 <style lang="scss" scoped>
-/** 关闭tag标签  */
+@use "@/styles/base/variables" as *;
+
 .page-container {
-  /* 50px = navbar = 50px */
-  height: calc(100vh - 50px);
+  height: calc(100vh - $navbar-height);
 }
 
-/** 开启tag标签  */
 .hasTagsView {
   .page-container {
-    /* 84px = navbar + tags-view = 50px + 34px */
-    height: calc(100vh - 84px);
+    height: calc(100vh - $navbar-height - $tags-view-height);
   }
 }
 </style>

src/views/demo/internal-doc.vue

@@ -4,17 +4,15 @@
   </div>
 </template>
 <style lang="scss" scoped>
-/** 关闭tag标签  */
+@use "@/styles/base/variables" as *;
+
 .page-container {
-  /* 50px = navbar = 50px */
-  height: calc(100vh - 50px);
+  height: calc(100vh - $navbar-height);
 }
 
-/** 开启tag标签  */
 .hasTagsView {
   .page-container {
-    /* 84px = navbar + tags-view = 50px + 34px */
-    height: calc(100vh - 84px);
+    height: calc(100vh - $navbar-height - $tags-view-height);
   }
 }