refactor: UI/UX 全面重构 — 设计系统统一

设计系统：
- uni.scss 扩展：间距/圆角/字体/阴影/动画 token 体系
- 新建 styles/mixins.scss：20+ 公共 mixin

页面重构（12 个页面）：
- 首页/记账/统计/账单/个人中心/预算/分类管理
- 群组管理/通知中心/管理员/用户管理/编辑资料

所有硬编码替换为设计 token：
- 颜色：#FFF8F0→$bg, #FFFFFF→$surface, #FF8C69→$primary 等
- 间距：40rpx→$space-xl, 24rpx→$space-md 等
- 字体：28rpx→$font-lg, 24rpx→$font-md 等
- 圆角：20rpx→$radius-lg, 40rpx→$radius-2xl 等
- 阴影：统一使用 $shadow-md/$shadow-sm

重复样式提取为 mixin：
- page-base, sticky-header, nav-bar, card, modal-mask
- tabs, tab, state-box, shimmer, flex-center 等

client/src/App.vue

@@ -49,10 +49,15 @@ onLaunch(() => {
 <style lang="scss">
 @import './uni.scss';
 
+// 全局盒模型
+view, text, image, input, textarea, scroll-view, picker {
+  box-sizing: border-box;
+}
+
 page {
-  background-color: #FFF8F0;
+  background-color: $bg;
   font-family: 'Nunito', 'PingFang SC', sans-serif;
-  color: #2D1B1B;
+  color: $text;
   -webkit-font-smoothing: antialiased;
 }
 </style>