diff --git a/src/App.vue b/src/App.vue
index 8f93f82..de3164c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,9 @@ onLaunch(() => {
 })
 </script>
 
-<style>
+<style lang="scss">
+@import './styles/variables.scss';
+
 /* 设计系统 CSS 变量 */
 :root {
   /* 主色调 */
@@ -60,14 +62,33 @@ onLaunch(() => {
 }
 
 /* 全局样式重置 */
-page {
+page,
+body,
+#app,
+uni-app,
+uni-page,
+uni-page-body {
   background-color: var(--museum-bg-light);
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family: var(--museum-font-family);
   font-size: 14px;
   color: var(--museum-text-primary);
   line-height: 1.5;
 }
 
+view,
+text,
+button,
+input,
+textarea,
+uni-view,
+uni-text,
+uni-button,
+uni-input,
+uni-textarea,
+:where(#app, uni-app, uni-page, uni-page-body) * {
+  font-family: inherit;
+}
+
 /* 通用工具类 */
 .flex {
   display: flex;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index f796353..dd8e76a 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,5 +1,8 @@
 /* CSS 变量定义 */
 :root {
+  /* 字体 */
+  --museum-font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', '鸿蒙黑体', 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', Arial, sans-serif;
+
   /* 主色调 */
   --museum-accent: #E0DF00;
   --museum-accent-dark: #C2C600;