diff --git a/app/src/main/res/drawable/bg_button_primary.xml b/app/src/main/res/drawable/bg_button_primary.xml
new file mode 100644
index 0000000..645c939
--- /dev/null
+++ b/app/src/main/res/drawable/bg_button_primary.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true">
+        <shape>
+            <solid android:color="@color/accent_dark" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+    <item>
+        <shape>
+            <solid android:color="@color/accent" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_button_secondary.xml b/app/src/main/res/drawable/bg_button_secondary.xml
new file mode 100644
index 0000000..a6c8bf9
--- /dev/null
+++ b/app/src/main/res/drawable/bg_button_secondary.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true">
+        <shape>
+            <solid android:color="@color/accent_soft" />
+            <stroke
+                android:width="1dp"
+                android:color="@color/accent" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+    <item>
+        <shape>
+            <solid android:color="@color/surface" />
+            <stroke
+                android:width="1dp"
+                android:color="@color/card_border" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_button_tonal.xml b/app/src/main/res/drawable/bg_button_tonal.xml
new file mode 100644
index 0000000..7dfb352
--- /dev/null
+++ b/app/src/main/res/drawable/bg_button_tonal.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true">
+        <shape>
+            <solid android:color="@color/accent_soft_pressed" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+    <item>
+        <shape>
+            <solid android:color="@color/accent_soft" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_card_surface.xml b/app/src/main/res/drawable/bg_card_surface.xml
new file mode 100644
index 0000000..bccf573
--- /dev/null
+++ b/app/src/main/res/drawable/bg_card_surface.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/surface" />
+    <stroke
+        android:width="1dp"
+        android:color="@color/card_border" />
+    <corners android:radius="24dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_hero_panel.xml b/app/src/main/res/drawable/bg_hero_panel.xml
new file mode 100644
index 0000000..53b58e3
--- /dev/null
+++ b/app/src/main/res/drawable/bg_hero_panel.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="315"
+        android:endColor="@color/hero_end"
+        android:startColor="@color/hero_start" />
+    <corners android:radius="28dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_info_panel.xml b/app/src/main/res/drawable/bg_info_panel.xml
new file mode 100644
index 0000000..16538ec
--- /dev/null
+++ b/app/src/main/res/drawable/bg_info_panel.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/panel_bg" />
+    <stroke
+        android:width="1dp"
+        android:color="@color/card_border" />
+    <corners android:radius="18dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_input.xml b/app/src/main/res/drawable/bg_input.xml
new file mode 100644
index 0000000..6947465
--- /dev/null
+++ b/app/src/main/res/drawable/bg_input.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_focused="true">
+        <shape>
+            <solid android:color="@color/surface" />
+            <stroke
+                android:width="2dp"
+                android:color="@color/accent" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+    <item>
+        <shape>
+            <solid android:color="@color/surface" />
+            <stroke
+                android:width="1dp"
+                android:color="@color/card_border" />
+            <corners android:radius="16dp" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_screen_gradient.xml b/app/src/main/res/drawable/bg_screen_gradient.xml
new file mode 100644
index 0000000..42434b1
--- /dev/null
+++ b/app/src/main/res/drawable/bg_screen_gradient.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="270"
+        android:endColor="@color/surface_alt"
+        android:startColor="@color/screen_bg" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index eba8ffa..ae39ef6 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -2,123 +2,203 @@
 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/screen_bg"
+    android:background="@drawable/bg_screen_gradient"
+    android:clipToPadding="false"
     android:fillViewport="true">
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical"
-        android:paddingLeft="20dp"
-        android:paddingTop="24dp"
-        android:paddingRight="20dp"
-        android:paddingBottom="24dp">
-
-        <TextView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:text="短信接收"
-            android:textColor="@color/text_primary"
-            android:textSize="24sp" />
-
-        <TextView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="6dp"
-            android:layout_marginBottom="16dp"
-            android:text="主路径：RECEIVE_SMS + SMS_RECEIVED_ACTION。收到短信后保存短信原文和诊断摘要。"
-            android:textColor="@color/text_secondary"
-            android:textSize="14sp" />
-
-        <TextView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:text="权限状态"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
-
-        <TextView
-            android:id="@+id/permission_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
-
-        <TextView
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:text="最近结果"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
-
-        <TextView
-            android:id="@+id/latest_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
-
-        <Button
-            android:id="@+id/debug_info_button"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:text="调试信息"
-            android:textAllCaps="false" />
+        android:paddingLeft="18dp"
+        android:paddingTop="22dp"
+        android:paddingRight="18dp"
+        android:paddingBottom="28dp">
 
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginTop="12dp"
-            android:orientation="vertical">
+            android:background="@drawable/bg_hero_panel"
+            android:elevation="4dp"
+            android:orientation="vertical"
+            android:padding="22dp">
 
