From d05ff9ee17a7e6b014e1772561922ecd771a2a16 Mon Sep 17 00:00:00 2001
From: hailin <hailin.zhao@gdzx.xyz>
Date: Sun, 7 Dec 2025 20:44:53 -0800
Subject: [PATCH] style(mobile-app): add gradient background and card
 background to ranking page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change page background from white to gradient (light beige to light orange)
- Change card background to light white (#FFFDF8) for better contrast

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../presentation/pages/ranking_page.dart      | 35 ++++++++++++-------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/frontend/mobile-app/lib/features/ranking/presentation/pages/ranking_page.dart b/frontend/mobile-app/lib/features/ranking/presentation/pages/ranking_page.dart
index fee063cb..10de4dda 100644
--- a/frontend/mobile-app/lib/features/ranking/presentation/pages/ranking_page.dart
+++ b/frontend/mobile-app/lib/features/ranking/presentation/pages/ranking_page.dart
@@ -105,18 +105,29 @@ class _RankingPageState extends ConsumerState<RankingPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Colors.white,
-      body: Column(
-        children: [
-          // 顶部标题和Tab栏
-          _buildHeader(),
-          // 筛选栏
-          _buildFilterBar(),
-          // 排行榜列表
-          Expanded(
-            child: _buildRankingList(),
+      body: Container(
+        decoration: const BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
+            colors: [
+              Color(0xFFFFF5E6), // 浅米色
+              Color(0xFFEAE0C8), // 浅橙色
+            ],
           ),
-        ],
+        ),
+        child: Column(
+          children: [
+            // 顶部标题和Tab栏
+            _buildHeader(),
+            // 筛选栏
+            _buildFilterBar(),
+            // 排行榜列表
+            Expanded(
+              child: _buildRankingList(),
+            ),
+          ],
+        ),
       ),
     );
   }
@@ -319,7 +330,7 @@ class _RankingPageState extends ConsumerState<RankingPage> {
     return Container(
       padding: const EdgeInsets.all(16),
       decoration: BoxDecoration(
-        color: const Color(0x80FFFFFF),
+        color: const Color(0xFFFFFDF8), // 浅白色背景，与页面背景区分
         borderRadius: BorderRadius.circular(12),
       ),
       child: Row(