refactor: 迁移 sass 模块语法

AGENTS.md

@@ -35,7 +35,7 @@
 - 静态样式禁止直接写在模板的 `style=""` 上；改成语义类名并落到 `scss` 文件。
 
 ## Vue 文件拆分规范
-- 页面入口固定为 `src/pages/**/index.vue`，只保留模板、薄胶水脚本和 `@import './styles/index.scss'`；业务加载、计算、提交流程统一下沉到 `composables/useXxxPage.ts`。
+- 页面入口固定为 `src/pages/**/index.vue`，只保留模板、薄胶水脚本和 `@use './styles/index.scss'`；业务加载、计算、提交流程统一下沉到 `composables/useXxxPage.ts`。
 - 复杂页面必须继续二级拆分到 `src/pages/**/composables/<page-key>/`，至少按 `helpers.ts`、`*actions.ts`、`constants.ts` 这类职责拆开，不要把大段流程重新塞回 `useXxxPage.ts`。
 - 页面样式固定放在 `src/pages/**/styles/`，`styles/index.scss` 只负责聚合；当样式超过 150 行或已经出现多个视觉域时，必须拆成 `base.scss`、`card.scss`、`submit.scss` 这类分片。
 - 根组件固定使用目录入口：`src/components/<kebab-name>/index.vue`，并通过 `@/components/<kebab-name>/index.vue` 引用，不再新增平铺的 `src/components/*.vue`。