-            <Button
-                android:id="@+id/request_permission_button"
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="SmsReceive"
+                style="@style/HeroEyebrow" />
+
+            <TextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
-                android:text="申请短信权限"
-                android:textAllCaps="false" />
+                android:layout_marginTop="8dp"
+                android:text="短信接收"
+                style="@style/ScreenTitle" />
 
-            <Button
-                android:id="@+id/keep_alive_button"
+            <TextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
-                android:text="开启常驻保活"
-                android:textAllCaps="false" />
+                android:layout_marginTop="10dp"
+                android:text="主路径：RECEIVE_SMS + SMS_RECEIVED_ACTION。收到短信后保存短信原文和诊断摘要。"
+                style="@style/HeroSubtitle" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="18dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:baselineAligned="false"
+                android:gravity="center_vertical"
+                android:orientation="horizontal">
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:orientation="vertical">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="概览"
+                        style="@style/SectionHeading" />
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginTop="6dp"
+                        android:text="先看权限和最近一次短信结果，调试明细放到单独面板里。"
+                        style="@style/SectionCaption" />
+                </LinearLayout>
+
+                <Button
+                    android:id="@+id/debug_info_button"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginLeft="12dp"
+                    android:text="调试信息"
+                    style="@style/TonalActionButton" />
+            </LinearLayout>
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="18dp"
+                android:text="权限状态"
+                style="@style/CardLabel" />
+
+            <TextView
+                android:id="@+id/permission_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                style="@style/InfoPanelText" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="16dp"
+                android:text="最近结果"
+                style="@style/CardLabel" />
+
+            <TextView
+                android:id="@+id/latest_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                style="@style/InfoPanelText" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="18dp">
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="快捷操作"
+                style="@style/SectionHeading" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="6dp"
+                android:text="把高频操作和配置集中在一个面板里，减少整页的默认控件感。"
+                style="@style/SectionCaption" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="18dp"
+                android:text="基础操作"
+                style="@style/CardLabel" />
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp"
+                android:baselineAligned="false"
+                android:orientation="horizontal">
+
+                <Button
+                    android:id="@+id/request_permission_button"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="申请短信权限"
+                    style="@style/PrimaryActionButton" />
+
+                <Button
+                    android:id="@+id/keep_alive_button"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginLeft="10dp"
+                    android:layout_weight="1"
+                    android:text="开启常驻保活"
+                    style="@style/SecondaryActionButton" />
+            </LinearLayout>
 
             <RadioButton
                 android:id="@+id/toast_database_write_radio"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:text="每次写入数据库时弹 Toast"
-                android:textColor="@color/text_primary"
-                android:textSize="14sp" />
+                style="@style/ToggleControl" />
 
             <Button
                 android:id="@+id/read_inbox_button"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:text="读取最新短信"
-                android:textAllCaps="false" />
+                style="@style/SecondaryActionButton" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="18dp"
+                android:text="轮询设置"
+                style="@style/CardLabel" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:baselineAligned="false"
                 android:gravity="center_vertical"
                 android:orientation="horizontal">
@@ -129,48 +209,58 @@
                     android:layout_height="wrap_content"
                     android:layout_weight="1"
                     android:text="开始短信轮询"
-                    android:textAllCaps="false" />
+                    style="@style/PrimaryActionButton" />
 
                 <EditText
                     android:id="@+id/polling_interval_edit"
-                    android:layout_width="96dp"
+                    android:layout_width="102dp"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="8dp"
+                    android:layout_marginLeft="10dp"
+                    android:gravity="center"
                     android:hint="默认1"
                     android:inputType="number"
-                    android:maxLines="1" />
+                    android:maxLines="1"
+                    style="@style/InputField" />
             </LinearLayout>
 
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="18dp"
+                android:text="飞书推送"
+                style="@style/CardLabel" />
+
             <CheckBox
                 android:id="@+id/feishu_push_enabled_checkbox"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:text="开启飞书远端推送"
