fix(theme): 修复组件主题硬编码问题

- asset_card: Colors.white/black → colorScheme - gradient_button: Colors.white → onPrimary - trade_button: Colors.white → onPrimary - 支持亮/暗主题动态切换
refactor: 使用 Clean Code 原则优化 Flutter 代码
2026-03-24 08:45:54 +08:00 · 2026-03-24 03:06:17 +08:00
5 changed files with 100 additions and 82 deletions
--- a/flutter_monisuo/lib/ui/components/asset_card.dart
+++ b/flutter_monisuo/lib/ui/components/asset_card.dart
@@ -52,9 +52,14 @@ class AssetCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final theme = ShadTheme.of(context);
+    final colorScheme = Theme.of(context).colorScheme;
    final isDark = Theme.of(context).brightness == Brightness.dark;
    final cardGradient = gradient ?? defaultGradientBuilder(isDark);

+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final primaryTextColor = colorScheme.onPrimary;
+    final secondaryTextColor = colorScheme.onPrimary.withValues(alpha: 0.7);
+
    return GestureDetector(
      onTap: onTap,
      child: Container(
@@ -65,7 +70,7 @@ class AssetCard extends StatelessWidget {
          borderRadius: BorderRadius.circular(AppRadius.xl),
          boxShadow: [
            BoxShadow(
-              color: Colors.black.withValues(alpha: 0.1),
+              color: colorScheme.onSurface.withValues(alpha: 0.1),
              blurRadius: 10,
              offset: const Offset(0, 4),
            ),
@@ -79,13 +84,13 @@ class AssetCard extends StatelessWidget {
              children: [
                Text(
                  title,
-                  style: theme.textTheme.small.copyWith(color: Colors.white70),
+                  style: theme.textTheme.small.copyWith(color: secondaryTextColor),
                ),
                const Spacer(),
                if (onTap != null)
-                  const Icon(
+                  Icon(
                    LucideIcons.chevronRight,
-                    color: Colors.white70,
+                    color: secondaryTextColor,
                    size: 18,
                  ),
              ],
@@ -96,7 +101,7 @@ class AssetCard extends StatelessWidget {
              balance,
              style: theme.textTheme.h1.copyWith(
                fontWeight: FontWeight.bold,
-                color: Colors.white,
+                color: primaryTextColor,
                fontSize: 32,
              ),
            ),
@@ -107,13 +112,13 @@ class AssetCard extends StatelessWidget {
                children: [
                  Icon(
                    isProfit == true ? LucideIcons.trendingUp : LucideIcons.trendingDown,
-                    color: Colors.white70,
+                    color: secondaryTextColor,
                    size: 16,
                  ),
                  const SizedBox(width: 6),
                  Text(
                    '盈亏: $profit',
-                    style: theme.textTheme.small.copyWith(color: Colors.white70),
+                    style: theme.textTheme.small.copyWith(color: secondaryTextColor),
                  ),
                ],
              ),
@@ -123,7 +128,7 @@ class AssetCard extends StatelessWidget {
              const SizedBox(height: AppSpacing.lg),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: items!.map((item) => _buildItem(item)).toList(),
+                children: items!.map((item) => _buildItem(item, primaryTextColor, secondaryTextColor)).toList(),
              ),
            ],
          ],
@@ -132,21 +137,21 @@ class AssetCard extends StatelessWidget {
    ).animate().fadeIn(duration: 400.ms).slideY(begin: 0.1, end: 0);
  }

-  Widget _buildItem(AssetItem item) {
+  Widget _buildItem(AssetItem item, Color primaryTextColor, Color secondaryTextColor) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          item.label,
-          style: const TextStyle(fontSize: 12, color: Colors.white70),
+          style: TextStyle(fontSize: 12, color: secondaryTextColor),
        ),
        const SizedBox(height: 4),
        Text(
          item.value,
-          style: const TextStyle(
+          style: TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.w600,
-            color: Colors.white,
+            color: primaryTextColor,
          ),
        ),
      ],
--- a/flutter_monisuo/lib/ui/components/gradient_button.dart
+++ b/flutter_monisuo/lib/ui/components/gradient_button.dart
@@ -96,6 +96,9 @@ class GradientButton extends StatelessWidget {
    final buttonGradient = gradient ??
        (isDark ? AppColorScheme.darkCtaGradient : AppColorScheme.lightCtaGradient);

+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final textColor = colorScheme.onPrimary;
+
    return Container(
      width: isFullWidth ? double.infinity : null,
      height: height,
@@ -114,23 +117,23 @@ class GradientButton extends StatelessWidget {
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                if (isLoading)
-                  const SizedBox(
+                  SizedBox(
                    width: 20,
                    height: 20,
                    child: CircularProgressIndicator(
                      strokeWidth: 2,
-                      color: Colors.white,
+                      color: textColor,
                    ),
                  )
                else ...[
                  if (icon != null) ...[
-                    Icon(icon, size: 18, color: Colors.white),
+                    Icon(icon, size: 18, color: textColor),
                    SizedBox(width: AppSpacing.sm),
                  ],
                  Text(
                    text,
-                    style: const TextStyle(
-                      color: Colors.white,
+                    style: TextStyle(
+                      color: textColor,
                      fontSize: 16,
                      fontWeight: FontWeight.w600,
                    ),
--- a/flutter_monisuo/lib/ui/components/trade_button.dart
+++ b/flutter_monisuo/lib/ui/components/trade_button.dart
@@ -45,11 +45,15 @@ class TradeButton extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
    final gradient = isBuy ? AppColorScheme.buyGradient : AppColorScheme.sellGradient;
    final text = isBuy
        ? '买入${coinCode != null ? ' $coinCode' : ''}'
        : '卖出${coinCode != null ? ' $coinCode' : ''}';

+    // 主题感知颜色 - 在渐变背景上使用 onPrimary
+    final textColor = colorScheme.onPrimary;
+
    return Container(
      width: fullWidth ? double.infinity : null,
      height: 48,
@@ -68,24 +72,24 @@ class TradeButton extends StatelessWidget {
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                if (isLoading)
-                  const SizedBox.square(
+                  SizedBox.square(
                    dimension: 16,
                    child: CircularProgressIndicator(
                      strokeWidth: 2,
-                      color: Colors.white,
+                      color: textColor,
                    ),
                  )
                else
                  Icon(
                    isBuy ? Icons.arrow_downward_rounded : Icons.arrow_upward_rounded,
                    size: 18,
-                    color: Colors.white,
+                    color: textColor,
                  ),
                const SizedBox(width: 8),
                Text(
                  text,
-                  style: const TextStyle(
-                    color: Colors.white,
+                  style: TextStyle(
+                    color: textColor,
                    fontSize: 16,
                    fontWeight: FontWeight.w600,
                  ),
--- a/flutter_monisuo/lib/ui/pages/home/home_page.dart
+++ b/flutter_monisuo/lib/ui/pages/home/home_page.dart
@@ -48,26 +48,31 @@ class _HomePageState extends State<HomePage> with AutomaticKeepAliveClientMixin
            color: colorScheme.primary,
            child: SingleChildScrollView(
              physics: const AlwaysScrollableScrollPhysics(),
-              padding: const EdgeInsets.fromLTRB(24, 8, 24, 100),
+              padding: EdgeInsets.only(
+                left: AppSpacing.lg,
+                right: AppSpacing.lg,
+                top: AppSpacing.sm,
+                bottom: 100, // 底部留出导航栏空间
+              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  // 用户问候
                  _GreetingSection().animate().fadeIn(duration: 300.ms).slideX(begin: -0.1, end: 0),
-                  const SizedBox(height: 16),
+                  SizedBox(height: AppSpacing.md),
                  // 玻璃拟态余额卡片
                  _GlassBalanceCard(overview: provider.overview)
                      .animate()
                      .fadeIn(duration: 400.ms, delay: 100.ms)
                      .slideY(begin: 0.1, end: 0),
-                  const SizedBox(height: 24),
+                  SizedBox(height: AppSpacing.lg),
                  // 快捷操作
                  _QuickActionsGrid(
                    onDeposit: _showDeposit,
                    onWithdraw: _showWithdraw,
                    onTransfer: _showTransfer,
                  ).animate().fadeIn(duration: 500.ms, delay: 200.ms),
-                  const SizedBox(height: 32),
+                  SizedBox(height: AppSpacing.xl),
                  // 持仓部分
                  _HoldingsSection(holdings: provider.holdings)
                      .animate()
@@ -201,7 +206,7 @@ class _GreetingSection extends StatelessWidget {
                letterSpacing: 0.5,
              ),
            ),
-            const SizedBox(height: 4),
+            SizedBox(height: AppSpacing.xs),
            Text(
              '${auth.user?.username ?? '用户'}',
              style: TextStyle(
@@ -230,10 +235,10 @@ class _GlassBalanceCard extends StatelessWidget {

    return Container(
      width: double.infinity,
-      padding: const EdgeInsets.all(32),
+      padding: EdgeInsets.all(AppSpacing.xl),
      decoration: BoxDecoration(
        color: colorScheme.surfaceBright.withOpacity(isDark ? 0.4 : 0.6),
-        borderRadius: BorderRadius.circular(32),
+        borderRadius: BorderRadius.circular(AppRadius.xxl + AppSpacing.sm),
        border: Border.all(
          color: colorScheme.outlineVariant.withOpacity(0.1),
        ),
@@ -242,10 +247,10 @@ class _GlassBalanceCard extends StatelessWidget {
        children: [
          // 装饰性发光 - 右上
          Positioned(
-            top: -48,
-            right: -48,
+            top: -AppSpacing.xxl,
+            right: -AppSpacing.xxl,
            child: Container(
-              width: 128,
+              width: 128, // 装饰性元素保持固定尺寸
              height: 128,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
@@ -255,10 +260,10 @@ class _GlassBalanceCard extends StatelessWidget {
          ),
          // 装饰性发光 - 左下
          Positioned(
-            bottom: -48,
-            left: -48,
+            bottom: -AppSpacing.xxl,
+            left: -AppSpacing.xxl,
            child: Container(
-              width: 128,
+              width: 128, // 装饰性元素保持固定尺寸
              height: 128,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
@@ -290,7 +295,7 @@ class _GlassBalanceCard extends StatelessWidget {
                  ),
                ],
              ),
-              const SizedBox(height: 8),
+              SizedBox(height: AppSpacing.sm),
              // 余额数值
              Row(
                crossAxisAlignment: CrossAxisAlignment.end,
@@ -318,13 +323,13 @@ class _GlassBalanceCard extends StatelessWidget {
                  ),
                ],
              ),
-              const SizedBox(height: 16),
+              SizedBox(height: AppSpacing.md),
              // 今日盈亏
              Container(
-                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                padding: EdgeInsets.symmetric(horizontal: AppSpacing.sm, vertical: AppSpacing.xs),
                decoration: BoxDecoration(
                  color: AppColorScheme.up.withOpacity(0.1),
-                  borderRadius: BorderRadius.circular(8),
+                  borderRadius: BorderRadius.circular(AppRadius.md),
                ),
                child: Row(
                  mainAxisSize: MainAxisSize.min,
@@ -334,7 +339,7 @@ class _GlassBalanceCard extends StatelessWidget {
                      color: AppColorScheme.up,
                      size: 16,
                    ),
-                    const SizedBox(width: 4),
+                    SizedBox(width: AppSpacing.xs),
                    Text(
                      '+0.00%',
                      style: TextStyle(
@@ -343,7 +348,7 @@ class _GlassBalanceCard extends StatelessWidget {
                        fontSize: 14,
                      ),
                    ),
-                    const SizedBox(width: 8),
+                    SizedBox(width: AppSpacing.sm),
                    Text(
                      "Today's PNL",
                      style: TextStyle(
@@ -470,7 +475,7 @@ class _QuickActionBtnState extends State<_QuickActionBtn> {
              size: 24,
            ),
          ),
-          const SizedBox(height: 8),
+          SizedBox(height: AppSpacing.sm),
          Text(
            widget.label,
            style: TextStyle(
@@ -533,7 +538,7 @@ class _HoldingsSection extends StatelessWidget {
            ),
          ],
        ),
-        const SizedBox(height: 16),
+        SizedBox(height: AppSpacing.md),
        // 持仓内容
        holdings.isEmpty ? const _EmptyHoldings() : _HoldingsList(holdings: holdings),
      ],
@@ -552,10 +557,10 @@ class _EmptyHoldings extends StatelessWidget {

    return Container(
      width: double.infinity,
-      padding: const EdgeInsets.symmetric(vertical: 48, horizontal: 24),
+      padding: EdgeInsets.symmetric(vertical: AppSpacing.xxl, horizontal: AppSpacing.lg),
      decoration: BoxDecoration(
        color: colorScheme.surfaceContainerLow.withOpacity(0.5),
-        borderRadius: BorderRadius.circular(40),
+        borderRadius: BorderRadius.circular(AppRadius.xxl + AppSpacing.xl),
        border: Border.all(
          color: colorScheme.outlineVariant.withOpacity(0.1),
        ),
@@ -574,7 +579,7 @@ class _EmptyHoldings extends StatelessWidget {
                    angle: 0.2,
                    child: Container(
                      decoration: BoxDecoration(
-                        borderRadius: BorderRadius.circular(24),
+                        borderRadius: BorderRadius.circular(AppRadius.xxl),
                        gradient: LinearGradient(
                          colors: [
                            colorScheme.primary.withOpacity(isDark ? 0.2 : 0.1),
@@ -589,19 +594,19 @@ class _EmptyHoldings extends StatelessWidget {
                Positioned.fill(
                  child: Center(
                    child: Container(
-                      width: 80,
+                      width: 80, // 图标容器保持固定尺寸
                      height: 80,
                      decoration: BoxDecoration(
                        color: colorScheme.surfaceContainerHighest,
-                        borderRadius: BorderRadius.circular(24),
+                        borderRadius: BorderRadius.circular(AppRadius.xxl),
                        border: Border.all(
                          color: colorScheme.outlineVariant.withOpacity(0.2),
                        ),
                        boxShadow: [
                          BoxShadow(
                            color: Colors.black.withOpacity(isDark ? 0.3 : 0.1),
-                            blurRadius: 24,
-                            offset: const Offset(0, 8),
+                            blurRadius: AppSpacing.lg,
+                            offset: Offset(0, AppSpacing.sm),
                          ),
                        ],
                      ),
@@ -615,10 +620,10 @@ class _EmptyHoldings extends StatelessWidget {
                ),
                // 代币图标
                Positioned(
-                  top: 8,
-                  right: 16,
+                  top: AppSpacing.sm,
+                  right: AppSpacing.md,
                  child: Container(
-                    width: 40,
+                    width: 40, // 小图标保持固定尺寸
                    height: 40,
                    decoration: BoxDecoration(
                      shape: BoxShape.circle,
@@ -637,7 +642,7 @@ class _EmptyHoldings extends StatelessWidget {
              ],
            ),
          ),
-          const SizedBox(height: 24),
+          SizedBox(height: AppSpacing.lg),
          Text(
            'No holdings yet.',
            style: TextStyle(
@@ -646,7 +651,7 @@ class _EmptyHoldings extends StatelessWidget {
              fontSize: 16,
            ),
          ),
-          const SizedBox(height: 8),
+          SizedBox(height: AppSpacing.sm),
          Text(
            '暂无持仓，快去交易吧~',
            style: TextStyle(
@@ -654,16 +659,16 @@ class _EmptyHoldings extends StatelessWidget {
              fontSize: 14,
            ),
          ),
-          const SizedBox(height: 32),
+          SizedBox(height: AppSpacing.xl),
          // 开始交易按钮
          Container(
            decoration: BoxDecoration(
              gradient: isDark ? AppColorScheme.darkCtaGradient : AppColorScheme.lightCtaGradient,
-              borderRadius: BorderRadius.circular(12),
+              borderRadius: BorderRadius.circular(AppRadius.lg),
              boxShadow: [
                BoxShadow(
                  color: colorScheme.primary.withOpacity(isDark ? 0.3 : 0.2),
-                  blurRadius: 30,
+                  blurRadius: 30, // 大模糊半径保持固定
                  offset: const Offset(0, 10),
                ),
              ],
@@ -672,9 +677,9 @@ class _EmptyHoldings extends StatelessWidget {
              color: Colors.transparent,
              child: InkWell(
                onTap: () {},
-                borderRadius: BorderRadius.circular(12),
+                borderRadius: BorderRadius.circular(AppRadius.lg),
                child: Padding(
-                  padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 16),
+                  padding: EdgeInsets.symmetric(horizontal: 40, vertical: AppSpacing.md),
                  child: Text(
                    'Start Trading',
                    style: TextStyle(
@@ -708,7 +713,7 @@ class _HoldingsList extends StatelessWidget {
    return Container(
      decoration: BoxDecoration(
        color: colorScheme.surface.withOpacity(0.5),
-        borderRadius: BorderRadius.circular(24),
+        borderRadius: BorderRadius.circular(AppRadius.xxl),
        border: Border.all(
          color: colorScheme.outlineVariant.withOpacity(0.1),
        ),
@@ -716,7 +721,7 @@ class _HoldingsList extends StatelessWidget {
      child: ListView.separated(
        shrinkWrap: true,
        physics: const NeverScrollableScrollPhysics(),
-        padding: const EdgeInsets.all(16),
+        padding: EdgeInsets.all(AppSpacing.md),
        itemCount: displayHoldings.length,
        separatorBuilder: (_, __) => Divider(
          color: colorScheme.outlineVariant.withOpacity(0.1),
@@ -743,14 +748,14 @@ class _HoldingItem extends StatelessWidget {
    final colorScheme = Theme.of(context).colorScheme;

    return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 12),
+      padding: EdgeInsets.symmetric(vertical: AppSpacing.sm + AppSpacing.xs),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Row(
            children: [
              CircleAvatar(
-                radius: 18,
+                radius: 18, // 头像半径保持固定
                backgroundColor: colorScheme.primary.withOpacity(0.1),
                child: Text(
                  holding.coinCode.substring(0, 1),
@@ -760,7 +765,7 @@ class _HoldingItem extends StatelessWidget {
                  ),
                ),
              ),
-              const SizedBox(width: 12),
+              SizedBox(width: AppSpacing.sm + AppSpacing.xs),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
--- a/flutter_monisuo/lib/ui/pages/main/main_page.dart
+++ b/flutter_monisuo/lib/ui/pages/main/main_page.dart
@@ -2,6 +2,7 @@ import 'dart:ui';
 import 'package:flutter/material.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 import 'package:provider/provider.dart';
+import '../../../core/theme/app_spacing.dart';
 import '../../../providers/auth_provider.dart';
 import '../home/home_page.dart';
 import '../market/market_page.dart';
@@ -84,22 +85,22 @@ class _TopAppBar extends StatelessWidget {
    final isDark = Theme.of(context).brightness == Brightness.dark;

    return Container(
-      height: 64,
+      height: 64, // 顶部导航栏高度保持固定
      decoration: BoxDecoration(
        color: colorScheme.surfaceBright.withOpacity(0.4),
        boxShadow: [
          BoxShadow(
            color: colorScheme.primary.withOpacity(isDark ? 0.15 : 0.08),
-            blurRadius: 64,
+            blurRadius: 64, // 大模糊效果保持固定
            offset: const Offset(0, 32),
          ),
        ],
      ),
      child: ClipRRect(
        child: BackdropFilter(
-          filter: ImageFilter.blur(sigmaX: 24, sigmaY: 24),
+          filter: ImageFilter.blur(sigmaX: AppSpacing.xl, sigmaY: AppSpacing.xl),
          child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 24),
+            padding: EdgeInsets.symmetric(horizontal: AppSpacing.lg),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
@@ -110,7 +111,7 @@ class _TopAppBar extends StatelessWidget {
                      children: [
                        // 头像
                        Container(
-                          width: 32,
+                          width: 32, // 头像尺寸保持固定
                          height: 32,
                          decoration: BoxDecoration(
                            shape: BoxShape.circle,
@@ -130,7 +131,7 @@ class _TopAppBar extends StatelessWidget {
                            ),
                          ),
                        ),
-                        const SizedBox(width: 12),
+                        SizedBox(width: AppSpacing.sm + AppSpacing.xs),
                        // 标题
                        Text(
                          '模拟所',
@@ -152,7 +153,7 @@ class _TopAppBar extends StatelessWidget {
                      icon: LucideIcons.search,
                      onTap: () {},
                    ),
-                    const SizedBox(width: 8),
+                    SizedBox(width: AppSpacing.sm),
                    _IconBtn(
                      icon: LucideIcons.bell,
                      onTap: () {},
@@ -182,7 +183,7 @@ class _IconBtn extends StatelessWidget {
    return GestureDetector(
      onTap: onTap,
      child: Container(
-        padding: const EdgeInsets.all(8),
+        padding: EdgeInsets.all(AppSpacing.sm),
        child: Icon(
          icon,
          color: colorScheme.onSurfaceVariant,
@@ -212,7 +213,7 @@ class _BottomNavBar extends StatelessWidget {
    return Container(
      decoration: BoxDecoration(
        color: colorScheme.surfaceContainerLow.withOpacity(0.8),
-        borderRadius: const BorderRadius.vertical(top: Radius.circular(32)),
+        borderRadius: BorderRadius.vertical(top: Radius.circular(AppRadius.xxl + AppSpacing.sm)),
        border: Border(
          top: BorderSide(
            color: colorScheme.outlineVariant.withOpacity(0.15),
@@ -221,18 +222,18 @@ class _BottomNavBar extends StatelessWidget {
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.5),
-            blurRadius: 40,
+            blurRadius: 40, // 阴影效果保持固定
            offset: const Offset(0, -10),
          ),
        ],
      ),
      child: ClipRRect(
-        borderRadius: const BorderRadius.vertical(top: Radius.circular(32)),
+        borderRadius: BorderRadius.vertical(top: Radius.circular(AppRadius.xxl + AppSpacing.sm)),
        child: BackdropFilter(
-          filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
+          filter: ImageFilter.blur(sigmaX: AppSpacing.md, sigmaY: AppSpacing.md),
          child: SafeArea(
            child: Padding(
-              padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
+              padding: EdgeInsets.fromLTRB(AppSpacing.md, AppSpacing.sm, AppSpacing.md, AppSpacing.lg),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: items.asMap().entries.map((entry) {
@@ -273,15 +274,15 @@ class _NavItemWidget extends StatelessWidget {
      behavior: HitTestBehavior.opaque,
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 300),
-        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+        padding: EdgeInsets.symmetric(horizontal: AppSpacing.md, vertical: AppSpacing.sm),
        decoration: isSelected
            ? BoxDecoration(
                color: colorScheme.primary.withOpacity(0.1),
-                borderRadius: BorderRadius.circular(16),
+                borderRadius: BorderRadius.circular(AppSpacing.md),
                boxShadow: [
                  BoxShadow(
                    color: colorScheme.primary.withOpacity(0.3),
-                    blurRadius: 15,
+                    blurRadius: 15, // 发光效果保持固定
                    spreadRadius: 0,
                  ),
                ],
@@ -295,7 +296,7 @@ class _NavItemWidget extends StatelessWidget {
              color: color,
              size: 24,
            ),
-            const SizedBox(height: 4),
+            SizedBox(height: AppSpacing.xs),
            Text(
              item.label,
              style: TextStyle(