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

## 变更内容

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

## 验证

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

src/components/cloud/MiniLocationMap.vue

@@ -101,7 +101,7 @@ onBeforeUnmount(() => {
   <div v-if="hasCoordinates" class="mt-5 overflow-hidden border border-slate-200 bg-white">
     <div class="flex items-center justify-between border-b border-slate-200 px-4 py-3">
       <div>
-        <p class="text-xs uppercase tracking-[0.18em] text-slate-500">位置地图</p>
+        <p class="oc-section-label">位置地图</p>
         <p class="mt-1 text-sm font-medium text-slate-900">{{ locationName || '拍摄位置' }}</p>
       </div>
       <p class="text-right text-[11px] leading-5 text-slate-500">