-                android:textColor="@color/text_primary"
-                android:textSize="14sp" />
+                style="@style/ToggleControl" />
 
             <EditText
                 android:id="@+id/feishu_webhook_id_edit"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:hint="飞书 webhook id"
-                android:maxLines="1" />
+                android:maxLines="1"
+                style="@style/InputField" />
 
             <EditText
                 android:id="@+id/feishu_secret_edit"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:hint="飞书 webhook secret"
                 android:inputType="textPassword"
-                android:maxLines="1" />
+                android:maxLines="1"
+                style="@style/InputField" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:baselineAligned="false"
                 android:orientation="horizontal">
 
@@ -180,30 +270,37 @@
                     android:layout_height="wrap_content"
                     android:layout_weight="1"
                     android:text="保存飞书配置"
-                    android:textAllCaps="false" />
+                    style="@style/SecondaryActionButton" />
 
                 <Button
                     android:id="@+id/test_feishu_button"
                     android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="8dp"
+                    android:layout_marginLeft="10dp"
                     android:layout_weight="1"
                     android:text="测试飞书推送"
-                    android:textAllCaps="false" />
+                    style="@style/PrimaryActionButton" />
             </LinearLayout>
 
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="18dp"
+                android:text="系统设置"
+                style="@style/CardLabel" />
+
             <Button
                 android:id="@+id/settings_button"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:text="打开应用权限设置"
-                android:textAllCaps="false" />
+                style="@style/SecondaryActionButton" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:baselineAligned="false"
                 android:gravity="center_vertical"
                 android:orientation="horizontal">
@@ -212,32 +309,32 @@
                     android:id="@+id/battery_settings_button"
                     android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
+                    android:layout_weight="1.1"
                     android:text="打开电池优化设置"
-                    android:textAllCaps="false" />
+                    style="@style/SecondaryActionButton" />
 
                 <CheckBox
                     android:id="@+id/battery_confirm_checkbox"
-                    android:layout_width="wrap_content"
+                    android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="8dp"
+                    android:layout_marginLeft="10dp"
+                    android:layout_weight="0.9"
                     android:text="确认省电策略无限制"
-                    android:textColor="@color/text_primary"
-                    android:textSize="14sp" />
+                    style="@style/ToggleControl" />
             </LinearLayout>
 
             <Button
                 android:id="@+id/request_battery_button"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:text="请求忽略电池优化"
-                android:textAllCaps="false" />
+                style="@style/SecondaryActionButton" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="10dp"
                 android:baselineAligned="false"
                 android:gravity="center_vertical"
                 android:orientation="horizontal">
@@ -246,24 +343,24 @@
                     android:id="@+id/xiaomi_autostart_button"
                     android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
+                    android:layout_weight="1.1"
                     android:text="打开小米自启动设置"
-                    android:textAllCaps="false" />
+                    style="@style/SecondaryActionButton" />
 
                 <CheckBox
                     android:id="@+id/autostart_confirm_checkbox"
-                    android:layout_width="wrap_content"
+                    android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="8dp"
+                    android:layout_marginLeft="10dp"
+                    android:layout_weight="0.9"
                     android:text="确认自启动开启"
-                    android:textColor="@color/text_primary"
-                    android:textSize="14sp" />
+                    style="@style/ToggleControl" />
             </LinearLayout>
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
+                android:layout_marginTop="18dp"
                 android:baselineAligned="false"
                 android:orientation="horizontal">
 
@@ -273,16 +370,16 @@
                     android:layout_height="wrap_content"
                     android:layout_weight="1"
                     android:text="清空最近结果"
-                    android:textAllCaps="false" />
+                    style="@style/SecondaryActionButton" />
 
                 <Button
                     android:id="@+id/refresh_button"
                     android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                    android:layout_marginLeft="8dp"
+                    android:layout_marginLeft="10dp"
                     android:layout_weight="1"
                     android:text="刷新状态"
-                    android:textAllCaps="false" />
+                    style="@style/TonalActionButton" />
             </LinearLayout>
         </LinearLayout>
     </LinearLayout>
