feat(mining-app): add contribution records page with category summary

- Create contribution_records_page.dart with full list view
  - Pagination support with page navigation
  - Filter by source type (personal, team level, team bonus)
  - Show detailed info: tree count, base contribution, rate, amount
  - Display effective/expire dates and status badges

- Update contribution_page.dart detail card
  - Show category summary instead of record list
  - Display three categories with icons: personal, team level, team bonus
  - Add navigation to full records page via "查看全部"

- Add route configuration for /contribution-records

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/mining-app/lib/core/router/app_router.dart

@@ -7,6 +7,7 @@ import '../../presentation/pages/auth/register_page.dart';
 import '../../presentation/pages/auth/forgot_password_page.dart';
 import '../../presentation/pages/auth/change_password_page.dart';
 import '../../presentation/pages/contribution/contribution_page.dart';
+import '../../presentation/pages/contribution/contribution_records_page.dart';
 import '../../presentation/pages/trading/trading_page.dart';
 import '../../presentation/pages/asset/asset_page.dart';
 import '../../presentation/pages/profile/profile_page.dart';
@@ -97,6 +98,10 @@ final appRouterProvider = Provider<GoRouter>((ref) {
         path: Routes.changePassword,
         builder: (context, state) => const ChangePasswordPage(),
       ),
+      GoRoute(
+        path: Routes.contributionRecords,
+        builder: (context, state) => const ContributionRecordsPage(),
+      ),
       ShellRoute(
         builder: (context, state, child) => MainShell(child: child),
         routes: [

frontend/mining-app/lib/presentation/pages/contribution/contribution_page.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:intl/intl.dart';
+import 'package:go_router/go_router.dart';
 import '../../../core/constants/app_colors.dart';
+import '../../../core/router/routes.dart';
 import '../../../core/utils/format_utils.dart';
 import '../../../domain/entities/contribution.dart';
-import '../../../domain/entities/contribution_record.dart';
 import '../../providers/user_providers.dart';
 import '../../providers/contribution_providers.dart';
 import '../../widgets/shimmer_loading.dart';
@@ -25,13 +25,6 @@ class ContributionPage extends ConsumerWidget {
     final user = ref.watch(userNotifierProvider);
     final accountSequence = user.accountSequence ?? '';
     final contributionAsync = ref.watch(contributionProvider(accountSequence));
-    final recordsParams = ContributionRecordsParams(
-      accountSequence: accountSequence,
-      page: 1,
-      pageSize: 3,
-    );
-    final recordsAsync = ref.watch(contributionRecordsProvider(recordsParams));
-
     // 获取预估收益
     final estimatedEarnings = ref.watch(estimatedEarningsProvider(accountSequence));
     final statsAsync = ref.watch(contributionStatsProvider);
@@ -50,7 +43,6 @@ class ContributionPage extends ConsumerWidget {
         child: RefreshIndicator(
           onRefresh: () async {
             ref.invalidate(contributionProvider(accountSequence));
-            ref.invalidate(contributionRecordsProvider(recordsParams));
             ref.invalidate(contributionStatsProvider);
           },
           child: hasError && contribution == null
@@ -87,14 +79,14 @@ class ContributionPage extends ConsumerWidget {
                           // 今日预估收益
                           _buildTodayEstimateCard(estimatedEarnings, isLoading || isStatsLoading),
                           const SizedBox(height: 16),
-                          // 贡献值明细
+                          // 贡献值明细（三类汇总）
-                          _buildContributionDetailCard(context, ref, recordsAsync),
+                          _buildContributionDetailCard(context, contribution, isLoading),
                           const SizedBox(height: 16),
                           // 团队层级统计
                           _buildTeamStatsCard(contribution, isLoading),
                           const SizedBox(height: 16),
                           // 贡献值失效倒计时
-                          _buildExpirationCard(contribution, recordsAsync, isLoading),
+                          _buildExpirationCard(contribution, isLoading),
                           const SizedBox(height: 100),
                         ]),
                       ),
@@ -337,12 +329,9 @@ class ContributionPage extends ConsumerWidget {
 
   Widget _buildContributionDetailCard(
     BuildContext context,
-    WidgetRef ref,
+    Contribution? contribution,
-    AsyncValue<ContributionRecordsPage?> recordsAsync,
+    bool isLoading,
   ) {
-    final isRecordsLoading = recordsAsync.isLoading;
-    final recordsPage = recordsAsync.valueOrNull;
-
     return Container(
       padding: const EdgeInsets.all(20),
       decoration: BoxDecoration(
@@ -361,7 +350,7 @@ class ContributionPage extends ConsumerWidget {
               ),
               GestureDetector(
                 onTap: () {
-                  // TODO: 跳转到完整记录页面
+                  context.push(Routes.contributionRecords);
                 },
                 child: const Row(
                   children: [
@@ -373,76 +362,75 @@ class ContributionPage extends ConsumerWidget {
             ],
           ),
           const SizedBox(height: 16),
-          // 明细列表
+          // 三类汇总
-          if (isRecordsLoading)
+          if (isLoading)
-            _buildRecordsShimmer()
+            _buildDetailSummaryShimmer()
-          else if (recordsAsync.hasError && recordsPage == null)
-            Padding(
-              padding: const EdgeInsets.symmetric(vertical: 20),
-              child: Text(
-                '加载失败',
-                style: TextStyle(fontSize: 14, color: _grayText.withOpacity(0.7)),
-              ),
-            )
-          else if (recordsPage == null || recordsPage.data.isEmpty)
-            const Padding(
-              padding: EdgeInsets.symmetric(vertical: 20),
-              child: Text(
-                '暂无贡献值记录',
-                style: TextStyle(fontSize: 14, color: _grayText),
-              ),
-            )
           else
             Column(
-              children: recordsPage.data.asMap().entries.map((entry) {
+              children: [
-                final index = entry.key;
+                _buildDetailSummaryRow(
-                final record = entry.value;
+                  icon: Icons.eco_outlined,
+                  iconColor: _orange,
+                  title: '本人种植',
+                  subtitle: '个人认种榴莲树产生的贡献值',
+                  amount: contribution?.personalContribution ?? '0',
+                ),
+                const Divider(height: 24),
+                _buildDetailSummaryRow(
+                  icon: Icons.groups_outlined,
+                  iconColor: Colors.blue,
+                  title: '团队层级',
+                  subtitle: '直推及间推用户认种产生的贡献值',
+                  amount: contribution?.teamLevelContribution ?? '0',
+                ),
+                const Divider(height: 24),
+                _buildDetailSummaryRow(
+                  icon: Icons.card_giftcard_outlined,
+                  iconColor: Colors.purple,
+                  title: '团队奖励',
+                  subtitle: '满足条件后获得的额外奖励贡献值',
+                  amount: contribution?.teamBonusContribution ?? '0',
+                ),
+              ],
+            ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDetailSummaryShimmer() {
     return Column(
       children: [
-                    _buildDetailRow(record),
+        _buildShimmerSummaryRow(),
-                    if (index < recordsPage.data.length - 1) const Divider(height: 24),
+        const Divider(height: 24),
+        _buildShimmerSummaryRow(),
+        const Divider(height: 24),
+        _buildShimmerSummaryRow(),
       ],
     );
-              }).toList(),
-            ),
-        ],
-      ),
-    );
   }
 
-  Widget _buildRecordsShimmer() {
+  Widget _buildShimmerSummaryRow() {
-    return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 8),
-      child: Column(
-        children: [
-          _buildShimmerDetailRow(),
-          const Divider(height: 24),
-          _buildShimmerDetailRow(),
-          const Divider(height: 24),
-          _buildShimmerDetailRow(),
-        ],
-      ),
-    );
-  }
-
-  Widget _buildShimmerDetailRow() {
     return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
       children: [
-        Column(
+        const ShimmerBox(width: 40, height: 40),
+        const SizedBox(width: 12),
+        Expanded(
+          child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: const [
               ShimmerText(
-              placeholder: '认种贡献',
+                placeholder: '本人种植',
                 style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _darkText),
               ),
               SizedBox(height: 2),
               ShimmerText(
-              placeholder: '2024-01-01 12:00',
+                placeholder: '个人认种产生的贡献值',
                 style: TextStyle(fontSize: 12, color: _grayText),
               ),
             ],
           ),
+        ),
         const ShimmerText(
           placeholder: '+1,000',
           style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: _green),
@@ -451,27 +439,43 @@ class ContributionPage extends ConsumerWidget {
     );
   }
 
-  Widget _buildDetailRow(ContributionRecord record) {
+  Widget _buildDetailSummaryRow({
-    final dateFormat = DateFormat('yyyy-MM-dd HH:mm');
+    required IconData icon,
-    final formattedDate = dateFormat.format(record.createdAt);
+    required Color iconColor,
-    final amount = '+${formatAmount(record.finalContribution)}';
+    required String title,
-
+    required String subtitle,
+    required String amount,
+  }) {
     return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
       children: [
-        Column(
+        Container(
+          width: 40,
+          height: 40,
+          decoration: BoxDecoration(
+            color: iconColor.withOpacity(0.1),
+            borderRadius: BorderRadius.circular(10),
+          ),
+          child: Icon(icon, color: iconColor, size: 22),
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
               Text(
-              record.displayTitle,
+                title,
                 style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: _darkText),
               ),
               const SizedBox(height: 2),
-            Text(formattedDate, style: const TextStyle(fontSize: 12, color: _grayText)),
+              Text(
+                subtitle,
+                style: TextStyle(fontSize: 11, color: _grayText.withOpacity(0.8)),
+              ),
             ],
           ),
+        ),
         Text(
-          amount,
+          formatAmount(amount),
           style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: _green),
         ),
       ],
@@ -576,40 +580,19 @@ class ContributionPage extends ConsumerWidget {
 
   Widget _buildExpirationCard(
     Contribution? contribution,
-    AsyncValue<ContributionRecordsPage?> recordsAsync,
     bool isLoading,
   ) {
-    final isRecordsLoading = recordsAsync.isLoading;
+    // 贡献值有效期为2年（730天）
-    final recordsPage = recordsAsync.valueOrNull;
+    // 暂时使用固定信息，后续可从后端获取最近过期日期
+    const int validityDays = 730;
+    final hasContribution = contribution != null &&
+        (double.tryParse(contribution.totalContribution) ?? 0) > 0;
 
-    // 从记录中获取最近的过期日期
+    // 如果有贡献值，显示有效期提示
-    DateTime? nearestExpireDate;
+    final String expireDateText = hasContribution
-    if (recordsPage != null && recordsPage.data.isNotEmpty) {
+        ? '贡献值自生效日起 $validityDays 天内有效'
-      // 找到未过期记录中最近的过期日期
+        : '暂无贡献值';
-      final activeRecords = recordsPage.data.where((r) => !r.isExpired).toList();
+    final double progress = hasContribution ? 1.0 : 0.0;
-      if (activeRecords.isNotEmpty) {
-        activeRecords.sort((a, b) => a.expireDate.compareTo(b.expireDate));
-        nearestExpireDate = activeRecords.first.expireDate;
-      }
-    }
-
-    // 计算剩余天数和进度
-    final now = DateTime.now();
-    int daysRemaining = 730; // 默认值
-    double progress = 1.0;
-    String expireDateText = '暂无过期信息';
-
-    if (nearestExpireDate != null) {
-      daysRemaining = nearestExpireDate.difference(now).inDays;
-      if (daysRemaining < 0) daysRemaining = 0;
-      // 假设总有效期为730天
-      progress = daysRemaining / 730;
-      if (progress > 1) progress = 1;
-      if (progress < 0) progress = 0;
-      expireDateText = '您的贡献值将于 ${DateFormat('yyyy-MM-dd').format(nearestExpireDate)} 失效';
-    }
-
-    final showShimmer = isLoading || isRecordsLoading;
 
     return Container(
       padding: const EdgeInsets.all(20),
@@ -636,19 +619,19 @@ class ContributionPage extends ConsumerWidget {
           ClipRRect(
             borderRadius: BorderRadius.circular(5),
             child: LinearProgressIndicator(
-              value: showShimmer ? 1.0 : progress,
+              value: isLoading ? 1.0 : progress,
               minHeight: 10,
               backgroundColor: _bgGray,
               valueColor: AlwaysStoppedAnimation<Color>(
-                showShimmer ? _bgGray : _orange,
+                isLoading ? _bgGray : _orange,
               ),
             ),
           ),
           const SizedBox(height: 12),
           // 说明文字
-          showShimmer
+          isLoading
               ? const ShimmerText(
-                  placeholder: '您的贡献值将于 ---- 失效',
+                  placeholder: '贡献值有效期信息加载中...',
                   style: TextStyle(fontSize: 12, color: _grayText),
                 )
               : Text(
@@ -656,13 +639,13 @@ class ContributionPage extends ConsumerWidget {
                   style: const TextStyle(fontSize: 12, color: _grayText),
                 ),
           const SizedBox(height: 4),
-          showShimmer
+          isLoading
               ? const ShimmerText(
-                  placeholder: '剩余 --- 天',
+                  placeholder: '有效期 --- 天',
                   style: TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500),
                 )
               : Text(
-                  '剩余 $daysRemaining 天',
+                  '有效期 $validityDays 天',
                   style: const TextStyle(fontSize: 12, color: _orange, fontWeight: FontWeight.w500),
                 ),
           const SizedBox(height: 8),

frontend/mining-app/lib/presentation/pages/contribution/contribution_records_page.dart

@@ -0,0 +1,518 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:intl/intl.dart';
+import '../../../core/constants/app_colors.dart';
+import '../../../core/utils/format_utils.dart';
+import '../../../domain/entities/contribution_record.dart';
+import '../../providers/user_providers.dart';
+import '../../providers/contribution_providers.dart';
+import '../../widgets/shimmer_loading.dart';
+
+/// 贡献值记录完整列表页面
+class ContributionRecordsPage extends ConsumerStatefulWidget {
+  const ContributionRecordsPage({super.key});
+
+  @override
+  ConsumerState<ContributionRecordsPage> createState() => _ContributionRecordsPageState();
+}
+
+class _ContributionRecordsPageState extends ConsumerState<ContributionRecordsPage> {
+  // 设计色彩
+  static const Color _orange = Color(0xFFFF6B00);
+  static const Color _green = Color(0xFF22C55E);
+  static const Color _grayText = Color(0xFF6B7280);
+  static const Color _darkText = Color(0xFF1F2937);
+  static const Color _bgGray = Color(0xFFF3F4F6);
+
+  int _currentPage = 1;
+  static const int _pageSize = 20;
+
+  // 筛选条件
+  ContributionSourceType? _selectedSourceType;
+
+  @override
+  Widget build(BuildContext context) {
+    final user = ref.watch(userNotifierProvider);
+    final accountSequence = user.accountSequence ?? '';
+
+    final recordsParams = ContributionRecordsParams(
+      accountSequence: accountSequence,
+      page: _currentPage,
+      pageSize: _pageSize,
+    );
+    final recordsAsync = ref.watch(contributionRecordsProvider(recordsParams));
+
+    return Scaffold(
+      backgroundColor: const Color(0xFFF5F5F5),
+      appBar: AppBar(
+        backgroundColor: Colors.white,
+        elevation: 0,
+        leading: IconButton(
+          icon: const Icon(Icons.arrow_back_ios, color: _darkText, size: 20),
+          onPressed: () => Navigator.of(context).pop(),
+        ),
+        title: const Text(
+          '贡献值明细',
+          style: TextStyle(
+            fontSize: 18,
+            fontWeight: FontWeight.w600,
+            color: _darkText,
+          ),
+        ),
+        centerTitle: true,
+      ),
+      body: Column(
+        children: [
+          // 筛选栏
+          _buildFilterBar(),
+          // 列表
+          Expanded(
+            child: RefreshIndicator(
+              onRefresh: () async {
+                setState(() => _currentPage = 1);
+                ref.invalidate(contributionRecordsProvider(recordsParams));
+              },
+              child: recordsAsync.when(
+                loading: () => _buildLoadingList(),
+                error: (error, stack) => _buildErrorView(error.toString()),
+                data: (recordsPage) {
+                  if (recordsPage == null || recordsPage.data.isEmpty) {
+                    return _buildEmptyView();
+                  }
+                  return _buildRecordsList(recordsPage, accountSequence);
+                },
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFilterBar() {
+    return Container(
+      color: Colors.white,
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      child: Row(
+        children: [
+          _buildFilterChip('全部', null),
+          const SizedBox(width: 8),
+          _buildFilterChip('个人', ContributionSourceType.personal),
+          const SizedBox(width: 8),
+          _buildFilterChip('团队层级', ContributionSourceType.teamLevel),
+          const SizedBox(width: 8),
+          _buildFilterChip('团队奖励', ContributionSourceType.teamBonus),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFilterChip(String label, ContributionSourceType? type) {
+    final isSelected = _selectedSourceType == type;
+    return GestureDetector(
+      onTap: () {
+        setState(() {
+          _selectedSourceType = type;
+          _currentPage = 1;
+        });
+      },
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+        decoration: BoxDecoration(
+          color: isSelected ? _orange : _bgGray,
+          borderRadius: BorderRadius.circular(16),
+        ),
+        child: Text(
+          label,
+          style: TextStyle(
+            fontSize: 13,
+            color: isSelected ? Colors.white : _grayText,
+            fontWeight: isSelected ? FontWeight.w500 : FontWeight.normal,
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLoadingList() {
+    return ListView.builder(
+      padding: const EdgeInsets.all(16),
+      itemCount: 10,
+      itemBuilder: (context, index) => _buildShimmerCard(),
+    );
+  }
+
+  Widget _buildShimmerCard() {
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: const [
+              ShimmerBox(width: 80, height: 24),
+              ShimmerBox(width: 100, height: 20),
+            ],
+          ),
+          const SizedBox(height: 12),
+          const ShimmerBox(width: 150, height: 14),
+          const SizedBox(height: 8),
+          Row(
+            children: const [
+              ShimmerBox(width: 60, height: 12),
+              SizedBox(width: 16),
+              ShimmerBox(width: 80, height: 12),
+              SizedBox(width: 16),
+              ShimmerBox(width: 60, height: 12),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildErrorView(String error) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          const Icon(Icons.error_outline, size: 48, color: AppColors.error),
+          const SizedBox(height: 16),
+          Text('加载失败', style: TextStyle(fontSize: 16, color: _grayText)),
+          const SizedBox(height: 8),
+          Text(error, style: TextStyle(fontSize: 12, color: _grayText)),
+          const SizedBox(height: 16),
+          ElevatedButton(
+            onPressed: () {
+              final user = ref.read(userNotifierProvider);
+              final accountSequence = user.accountSequence ?? '';
+              ref.invalidate(contributionRecordsProvider(ContributionRecordsParams(
+                accountSequence: accountSequence,
+                page: _currentPage,
+                pageSize: _pageSize,
+              )));
+            },
+            style: ElevatedButton.styleFrom(backgroundColor: _orange),
+            child: const Text('重试', style: TextStyle(color: Colors.white)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEmptyView() {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(Icons.inbox_outlined, size: 64, color: _grayText.withOpacity(0.5)),
+          const SizedBox(height: 16),
+          Text(
+            '暂无贡献值记录',
+            style: TextStyle(fontSize: 16, color: _grayText),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            '认种榴莲树后将产生贡献值',
+            style: TextStyle(fontSize: 14, color: _grayText.withOpacity(0.7)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildRecordsList(ContributionRecordsPage recordsPage, String currentAccountSequence) {
+    // 根据筛选条件过滤
+    final filteredRecords = _selectedSourceType == null
+        ? recordsPage.data
+        : recordsPage.data.where((r) => r.sourceType == _selectedSourceType).toList();
+
+    if (filteredRecords.isEmpty) {
+      return _buildEmptyView();
+    }
+
+    return ListView.builder(
+      padding: const EdgeInsets.all(16),
+      itemCount: filteredRecords.length + 1, // +1 for pagination info
+      itemBuilder: (context, index) {
+        if (index == filteredRecords.length) {
+          return _buildPaginationInfo(recordsPage);
+        }
+        return _buildRecordCard(filteredRecords[index], currentAccountSequence);
+      },
+    );
+  }
+
+  Widget _buildRecordCard(ContributionRecord record, String currentAccountSequence) {
+    final dateFormat = DateFormat('yyyy-MM-dd HH:mm');
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(12),
+        border: record.isExpired
+            ? Border.all(color: Colors.grey.withOpacity(0.3))
+            : null,
+      ),
+      child: Opacity(
+        opacity: record.isExpired ? 0.6 : 1.0,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // 第一行：来源类型 + 获得算力
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Row(
+                  children: [
+                    _buildSourceTypeBadge(record.sourceType),
+                    const SizedBox(width: 8),
+                    if (record.levelDepth != null)
+                      _buildLevelBadge('L${record.levelDepth}')
+                    else if (record.bonusTier != null)
+                      _buildLevelBadge('T${record.bonusTier}'),
+                  ],
+                ),
+                Text(
+                  '+${formatAmount(record.finalContribution)}',
+                  style: TextStyle(
+                    fontSize: 18,
+                    fontWeight: FontWeight.bold,
+                    color: record.isExpired ? _grayText : _green,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+
+            // 第二行：来源用户
+            Row(
+              children: [
+                Icon(Icons.person_outline, size: 14, color: _grayText),
+                const SizedBox(width: 4),
+                Text(
+                  record.sourceType == ContributionSourceType.personal
+                      ? '本人认种'
+                      : record.sourceAccountSequence ?? '未知用户',
+                  style: TextStyle(fontSize: 13, color: _grayText),
+                ),
+              ],
+            ),
+            const SizedBox(height: 8),
+
+            // 第三行：详细信息
+            Wrap(
+              spacing: 16,
+              runSpacing: 4,
+              children: [
+                _buildInfoItem('棵数', '${record.treeCount}'),
+                _buildInfoItem('基础算力', formatAmount(record.baseContribution)),
+                _buildInfoItem('分配比例', _formatPercent(record.distributionRate)),
+              ],
+            ),
+            const SizedBox(height: 8),
+
+            // 第四行：日期信息
+            Row(
+              children: [
+                Expanded(
+                  child: Row(
+                    children: [
+                      Icon(Icons.calendar_today_outlined, size: 12, color: _grayText.withOpacity(0.7)),
+                      const SizedBox(width: 4),
+                      Text(
+                        '生效: ${DateFormat('yyyy-MM-dd').format(record.effectiveDate)}',
+                        style: TextStyle(fontSize: 11, color: _grayText.withOpacity(0.7)),
+                      ),
+                    ],
+                  ),
+                ),
+                Row(
+                  children: [
+                    Icon(
+                      record.isExpired ? Icons.event_busy_outlined : Icons.event_available_outlined,
+                      size: 12,
+                      color: record.isExpired ? Colors.red.withOpacity(0.7) : _grayText.withOpacity(0.7),
+                    ),
+                    const SizedBox(width: 4),
+                    Text(
+                      '过期: ${DateFormat('yyyy-MM-dd').format(record.expireDate)}',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: record.isExpired ? Colors.red.withOpacity(0.7) : _grayText.withOpacity(0.7),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+
+            // 状态标签
+            if (record.isExpired) ...[
+              const SizedBox(height: 8),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                decoration: BoxDecoration(
+                  color: Colors.red.withOpacity(0.1),
+                  borderRadius: BorderRadius.circular(4),
+                ),
+                child: const Text(
+                  '已过期',
+                  style: TextStyle(fontSize: 10, color: Colors.red),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSourceTypeBadge(ContributionSourceType type) {
+    String label;
+    Color bgColor;
+    Color textColor;
+
+    switch (type) {
+      case ContributionSourceType.personal:
+        label = '个人认种';
+        bgColor = _orange.withOpacity(0.1);
+        textColor = _orange;
+        break;
+      case ContributionSourceType.teamLevel:
+        label = '团队层级';
+        bgColor = Colors.blue.withOpacity(0.1);
+        textColor = Colors.blue;
+        break;
+      case ContributionSourceType.teamBonus:
+        label = '团队奖励';
+        bgColor = Colors.purple.withOpacity(0.1);
+        textColor = Colors.purple;
+        break;
+    }
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: bgColor,
+        borderRadius: BorderRadius.circular(4),
+      ),
+      child: Text(
+        label,
+        style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500, color: textColor),
+      ),
+    );
+  }
+
+  Widget _buildLevelBadge(String label) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+      decoration: BoxDecoration(
+        color: _bgGray,
+        borderRadius: BorderRadius.circular(4),
+      ),
+      child: Text(
+        label,
+        style: TextStyle(fontSize: 11, color: _grayText, fontWeight: FontWeight.w500),
+      ),
+    );
+  }
+
+  Widget _buildInfoItem(String label, String value) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Text(
+          '$label: ',
+          style: TextStyle(fontSize: 12, color: _grayText.withOpacity(0.7)),
+        ),
+        Text(
+          value,
+          style: TextStyle(fontSize: 12, color: _darkText, fontWeight: FontWeight.w500),
+        ),
+      ],
+    );
+  }
+
+  String _formatPercent(String rate) {
+    try {
+      final value = double.parse(rate);
+      return '${(value * 100).toStringAsFixed(1)}%';
+    } catch (e) {
+      return rate;
+    }
+  }
+
+  Widget _buildPaginationInfo(ContributionRecordsPage recordsPage) {
+    final totalPages = (recordsPage.total / _pageSize).ceil();
+
+    return Container(
+      padding: const EdgeInsets.symmetric(vertical: 16),
+      child: Column(
+        children: [
+          Text(
+            '共 ${recordsPage.total} 条记录，第 $_currentPage / $totalPages 页',
+            style: TextStyle(fontSize: 12, color: _grayText),
+          ),
+          const SizedBox(height: 12),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              if (_currentPage > 1)
+                TextButton.icon(
+                  onPressed: () {
+                    setState(() => _currentPage--);
+                  },
+                  icon: const Icon(Icons.chevron_left, size: 18),
+                  label: const Text('上一页'),
+                  style: TextButton.styleFrom(foregroundColor: _orange),
+                ),
+              const SizedBox(width: 16),
+              if (_currentPage < totalPages)
+                TextButton.icon(
+                  onPressed: () {
+                    setState(() => _currentPage++);
+                  },
+                  icon: const Text('下一页'),
+                  label: const Icon(Icons.chevron_right, size: 18),
+                  style: TextButton.styleFrom(foregroundColor: _orange),
+                ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+/// Shimmer box widget for loading state
+class ShimmerBox extends StatelessWidget {
+  final double width;
+  final double height;
+
+  const ShimmerBox({
+    super.key,
+    required this.width,
+    required this.height,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: width,
+      height: height,
+      decoration: BoxDecoration(
+        color: Colors.grey[300],
+        borderRadius: BorderRadius.circular(4),
+      ),
+    );
+  }
+}