本次更新对手机版界面进行了现代化视觉优化，保留 Discuz! 原有配色方案，在保持熟悉感的同时提升交互体验与视觉精致度。

一、设计系统升级
新增 CSS 变量体系
统一四级圆角规范：4px / 8px / 10px / 12px
三级阴影层级：轻度 / 中度 / 重度，用于区分界面层级
统一过渡动画曲线：0.2s ease

二、底部导航栏优化
背景升级为 毛玻璃效果（backdrop-filter），通透现代
移除生硬边框，改用顶部柔和阴影
高度优化为 60px，图标适当放大
选中状态文字加粗，提升辨识度

三、顶部搜索框优化
搜索框背景改为 半透明毛玻璃
圆角更圆润（20px），与头部融合更自然
搜索图标颜色优化

四、按钮交互升级
所有主按钮增加 点击缩放反馈（按压时轻微缩小）
增加过渡动画，操作更有质感
圆角统一为 8px

五、用户中心卡片优化
用户统计卡片、信息列表、图标菜单移除实线边框
增加柔和阴影，界面层级更清晰
圆角统一为 10px

六、内容页阅读体验
标题字号加大至 22px，字重加粗，更易阅读
正文行高优化为 1.8，阅读更舒适
图片圆角和间距增加，更美观

七、全局动画效果（本次重点）
页面加载动画
页面内容淡入显示
顶部模块（幻灯、头条、统计）从上方滑入
帖子列表按顺序依次从下方滑入，形成瀑布式进入效果
点击交互反馈
图片点击放大 1.05 倍
头像点击放大 1.06 倍
版块图标点击放大 1.08 倍
标签徽章（置顶/精华/锁定）点击缩小 0.95 倍
列表项点击时背景变灰
翻页按钮点击时缩小并变色
卡片按压时阴影加深
焦点状态优化
输入框聚焦时内阴影扩散
搜索框聚焦时边框高亮
链接颜色变化平滑过渡
微动效
底部导航选中图标轻微脉冲呼吸
返回顶部按钮悬浮上移
弹窗（提示框、登录框）缩放淡入

八、圆角统一规范
以下模块圆角已统一标准化：
输入框、选择框：4px
按钮、图片、翻页、标签：8px
用户卡片、Cell 组件、相册：10px
弹窗、登录框：12px

九、配色说明
本次更新完全保留 Discuz! 原有配色，包括：
站点主色调（由管理员自定义）
功能色（红色警告、橙色提醒、绿色成功等）
文字层级色（主文字、辅助文字、禁用文字等）
背景层级色（页面底色、卡片底色、深色背景等）
未引入任何外来配色方案，确保与现有风格一致。

更新方式
更新文件：template/default/touch/common/common.css
更新后请在后台 "工具" → "更新缓存" 使改动生效，或手动删除 data/cache/ 目录下以 style_ 开头且包含 touch_common 的缓存文件。