diff --git a/app/src/main/res/layout/dialog_debug_info.xml b/app/src/main/res/layout/dialog_debug_info.xml
index c7109b8..25f313f 100644
--- a/app/src/main/res/layout/dialog_debug_info.xml
+++ b/app/src/main/res/layout/dialog_debug_info.xml
@@ -2,109 +2,133 @@
 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:background="@drawable/bg_screen_gradient"
     android:fillViewport="true">
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical"
-        android:paddingLeft="20dp"
-        android:paddingTop="20dp"
-        android:paddingRight="20dp"
-        android:paddingBottom="8dp">
+        android:paddingLeft="4dp"
+        android:paddingTop="6dp"
+        android:paddingRight="4dp"
+        android:paddingBottom="10dp">
 
-        <TextView
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:text="Google API 诊断"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="16dp">
 
-        <TextView
-            android:id="@+id/google_play_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="Google API 诊断"
+                style="@style/CardLabel" />
 
-        <TextView
+            <TextView
+                android:id="@+id/google_play_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                style="@style/DialogInfoText" />
+        </LinearLayout>
+
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="12dp"
-            android:text="后台保活状态"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="16dp">
 
-        <TextView
-            android:id="@+id/keep_alive_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="后台保活状态"
+                style="@style/CardLabel" />
 
-        <TextView
+            <TextView
+                android:id="@+id/keep_alive_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                style="@style/DialogInfoText" />
+        </LinearLayout>
+
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="12dp"
-            android:text="数据库心跳诊断"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="16dp">
 
-        <TextView
-            android:id="@+id/database_heartbeat_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="数据库心跳诊断"
+                style="@style/CardLabel" />
 
-        <TextView
+            <TextView
+                android:id="@+id/database_heartbeat_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingTop="8dp"
+                android:paddingBottom="2dp"
+                android:textColor="@color/text_primary"
+                android:textSize="14sp"
+                android:lineSpacingExtra="3dp" />
+        </LinearLayout>
+
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="12dp"
-            android:text="短信广播诊断"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="16dp">
 
-        <TextView
-            android:id="@+id/delivery_diagnostics_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="短信广播诊断"
+                style="@style/CardLabel" />
 
-        <TextView
+            <TextView
+                android:id="@+id/delivery_diagnostics_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                style="@style/DialogInfoText" />
+        </LinearLayout>
+
+        <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="12dp"
-            android:text="飞书推送状态"
-            android:textColor="@color/text_primary"
-            android:textSize="16sp" />
+            android:background="@drawable/bg_card_surface"
+            android:elevation="2dp"
+            android:orientation="vertical"
+            android:padding="16dp">
 
-        <TextView
-            android:id="@+id/feishu_push_text"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="4dp"
-            android:background="@android:color/white"
-            android:lineSpacingExtra="2dp"
-            android:padding="12dp"
-            android:textColor="@color/text_primary"
-            android:textSize="14sp" />
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="飞书推送状态"
+                style="@style/CardLabel" />
+
+            <TextView
+                android:id="@+id/feishu_push_text"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingTop="8dp"
+                android:paddingBottom="2dp"
+                android:textColor="@color/text_primary"
+                android:textSize="14sp"
+                android:lineSpacingExtra="3dp" />
+        </LinearLayout>
     </LinearLayout>
 </ScrollView>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index fc81459..ed5b590 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,6 +1,19 @@
 <resources>
-    <color name="screen_bg">#F6F7F9</color>
-    <color name="text_primary">#17202A</color>
-    <color name="text_secondary">#5F6B7A</color>
-    <color name="accent">#1E7A5F</color>
+    <color name="screen_bg">#F2F6F3</color>
+    <color name="surface">#FCFEFD</color>
+    <color name="surface_alt">#F7FBF8</color>
+    <color name="panel_bg">#EEF5F1</color>
+    <color name="card_border">#D6E4DD</color>
+    <color name="text_primary">#17322A</color>
+    <color name="text_secondary">#5E756A</color>
+    <color name="text_hint">#8B9B93</color>
+    <color name="accent">#247A5C</color>
+    <color name="accent_dark">#1A5B45</color>
+    <color name="accent_soft">#DDEFE6</color>
+    <color name="accent_soft_pressed">#CCE6DA</color>
+    <color name="hero_start">#234E40</color>
+    <color name="hero_end">#2F8265</color>
+    <color name="hero_text">#FFFFFF</color>
+    <color name="hero_text_secondary">#D8F2E7</color>
+    <color name="button_text_light">#FFFFFF</color>
 </resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 76ce212..2ce72af 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -1,7 +1,107 @@
 <resources>
     <style name="AppTheme" parent="@android:style/Theme.Material.Light.NoActionBar">
