refactor(styles): 建立统一的生产级样式体系 (#4)

## 变更内容

- 将全局样式拆分为设计令牌、基础规则和语义组件层
- 集中管理 Naive UI 主题配置
- 迁移页面容器、表单、信息面板和按钮等重复样式
- 增加样式体系文档与自动契约检查

## 验证

- `npm run check:styles`
- `npm run build`Reviewed-on: #4

src/views/profile/ProfileSettingsView.vue

@@ -86,9 +86,9 @@ async function savePassword() {
       </RouterLink>
 
       <div class="mt-6">
-        <p class="text-sm font-semibold uppercase tracking-[0.24em] text-sky-700">Account Settings</p>
-        <h1 class="mt-3 text-4xl font-bold text-slate-900">个人资料设置</h1>
-        <p class="mt-4 max-w-2xl text-sm leading-7 text-slate-600">
+        <p class="oc-page-eyebrow">Account Settings</p>
+        <h1 class="oc-page-title">个人资料设置</h1>
+        <p class="oc-page-description">
           修改公开昵称和登录密码。昵称会显示在画廊、图鉴和地图中，且不能与其他用户重复。
         </p>
       </div>