diff --git a/app.wxss b/app.wxss
index a390cae..78aaf3c 100644
--- a/app.wxss
+++ b/app.wxss
@@ -2,6 +2,8 @@ page {
   --text: #333333;
   --text-secondary: #999999;
   --bg: #F5F5F5;
+  --bg-gradient-start: #F5F5F5;
+  --bg-gradient-end: #FAFAFA;
   --card-bg: #FFFFFF;
   --success: #4CAF50;
   --border: #EEEEEE;
@@ -10,10 +12,18 @@ page {
     'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
   font-size: 28rpx;
   color: var(--text);
-  background-color: var(--bg) !important;
+  background: linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%) !important;
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
+/* dark mode overrides */
+@media (prefers-color-scheme: dark) {
+  page {
+    --bg-gradient-start: #0F0F12;
+    --bg-gradient-end: #14141A;
+  }
+}
+
 .container {
   padding: 24rpx;
   padding-bottom: calc(134rpx + env(safe-area-inset-bottom));