-        <item name="android:fontFamily">sans</item>
+        <item name="android:fontFamily">sans-serif-medium</item>
         <item name="android:windowBackground">@color/screen_bg</item>
         <item name="android:colorAccent">@color/accent</item>
+        <item name="android:statusBarColor">@color/accent_dark</item>
+        <item name="android:navigationBarColor">@color/screen_bg</item>
+    </style>
+
+    <style name="HeroEyebrow">
+        <item name="android:textColor">@color/hero_text_secondary</item>
+        <item name="android:textSize">12sp</item>
+        <item name="android:textStyle">bold</item>
+        <item name="android:letterSpacing">0.08</item>
+        <item name="android:textAllCaps">true</item>
+    </style>
+
+    <style name="ScreenTitle">
+        <item name="android:textColor">@color/hero_text</item>
+        <item name="android:textSize">30sp</item>
+        <item name="android:textStyle">bold</item>
+    </style>
+
+    <style name="HeroSubtitle">
+        <item name="android:textColor">@color/hero_text_secondary</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">2dp</item>
+    </style>
+
+    <style name="SectionHeading">
+        <item name="android:textColor">@color/text_primary</item>
+        <item name="android:textSize">19sp</item>
+        <item name="android:textStyle">bold</item>
+    </style>
+
+    <style name="SectionCaption">
+        <item name="android:textColor">@color/text_secondary</item>
+        <item name="android:textSize">13sp</item>
+        <item name="android:lineSpacingExtra">2dp</item>
+    </style>
+
+    <style name="CardLabel">
+        <item name="android:textColor">@color/text_secondary</item>
+        <item name="android:textSize">13sp</item>
+        <item name="android:textStyle">bold</item>
+    </style>
+
+    <style name="InfoPanelText">
+        <item name="android:background">@drawable/bg_info_panel</item>
+        <item name="android:padding">14dp</item>
+        <item name="android:textColor">@color/text_primary</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">3dp</item>
+    </style>
+
+    <style name="DialogInfoText">
+        <item name="android:paddingTop">8dp</item>
+        <item name="android:textColor">@color/text_primary</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">3dp</item>
+    </style>
+
+    <style name="BaseActionButton" parent="@android:style/Widget.Material.Button">
+        <item name="android:minHeight">48dp</item>
+        <item name="android:paddingLeft">16dp</item>
+        <item name="android:paddingTop">12dp</item>
+        <item name="android:paddingRight">16dp</item>
+        <item name="android:paddingBottom">12dp</item>
+        <item name="android:textSize">15sp</item>
+        <item name="android:textStyle">bold</item>
+        <item name="android:textAllCaps">false</item>
+    </style>
+
+    <style name="PrimaryActionButton" parent="@style/BaseActionButton">
+        <item name="android:background">@drawable/bg_button_primary</item>
+        <item name="android:textColor">@color/button_text_light</item>
+    </style>
+
+    <style name="SecondaryActionButton" parent="@style/BaseActionButton">
+        <item name="android:background">@drawable/bg_button_secondary</item>
+        <item name="android:textColor">@color/text_primary</item>
+    </style>
+
+    <style name="TonalActionButton" parent="@style/BaseActionButton">
+        <item name="android:background">@drawable/bg_button_tonal</item>
+        <item name="android:textColor">@color/accent_dark</item>
+    </style>
+
+    <style name="InputField" parent="@android:style/Widget.Material.EditText">
+        <item name="android:background">@drawable/bg_input</item>
+        <item name="android:minHeight">48dp</item>
+        <item name="android:paddingLeft">14dp</item>
+        <item name="android:paddingTop">12dp</item>
+        <item name="android:paddingRight">14dp</item>
+        <item name="android:paddingBottom">12dp</item>
+        <item name="android:textColor">@color/text_primary</item>
+        <item name="android:textColorHint">@color/text_hint</item>
+        <item name="android:textSize">14sp</item>
+    </style>
+
+    <style name="ToggleControl">
+        <item name="android:buttonTint">@color/accent</item>
+        <item name="android:textColor">@color/text_primary</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:minHeight">40dp</item>
     </style>
 </resources>