diff --git a/src/components/navbar/index.module.scss b/src/components/navbar/index.module.scss
index 6c95b62..0db7bc8 100644
--- a/src/components/navbar/index.module.scss
+++ b/src/components/navbar/index.module.scss
@@ -17,11 +17,14 @@
   z-index: 1;
 }
 
-.backIcon {
-  font-size: 48px;
-  color: $color-text;
-  font-weight: 300;
-  line-height: 1;
+// 纯 CSS 线条箭头：border 拼接旋转 45°，粗细均匀无字体差异
+.backArrow {
+  width: 20px;
+  height: 20px;
+  border-left: 3px solid $color-text;
+  border-bottom: 3px solid $color-text;
+  transform: rotate(45deg);
+  margin-left: 8px;
 }
 
 // 绝对定位居中：与 back 按钮是否存在无关，免手动平衡宽度
diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
index 2dfdc0d..688fdc9 100644
--- a/src/components/navbar/index.tsx
+++ b/src/components/navbar/index.tsx
@@ -39,7 +39,7 @@ export function Navbar({
     >
       {autoBack && (
         <View className={styles.back} onClick={handleBack}>
-          <Text className={styles.backIcon}>‹</Text>
+          <View className={styles.backArrow} />
         </View>
       )}
       <Text className={styles.title}>{title}</Text>