fix：靠原型不齐页面

ios/Runner.xcodeproj/project.pbxproj

@@ -299,14 +299,10 @@
 			inputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-			);
 			name = "[CP] Embed Pods Frameworks";
 			outputFileListPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
 			);
-			outputPaths = (
-			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";

lib/app/app.dart

@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 
@@ -15,10 +14,7 @@ class JinzhiApp extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final router = ref.watch(routerProvider);
     final mode = ref.watch(themeModeControllerProvider);
-    // DM Sans 作主字体（拉丁/数字），中文走系统级联（iOS 苹方 / Android 厂商
+    final textTheme = ShadTextTheme();
-    // 中文字体）——主流做法，不显式点名、不内置字体。
-    final dmSansFamily = GoogleFonts.dmSans().fontFamily;
-    final textTheme = ShadTextTheme(family: dmSansFamily);
     return ShadApp.router(
       title: '金值',
       themeMode: mode,

lib/common/router/app_router.dart

@@ -3,6 +3,7 @@ import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 import '../../features/assets/presentation/assets_page.dart';
+import '../../features/assets/presentation/holding_detail_page.dart';
 import '../../features/auth/presentation/delete_account_page.dart';
 import '../../features/auth/presentation/login_page.dart';
 import '../../features/debug/presentation/debug_info_page.dart';
@@ -11,8 +12,11 @@ import '../../features/debug/presentation/debug_shorebird_page.dart';
 import '../../features/debug/presentation/fancy_dio_inspector_page.dart';
 import '../../features/debug/presentation/typography_test_page.dart';
 import '../../features/market/presentation/market_page.dart';
+import '../../features/market/presentation/market_kline_page.dart';
 import '../../features/news/presentation/news_page.dart';
+import '../../features/news/presentation/news_detail_page.dart';
 import '../../features/profile/presentation/profile_page.dart';
+import '../../features/profile/presentation/profile_action_pages.dart';
 import '../../features/settings/presentation/settings_page.dart';
 import '../../features/settings/presentation/privacy_consent_page.dart';
 import '../services/device_header_service.dart';
@@ -21,8 +25,22 @@ import 'tab_shell.dart';
 abstract final class AppRoutes {
   static const assets = '/assets';
   static const market = '/market';
+  static const marketKline = '/market/kline';
   static const news = '/news';
+  static const newsDetail = '/news/detail';
   static const profile = '/profile';
+  static const profileInvite = '/profile/invite';
+  static const profileShare = '/profile/share';
+  static const profileLocalBackup = '/profile/local-backup';
+  static const profileCloudBackup = '/profile/cloud-backup';
+  static const profileWidget = '/profile/widget';
+  static const profilePurity = '/profile/purity';
+  static const profileRecycle = '/profile/recycle';
+  static const profilePriceColor = '/profile/price-color';
+  static const profileCurrency = '/profile/currency';
+  static const profileDisclaimer = '/profile/disclaimer';
+  static const profileAbout = '/profile/about';
+  static const assetDetail = '/assets/detail';
   static const login = '/login';
   static const settings = '/settings';
   static const deleteAccount = '/delete-account';
@@ -73,6 +91,77 @@ final routerProvider = Provider<GoRouter>((ref) {
           ),
         ],
       ),
+      GoRoute(
+        path: AppRoutes.assetDetail,
+        builder: (ctx, s) =>
+            HoldingDetailPage(id: s.uri.queryParameters['id']),
+      ),
+      GoRoute(
+        path: AppRoutes.marketKline,
+        builder: (ctx, s) => MarketKlinePage(
+          metalId: s.uri.queryParameters['metal'],
+          periodId: s.uri.queryParameters['period'],
+        ),
+      ),
+      GoRoute(
+        path: AppRoutes.newsDetail,
+        builder: (ctx, s) => NewsDetailPage(id: s.uri.queryParameters['id']),
+      ),
+      GoRoute(
+        path: AppRoutes.profileInvite,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const InviteRewardPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileShare,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const ShareCardPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileLocalBackup,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const LocalBackupPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileCloudBackup,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const CloudBackupPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileWidget,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const WidgetSettingsPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profilePurity,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const PuritySettingsPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileRecycle,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const RecycleDiscountPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profilePriceColor,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const PriceColorPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileCurrency,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const CurrencyPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileDisclaimer,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const DisclaimerPage()),
+      ),
+      GoRoute(
+        path: AppRoutes.profileAbout,
+        pageBuilder: (ctx, s) =>
+            _bottomUpPage(state: s, child: const AboutPage()),
+      ),
       GoRoute(path: AppRoutes.debug, builder: (_, s) => const DebugPage()),
       GoRoute(
         path: AppRoutes.login,
@@ -113,3 +202,32 @@ final routerProvider = Provider<GoRouter>((ref) {
     ],
   );
 });
+
+CustomTransitionPage<T> _bottomUpPage<T>({
+  required GoRouterState state,
+  required Widget child,
+}) {
+  return CustomTransitionPage<T>(
+    key: state.pageKey,
+    transitionDuration: const Duration(milliseconds: 260),
+    reverseTransitionDuration: const Duration(milliseconds: 220),
+    child: child,
+    transitionsBuilder: (context, animation, secondaryAnimation, pageChild) {
+      final curved = CurvedAnimation(
+        parent: animation,
+        curve: Curves.easeOutCubic,
+        reverseCurve: Curves.easeInCubic,
+      );
+      return SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0, 0.08),
+          end: Offset.zero,
+        ).animate(curved),
+        child: FadeTransition(
+          opacity: curved,
+          child: pageChild,
+        ),
+      );
+    },
+  );
+}

lib/common/router/tab_shell.dart

@@ -1,11 +1,8 @@
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 
 import '../theme/app_icons.dart';
-import '../widgets/adaptive.dart';
-import 'app_router.dart';
 
 class TabShell extends StatefulWidget {
   const TabShell({super.key, required this.child, required this.location});
@@ -44,129 +41,88 @@ class _TabShellState extends State<TabShell> {
     return Scaffold(
       backgroundColor: cs.background,
       resizeToAvoidBottomInset: false,
-      body: Stack(
+      appBar: AppBar(
-        children: [
+        backgroundColor: cs.background,
-          Scaffold(
+        surfaceTintColor: Colors.transparent,
-            backgroundColor: cs.background,
+        elevation: 0,
-            resizeToAvoidBottomInset: false,
+        scrolledUnderElevation: 0,
-            appBar: AppBar(
+        centerTitle: true,
-              backgroundColor: cs.background,
+        toolbarHeight: 32,
-              surfaceTintColor: Colors.transparent,
+        leading: canPop
-              elevation: 0,
+            ? IconButton(
-              scrolledUnderElevation: 0,
+                onPressed: () => context.pop(),
-              centerTitle: true,
+                icon: const Icon(Icons.chevron_left, size: 20),
-              toolbarHeight: 32,
+              )
-              leading: canPop
+            : null,
-                  ? IconButton(
+        title: AnimatedOpacity(
-                      onPressed: () => context.pop(),
+          opacity: _showCompactHeader ? 1 : 0,
-                      icon: const Icon(Icons.chevron_left, size: 20),
+          duration: const Duration(milliseconds: 160),
-                    )
+          curve: Curves.easeOut,
-                  : null,
+          child: Column(
-              title: AnimatedOpacity(
+            mainAxisSize: MainAxisSize.min,
-                opacity: _showCompactHeader ? 1 : 0,
+            children: [
-                duration: const Duration(milliseconds: 160),
+              Text(
-                curve: Curves.easeOut,
+                header.title,
-                child: Column(
+                textAlign: TextAlign.center,
-                  mainAxisSize: MainAxisSize.min,
+                style: TextStyle(
-                  children: [
+                  fontSize: 15,
-                    Text(
+                  fontWeight: FontWeight.w700,
-                      header.title,
+                  color: cs.foreground,
-                      textAlign: TextAlign.center,
+                  height: 1.1,
-                      style: TextStyle(
+                  letterSpacing: 0,
-                        fontSize: 15,
-                        fontWeight: FontWeight.w700,
-                        color: cs.foreground,
-                        height: 1.1,
-                        letterSpacing: 0,
-                      ),
-                    ),
-                    if (header.subtitle != null) ...[
-                      const SizedBox(height: 2),
-                      Text(
-                        header.subtitle!,
-                        maxLines: 1,
-                        overflow: TextOverflow.ellipsis,
-                        textAlign: TextAlign.center,
-                        style: TextStyle(
-                          fontSize: 11,
-                          fontWeight: FontWeight.w400,
-                          color: cs.mutedForeground,
-                          height: 1.1,
-                          letterSpacing: 0,
-                        ),
-                      ),
-                    ],
-                  ],
                 ),
               ),
-            ),
+              if (header.subtitle != null) ...[
-            body: ColoredBox(
+                const SizedBox(height: 2),
-              color: cs.background,
+                Text(
-              child: NotificationListener<ScrollNotification>(
+                  header.subtitle!,
-                onNotification: _handleScrollNotification,
+                  maxLines: 1,
-                child: Stack(children: [Positioned.fill(child: widget.child)]),
+                  overflow: TextOverflow.ellipsis,
-              ),
+                  textAlign: TextAlign.center,
-            ),
+                  style: TextStyle(
-            bottomNavigationBar: SafeArea(
+                    fontSize: 11,
-              top: false,
+                    fontWeight: FontWeight.w400,
-              child: Column(
+                    color: cs.mutedForeground,
-                mainAxisSize: MainAxisSize.min,
+                    height: 1.1,
-                children: [
+                    letterSpacing: 0,
-                  DecoratedBox(
+                  ),
-                    decoration: BoxDecoration(
+                ),
-                      color: cs.background,
+              ],
-                      border: Border(
+            ],
-                        top: BorderSide(color: cs.border, width: 1),
+          ),
-                      ),
+        ),
-                    ),
+      ),
-                    child: SizedBox(
+      body: ColoredBox(
-                      height: 62,
+        color: cs.background,
-                      // 平板：tab 行限宽 600 居中（demo .nav .tabs）
+        child: NotificationListener<ScrollNotification>(
-                      child: Center(
+          onNotification: _handleScrollNotification,
-                        child: ConstrainedBox(
+          child: Stack(children: [Positioned.fill(child: widget.child)]),
-                          constraints: const BoxConstraints(
+        ),
-                            maxWidth: Adaptive.tabsMaxWidth,
+      ),
-                          ),
+      bottomNavigationBar: DecoratedBox(
-                          child: Row(
+        decoration: BoxDecoration(
-                            children: [
+          color: cs.background,
-                              for (var i = 0; i < _tabs.length; i++)
+          border: Border(top: BorderSide(color: cs.border, width: 1)),
-                                Expanded(
+        ),
-                                  child: _TabButton(
+        child: SafeArea(
-                                    icon: i == _index
+          top: false,
-                                        ? _filledIcons[i]
+          child: SizedBox(
-                                        : _outlineIcons[i],
+            height: 62,
-                                    label: _labels[i],
+            child: Row(
-                                    selected: i == _index,
+              children: [
-                                    onTap: () => context.go(_tabs[i]),
+                for (var i = 0; i < _tabs.length; i++)
-                                  ),
+                  Expanded(
-                                ),
+                    child: _TabButton(
-                            ],
+                      icon: i == _index ? _filledIcons[i] : _outlineIcons[i],
-                          ),
+                      label: _labels[i],
-                        ),
+                      selected: i == _index,
-                      ),
+                      onTap: () => context.go(_tabs[i]),
                     ),
                   ),
-                ],
+              ],
-              ),
             ),
           ),
-          if (!kReleaseMode)
+        ),
-            Positioned(
-              right: 16,
-              bottom: 88,
-              child: FilledButton(
-                onPressed: () => context.push(AppRoutes.fancyDioInspector),
-                style: FilledButton.styleFrom(
-                  backgroundColor: cs.primary,
-                  foregroundColor: cs.primaryForeground,
-                  minimumSize: const Size(60, 60),
-                  shape: const CircleBorder(),
-                  padding: EdgeInsets.zero,
-                ),
-                child: const Text('请求'),
-              ),
-            ),
-        ],
       ),
     );
   }

lib/common/widgets/prototype_ui.dart

@@ -0,0 +1,292 @@
+import 'package:flutter/material.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+class PrototypeFrame extends StatelessWidget {
+  const PrototypeFrame({
+    super.key,
+    required this.child,
+    this.top = 0,
+    this.bottom = 24,
+  });
+
+  final Widget child;
+  final double top;
+  final double bottom;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.fromLTRB(18, top, 18, bottom),
+      child: Center(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 760),
+          child: child,
+        ),
+      ),
+    );
+  }
+}
+
+class PrototypeCard extends StatelessWidget {
+  const PrototypeCard({
+    super.key,
+    required this.child,
+    this.padding = const EdgeInsets.all(16),
+    this.margin,
+    this.radius = 14,
+    this.decoration,
+  });
+
+  final Widget child;
+  final EdgeInsetsGeometry padding;
+  final EdgeInsetsGeometry? margin;
+  final double radius;
+  final BoxDecoration? decoration;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return Container(
+      margin: margin,
+      decoration: decoration ??
+          BoxDecoration(
+            color: cs.card,
+            border: Border.all(color: cs.border, width: 0.5),
+            borderRadius: BorderRadius.circular(radius),
+          ),
+      child: Padding(padding: padding, child: child),
+    );
+  }
+}
+
+class PrototypePill extends StatelessWidget {
+  const PrototypePill({
+    super.key,
+    required this.label,
+    this.selected = false,
+    this.leading,
+    this.onTap,
+  });
+
+  final String label;
+  final bool selected;
+  final Widget? leading;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    final bg = selected ? cs.secondary : cs.background;
+    final fg = selected ? cs.secondaryForeground : cs.mutedForeground;
+    final borderColor = selected ? const Color(0xFFE3D6B4) : cs.border;
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(999),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+        decoration: BoxDecoration(
+          color: bg,
+          borderRadius: BorderRadius.circular(999),
+          border: Border.all(color: borderColor, width: 0.5),
+        ),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            if (leading != null) ...[leading!, const SizedBox(width: 4)],
+            Text(
+              label,
+              style: TextStyle(
+                fontSize: 12,
+                fontWeight: selected ? FontWeight.w600 : FontWeight.w500,
+                color: fg,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class PrototypeMetricChip extends StatelessWidget {
+  const PrototypeMetricChip({
+    super.key,
+    required this.label,
+    required this.value,
+    this.valueColor,
+    this.background,
+  });
+
+  final String label;
+  final String value;
+  final Color? valueColor;
+  final Color? background;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: background ?? cs.background,
+        borderRadius: BorderRadius.circular(999),
+        border: Border.all(color: cs.border, width: 0.5),
+      ),
+      child: RichText(
+        text: TextSpan(
+          style: TextStyle(fontSize: 10, color: cs.mutedForeground),
+          children: [
+            TextSpan(text: '$label '),
+            TextSpan(
+              text: value,
+              style: TextStyle(
+                fontWeight: FontWeight.w600,
+                color: valueColor ?? cs.foreground,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class PrototypeLineChart extends StatelessWidget {
+  const PrototypeLineChart({
+    super.key,
+    required this.values,
+    this.lineColor = const Color(0xFFB5862A),
+    this.fillColor = const Color(0xFFF7EFD9),
+  });
+
+  final List<double> values;
+  final Color lineColor;
+  final Color fillColor;
+
+  @override
+  Widget build(BuildContext context) {
+    return CustomPaint(
+      painter: _PrototypeLineChartPainter(
+        values: values,
+        lineColor: lineColor,
+        fillColor: fillColor,
+      ),
+      size: Size.infinite,
+    );
+  }
+}
+
+class _PrototypeLineChartPainter extends CustomPainter {
+  _PrototypeLineChartPainter({
+    required this.values,
+    required this.lineColor,
+    required this.fillColor,
+  });
+
+  final List<double> values;
+  final Color lineColor;
+  final Color fillColor;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    if (values.isEmpty || size.isEmpty) return;
+    final paintGrid = Paint()
+      ..color = const Color(0xFFECEAE3)
+      ..strokeWidth = 1;
+    final paintLine = Paint()
+      ..color = lineColor
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = 2.4
+      ..strokeJoin = StrokeJoin.round
+      ..strokeCap = StrokeCap.round;
+    final paintFill = Paint()
+      ..color = fillColor
+      ..style = PaintingStyle.fill;
+    const padTop = 10.0;
+    const padBottom = 10.0;
+    final plotHeight = size.height - padTop - padBottom;
+    final plotWidth = size.width;
+    final min = values.reduce((a, b) => a < b ? a : b);
+    final max = values.reduce((a, b) => a > b ? a : b);
+    final span = (max - min).abs() < 0.0001 ? 1.0 : max - min;
+    Offset pointFor(int index) {
+      final x = values.length == 1
+          ? plotWidth / 2
+          : index / (values.length - 1) * plotWidth;
+      final y = padTop + (1 - (values[index] - min) / span) * plotHeight;
+      return Offset(x, y);
+    }
+
+    for (var i = 0; i < 4; i++) {
+      final dy = padTop + plotHeight * i / 3;
+      canvas.drawLine(Offset(0, dy), Offset(size.width, dy), paintGrid);
+    }
+
+    final pts = List.generate(values.length, pointFor);
+    final path = Path()..moveTo(pts.first.dx, pts.first.dy);
+    for (final p in pts.skip(1)) {
+      path.lineTo(p.dx, p.dy);
+    }
+    final fillPath = Path()
+      ..addPath(path, Offset.zero)
+      ..lineTo(size.width, size.height)
+      ..lineTo(0, size.height)
+      ..close();
+    canvas.drawPath(fillPath, paintFill);
+    canvas.drawPath(path, paintLine);
+    final last = pts.last;
+    canvas.drawCircle(last, 3.8, Paint()..color = lineColor);
+  }
+
+  @override
+  bool shouldRepaint(covariant _PrototypeLineChartPainter oldDelegate) {
+    return oldDelegate.values != values ||
+        oldDelegate.lineColor != lineColor ||
+        oldDelegate.fillColor != fillColor;
+  }
+}
+
+class PrototypeSectionLabel extends StatelessWidget {
+  const PrototypeSectionLabel(this.label, {super.key, this.trailing});
+
+  final String label;
+  final Widget? trailing;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 10),
+      child: Row(
+        children: [
+          Text(
+            label,
+            style: TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.w600,
+              color: cs.foreground,
+            ),
+          ),
+          const Spacer(),
+          if (trailing != null) trailing!,
+        ],
+      ),
+    );
+  }
+}
+
+class PrototypeDivider extends StatelessWidget {
+  const PrototypeDivider({super.key, this.margin = const EdgeInsets.symmetric(vertical: 10)});
+
+  final EdgeInsetsGeometry margin;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return Container(
+      margin: margin,
+      height: 0.5,
+      color: cs.border,
+    );
+  }
+}

lib/features/assets/presentation/holding_detail_page.dart

@@ -0,0 +1,262 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+import '../../../common/domain/money.dart';
+import '../../../common/widgets/prototype_ui.dart';
+import '../application/asset_portfolio_controller.dart';
+
+class HoldingDetailPage extends ConsumerWidget {
+  const HoldingDetailPage({super.key, this.id});
+
+  final String? id;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final summary = ref.watch(assetPortfolioControllerProvider);
+    final holding = summary.holdings
+        .map((item) => item.holding)
+        .firstWhere(
+          (item) => id == null || item.id == id,
+          orElse: () => summary.holdings.first.holding,
+        );
+    final valuation = summary.holdings
+        .firstWhere((item) => item.holding.id == holding.id);
+    final cs = ShadTheme.of(context).colorScheme;
+    final changeUp = valuation.todayChange >= 0;
+
+    return Scaffold(
+      backgroundColor: const Color(0xFFFBFAF7),
+      appBar: AppBar(
+        backgroundColor: const Color(0xFFFBFAF7),
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+        scrolledUnderElevation: 0,
+        centerTitle: true,
+        leading: IconButton(
+          onPressed: () => Navigator.of(context).pop(),
+          icon: const Icon(Icons.chevron_left, size: 20),
+        ),
+        title: Text(
+          holding.name,
+          style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
+        ),
+      ),
+      body: SafeArea(
+        child: ListView(
+          padding: const EdgeInsets.fromLTRB(0, 8, 0, 28),
+          children: [
+            PrototypeFrame(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  const SizedBox(height: 4),
+                  PrototypeCard(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Container(
+                              width: 36,
+                              height: 36,
+                              decoration: BoxDecoration(
+                                color: holding.metal.color.withValues(alpha: 0.15),
+                                borderRadius: BorderRadius.circular(10),
+                              ),
+                              child: Icon(Icons.circle_outlined, color: holding.metal.color, size: 18),
+                            ),
+                            const SizedBox(width: 10),
+                            Text(
+                              '${holding.purityLabel} · ${holding.weightGram.toStringAsFixed(1)}g',
+                              style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 12),
+                        Row(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            const Text(
+                              '¥',
+                              style: TextStyle(fontSize: 22, fontWeight: FontWeight.w600),
+                            ),
+                            const SizedBox(width: 2),
+                            Text(
+                              formatCny(valuation.materialValue).replaceFirst('¥', ''),
+                              style: const TextStyle(
+                                fontSize: 42,
+                                fontWeight: FontWeight.w600,
+                                letterSpacing: -1,
+                                height: 1,
+                              ),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 10),
+                        Row(
+                          children: [
+                            _ChangeChip(
+                              amount: valuation.todayChange,
+                              positive: changeUp,
+                            ),
+                            const SizedBox(width: 8),
+                            Text(
+                              '今日',
+                              style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                  PrototypeCard(
+                    padding: EdgeInsets.zero,
+                    child: Column(
+                      children: [
+                        _InfoRow(label: '材料价值(现货)', value: formatCny(valuation.materialValue)),
+                        const PrototypeDivider(margin: EdgeInsets.zero),
+                        _InfoRow(label: '回收参考价', value: formatCny(valuation.materialValue * 0.97)),
+                        if (holding.costAmount != null) ...[
+                          const PrototypeDivider(margin: EdgeInsets.zero),
+                          _InfoRow(label: '买入成本', value: formatCny(holding.costAmount!)),
+                          const PrototypeDivider(margin: EdgeInsets.zero),
+                          _InfoRow(
+                            label: '盈亏',
+                            value: _signedCny(valuation.materialValue - holding.costAmount!),
+                            valueColor: valuation.materialValue - holding.costAmount! >= 0
+                                ? const Color(0xFFC0392B)
+                                : const Color(0xFF2E8B6F),
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                  PrototypeCard(
+                    padding: EdgeInsets.zero,
+                    child: Column(
+                      children: [
+                        _InfoRow(label: '金属 / 纯度', value: '${holding.metal.label} · ${holding.purityLabel}'),
+                        const PrototypeDivider(margin: EdgeInsets.zero),
+                        _InfoRow(label: '克重', value: '${holding.weightGram.toStringAsFixed(1)} g'),
+                        const PrototypeDivider(margin: EdgeInsets.zero),
+                        _InfoRow(label: '购买日期', value: _dateLabel(holding.purchaseDate)),
+                        const PrototypeDivider(margin: EdgeInsets.zero),
+                        _InfoRow(label: '购买渠道', value: holding.channel ?? '未填'),
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                  PrototypeCard(
+                    child: GestureDetector(
+                      onTap: () {},
+                      child: SizedBox(
+                        height: 156,
+                        child: ClipRRect(
+                          borderRadius: BorderRadius.circular(10),
+                          child: PrototypeLineChart(
+                            values: const [18, 20, 21, 23, 22, 25, 29, 31, 30, 33, 35, 37],
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(height: 14),
+                  Row(
+                    children: [
+                      Expanded(
+                        child: OutlinedButton(
+                          onPressed: () => _showAction(context, '编辑'),
+                          child: const Text('编辑'),
+                        ),
+                      ),
+                      const SizedBox(width: 10),
+                      Expanded(
+                        child: OutlinedButton(
+                          onPressed: () => _showAction(context, '标记卖出 / 转赠'),
+                          child: const Text('标记卖出 / 转赠'),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  void _showAction(BuildContext context, String text) {
+    ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('$text 占位')));
+  }
+}
+
+class _InfoRow extends StatelessWidget {
+  const _InfoRow({
+    required this.label,
+    required this.value,
+    this.valueColor,
+  });
+
+  final String label;
+  final String value;
+  final Color? valueColor;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 11),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(label, style: TextStyle(fontSize: 13, color: cs.mutedForeground)),
+          Text(
+            value,
+            style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600, color: valueColor ?? cs.foreground),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _ChangeChip extends StatelessWidget {
+  const _ChangeChip({required this.amount, required this.positive});
+
+  final double amount;
+  final bool positive;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+      decoration: BoxDecoration(
+        color: positive ? const Color(0xFFFBEDEA) : const Color(0xFFE7F2EE),
+        borderRadius: BorderRadius.circular(999),
+      ),
+      child: Text(
+        '${positive ? '↑' : '↓'}${formatCny(amount.abs())} · ${positive ? '+' : '-'}${amount.abs().toStringAsFixed(2)}',
+        style: TextStyle(
+          fontSize: 13,
+          fontWeight: FontWeight.w600,
+          color: positive ? const Color(0xFFC0392B) : const Color(0xFF2E8B6F),
+        ),
+      ),
+    );
+  }
+}
+
+String _dateLabel(DateTime? value) {
+  if (value == null) return '未填';
+  return '${value.year}-${value.month.toString().padLeft(2, '0')}-${value.day.toString().padLeft(2, '0')}';
+}
+
+String _signedCny(double value) {
+  final sign = value >= 0 ? '+' : '-';
+  return '$sign${formatCny(value.abs())}';
+}

lib/features/market/presentation/market_kline_page.dart

@@ -0,0 +1,194 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+import '../../../common/domain/metal_type.dart';
+import '../../../common/widgets/prototype_ui.dart';
+import '../data/mock_market_repository.dart';
+import '../data/market_models.dart';
+
+class MarketKlinePage extends ConsumerWidget {
+  const MarketKlinePage({super.key, this.metalId, this.periodId});
+
+  final String? metalId;
+  final String? periodId;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final repo = ref.watch(mockMarketRepositoryProvider);
+    final metal = _metalFromId(metalId) ?? MetalType.gold;
+    final period = _periodFromId(periodId) ?? MarketPeriod.h24;
+    final quote = repo.quoteFor(metal);
+    final points = repo.chartFor(metal, period);
+    final cs = ShadTheme.of(context).colorScheme;
+
+    return Scaffold(
+      backgroundColor: const Color(0xFFFBFAF7),
+      appBar: AppBar(
+        backgroundColor: const Color(0xFFFBFAF7),
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+        scrolledUnderElevation: 0,
+        centerTitle: true,
+        leading: IconButton(
+          onPressed: () => Navigator.of(context).pop(),
+          icon: const Icon(Icons.chevron_left, size: 20),
+        ),
+        title: Text(
+          '${metal.label} K线',
+          style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
+        ),
+      ),
+      body: SafeArea(
+        child: ListView(
+          padding: const EdgeInsets.fromLTRB(0, 8, 0, 24),
+          children: [
+            PrototypeFrame(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  const SizedBox(height: 4),
+                  PrototypeCard(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Text(
+                              '¥',
+                              style: TextStyle(
+                                fontSize: 15,
+                                fontWeight: FontWeight.w600,
+                                color: cs.foreground,
+                              ),
+                            ),
+                            const SizedBox(width: 2),
+                            Text(
+                              quote.spotPrice.toStringAsFixed(2),
+                              style: const TextStyle(
+                                fontSize: 29,
+                                fontWeight: FontWeight.w600,
+                                letterSpacing: -1,
+                              ),
+                            ),
+                            const SizedBox(width: 4),
+                            const Padding(
+                              padding: EdgeInsets.only(top: 8),
+                              child: Text('元/克', style: TextStyle(fontSize: 12, color: Color(0xFF8A8780))),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 6),
+                        Text(
+                          '${quote.changeAmount >= 0 ? '+' : ''}${quote.changeAmount.toStringAsFixed(2)} · ${quote.changePercent.toStringAsFixed(2)}%',
+                          style: TextStyle(
+                            color: quote.changeAmount >= 0
+                                ? const Color(0xFFC0392B)
+                                : const Color(0xFF2E8B6F),
+                            fontSize: 13,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+                        const SizedBox(height: 12),
+                        Wrap(
+                          spacing: 8,
+                          runSpacing: 8,
+                          children: [
+                            for (final p in MarketPeriod.values)
+                              PrototypePill(
+                                label: p.label,
+                                selected: p == period,
+                                onTap: () => Navigator.of(context).pushReplacement(
+                                  MaterialPageRoute(
+                                    builder: (_) => MarketKlinePage(
+                                      metalId: metal.id,
+                                      periodId: p.id,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                          ],
+                        ),
+                        const SizedBox(height: 10),
+                        Row(
+                          children: [
+                            _Ohlc('开', points.first.open),
+                            const SizedBox(width: 18),
+                            _Ohlc('高', points.map((e) => e.high).reduce((a, b) => a > b ? a : b)),
+                            const SizedBox(width: 18),
+                            _Ohlc('低', points.map((e) => e.low).reduce((a, b) => a < b ? a : b)),
+                            const SizedBox(width: 18),
+                            _Ohlc('收', points.last.close),
+                          ],
+                        ),
+                        const SizedBox(height: 12),
+                        SizedBox(
+                          height: 300,
+                          child: ClipRRect(
+                            borderRadius: BorderRadius.circular(10),
+                            child: PrototypeLineChart(
+                              values: points.map((p) => p.close).toList(growable: false),
+                            ),
+                          ),
+                        ),
+                        const SizedBox(height: 10),
+                        Text(
+                          '${quote.basisLabel} · ${_timeLabel(quote.updatedAt)}',
+                          textAlign: TextAlign.center,
+                          style: TextStyle(fontSize: 11, color: cs.mutedForeground),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _Ohlc extends StatelessWidget {
+  const _Ohlc(this.label, this.value);
+
+  final String label;
+  final double value;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(label, style: const TextStyle(fontSize: 12, color: Color(0xFF8A8780))),
+        const SizedBox(height: 2),
+        Text(value.toStringAsFixed(2), style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
+      ],
+    );
+  }
+}
+
+MetalType? _metalFromId(String? id) {
+  return switch (id) {
+    'gold' => MetalType.gold,
+    'platinum' => MetalType.platinum,
+    'silver' => MetalType.silver,
+    _ => null,
+  };
+}
+
+MarketPeriod? _periodFromId(String? id) {
+  return switch (id) {
+    '24h' => MarketPeriod.h24,
+    '5d' => MarketPeriod.d5,
+    '1m' => MarketPeriod.m1,
+    '3m' => MarketPeriod.m3,
+    '1y' => MarketPeriod.y1,
+    _ => null,
+  };
+}
+
+String _timeLabel(DateTime value) {
+  return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
+}

lib/features/market/presentation/market_page.dart

@@ -1,149 +1,314 @@
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 
 import '../../../common/domain/metal_type.dart';
 import '../../../common/domain/money.dart';
-import '../../../common/widgets/adaptive.dart';
+import '../../../common/router/app_router.dart';
+import '../../../common/widgets/prototype_ui.dart';
 import '../application/exchange_calculator_controller.dart';
 import '../application/market_controller.dart';
 import '../data/market_models.dart';
 
-class MarketPage extends ConsumerWidget {
+class MarketPage extends HookConsumerWidget {
   const MarketPage({super.key});
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final market = ref.watch(marketControllerProvider);
     final exchange = ref.watch(exchangeCalculatorControllerProvider);
+    final gramCtrl = useTextEditingController(text: exchange.gram.toStringAsFixed(2));
+    final amountCtrl = useTextEditingController(text: exchange.amount.toStringAsFixed(2));
+    final gramFocus = useFocusNode();
+    final amountFocus = useFocusNode();
     final cs = ShadTheme.of(context).colorScheme;
+
+    useEffect(() {
+      if (!gramFocus.hasFocus) {
+        gramCtrl.text = exchange.gram.toStringAsFixed(
+          exchange.gram % 1 == 0 ? 0 : 2,
+        );
+      }
+      if (!amountFocus.hasFocus) {
+        amountCtrl.text = exchange.amount.toStringAsFixed(2);
+      }
+      return null;
+    }, [exchange.gram, exchange.amount, exchange.selectedChannel.id, exchange.metal.id]);
+
     return SafeArea(
       top: false,
       child: ListView(
-        padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
+        padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
         children: [
-          Center(
+          PrototypeFrame(
-            child: ConstrainedBox(
+            child: Column(
-              constraints: const BoxConstraints(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
-                maxWidth: Adaptive.contentMaxWidth,
+              children: [
-              ),
+                Row(
-              child: Column(
+                  children: [
-                crossAxisAlignment: CrossAxisAlignment.stretch,
+                    const Text(
-                children: [
+                      '行情',
-                  SegmentedButton<MetalType>(
+                      style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
-                    segments: [
+                    ),
-                      for (final metal in MetalType.values)
+                    const Spacer(),
-                        ButtonSegment(value: metal, label: Text(metal.label)),
+                    Container(
-                    ],
+                      width: 30,
-                    selected: {market.selectedMetal},
+                      height: 30,
-                    onSelectionChanged: (next) {
+                      decoration: BoxDecoration(
-                      final metal = next.first;
+                        color: const Color(0xFFF7F4EE),
-                      ref
+                        borderRadius: BorderRadius.circular(999),
-                          .read(marketControllerProvider.notifier)
+                      ),
-                          .selectMetal(metal);
+                      child: const Icon(
-                      ref
+                        Icons.notifications_none_outlined,
-                          .read(exchangeCalculatorControllerProvider.notifier)
+                        size: 18,
-                          .selectMetal(metal);
+                        color: Color(0xFF9A968D),
+                      ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 14),
+                SizedBox(
+                  height: 32,
+                  child: ListView.separated(
+                    scrollDirection: Axis.horizontal,
+                    physics: const BouncingScrollPhysics(),
+                    itemCount: MetalType.values.length,
+                    separatorBuilder: (context, index) => const SizedBox(width: 8),
+                    itemBuilder: (context, index) {
+                      final metal = MetalType.values[index];
+                      return PrototypePill(
+                        label: metal.label,
+                        selected: metal == market.selectedMetal,
+                        onTap: () {
+                          ref.read(marketControllerProvider.notifier).selectMetal(metal);
+                          ref.read(exchangeCalculatorControllerProvider.notifier).selectMetal(metal);
+                        },
+                      );
                     },
                   ),
-                  const SizedBox(height: 12),
+                ),
-                  _Card(
+                const SizedBox(height: 10),
-                    child: Column(
+                PrototypeCard(
-                      crossAxisAlignment: CrossAxisAlignment.start,
+                  padding: const EdgeInsets.fromLTRB(14, 12, 14, 13),
-                      children: [
+                  child: Column(
-                        Text(market.quote.basisLabel, style: _mutedStyle(cs)),
+                    crossAxisAlignment: CrossAxisAlignment.start,
-                        const SizedBox(height: 8),
+                    children: [
-                        Text(
+                      Row(
-                          '${formatCny(market.quote.spotPrice)} / 克',
+                        crossAxisAlignment: CrossAxisAlignment.end,
-                          style: TextStyle(
+                        children: [
-                            fontSize: 30,
+                          Text(
-                            fontWeight: FontWeight.w800,
+                            '¥',
-                            color: cs.foreground,
+                            style: TextStyle(
+                              fontSize: 15,
+                              fontWeight: FontWeight.w600,
+                              color: cs.foreground,
+                            ),
                           ),
-                        ),
+                          const SizedBox(width: 2),
-                        const SizedBox(height: 6),
+                          Text(
-                        Text(
+                            formatCny(market.quote.spotPrice).replaceFirst('¥', ''),
-                          '${market.quote.changeAmount >= 0 ? '+' : ''}${market.quote.changeAmount.toStringAsFixed(2)} · ${market.quote.changePercent.toStringAsFixed(2)}%',
+                            style: TextStyle(
-                          style: TextStyle(
+                              fontSize: 29,
-                            color: market.quote.changeAmount >= 0
+                              fontWeight: FontWeight.w600,
-                                ? const Color(0xFFC0392B)
+                              color: cs.foreground,
-                                : const Color(0xFF2E8B6F),
+                              letterSpacing: -1,
+                              height: 1,
+                            ),
                           ),
-                        ),
+                          const Padding(
-                        const SizedBox(height: 14),
+                            padding: EdgeInsets.only(left: 4, bottom: 2),
-                        Wrap(
+                            child: Text(
-                          spacing: 8,
+                              '元/克',
-                          children: [
+                              style: TextStyle(fontSize: 12, color: Color(0xFF8A8780)),
-                            for (final period in MarketPeriod.values)
+                            ),
-                              ChoiceChip(
+                          ),
-                                label: Text(period.label),
+                        ],
-                                selected: period == market.period,
+                      ),
-                                onSelected: (_) => ref
+                      const SizedBox(height: 6),
-                                    .read(marketControllerProvider.notifier)
+                      Row(
-                                    .selectPeriod(period),
+                        children: [
-                              ),
+                          _ChangeChip(amount: market.quote.changeAmount, percent: market.quote.changePercent),
+                          const SizedBox(width: 8),
+                          Text(
+                            '报价 ${_timeLabel(market.quote.updatedAt)}',
+                            style: const TextStyle(fontSize: 12, color: Color(0xFF8A8780)),
+                          ),
+                          const Spacer(),
+                          GestureDetector(
+                            onTap: () {},
+                            child: const Icon(Icons.info_outline, size: 16, color: Color(0xFFB3AFA5)),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 10),
+                      Row(
+                        children: [
+                          for (final period in MarketPeriod.values) ...[
+                            _PeriodPill(
+                              label: period.label,
+                              selected: period == market.period,
+                              onTap: () => ref.read(marketControllerProvider.notifier).selectPeriod(period),
+                            ),
+                            if (period != MarketPeriod.values.last) const SizedBox(width: 6),
                           ],
+                        ],
+                      ),
+                      const SizedBox(height: 8),
+                      GestureDetector(
+                        onTap: () => context.push(
+                          '${AppRoutes.marketKline}?metal=${market.selectedMetal.id}&period=${market.period.id}',
                         ),
-                        const SizedBox(height: 14),
+                        child: SizedBox(
-                        Text(
+                          height: 88,
-                          '走势图 mock 点位：${market.points.length} 个',
+                          child: ClipRRect(
-                          style: _mutedStyle(cs),
+                            borderRadius: BorderRadius.circular(10),
+                            child: PrototypeLineChart(
+                              values: market.points.map((p) => p.close).toList(growable: false),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 10),
+                      Container(height: 0.5, color: cs.border),
+                      const SizedBox(height: 10),
+                      Row(
+                        children: [
+                          const Text(
+                            '兑换试算',
+                            style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
+                          ),
+                          const Spacer(),
+                          const PrototypePill(label: '多渠道参考', selected: true),
+                        ],
+                      ),
+                      const SizedBox(height: 8),
+                      SizedBox(
+                        height: 32,
+                        child: ListView.separated(
+                          scrollDirection: Axis.horizontal,
+                          physics: const BouncingScrollPhysics(),
+                          itemCount: exchange.channels.length,
+                          separatorBuilder: (context, index) => const SizedBox(width: 7),
+                          itemBuilder: (context, index) {
+                            final channel = exchange.channels[index];
+                            return PrototypePill(
+                              label: channel.name,
+                              selected: channel.id == exchange.selectedChannel.id,
+                              onTap: () => ref
+                                  .read(exchangeCalculatorControllerProvider.notifier)
+                                  .selectChannel(channel.id),
+                            );
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 10),
+                      if (!exchange.swapped) ...[
+                        _ExchangeField(
+                          controller: gramCtrl,
+                          focusNode: gramFocus,
+                          unit: exchange.metal.label,
+                          leading: '克',
+                          onChanged: (value) {
+                            final gram = double.tryParse(value) ?? 0;
+                            ref.read(exchangeCalculatorControllerProvider.notifier).setGram(gram);
+                          },
+                        ),
+                        const SizedBox(height: 8),
+                        Center(
+                          child: GestureDetector(
+                            onTap: () => ref.read(exchangeCalculatorControllerProvider.notifier).toggleSwapped(),
+                            child: Container(
+                              width: 30,
+                              height: 30,
+                              decoration: BoxDecoration(
+                                color: Colors.white,
+                                border: Border.all(color: cs.border, width: 0.5),
+                                shape: BoxShape.circle,
+                                boxShadow: const [
+                                  BoxShadow(
+                                    color: Color(0x1F281F0C),
+                                    blurRadius: 7,
+                                    offset: Offset(0, 2),
+                                  ),
+                                ],
+                              ),
+                              child: const Icon(Icons.swap_vert, size: 16, color: Color(0xFFB5862A)),
+                            ),
+                          ),
+                        ),
+                        const SizedBox(height: 8),
+                        _ExchangeField(
+                          controller: amountCtrl,
+                          focusNode: amountFocus,
+                          unit: 'CNY',
+                          leading: '¥',
+                          onChanged: (value) {
+                            final amount = double.tryParse(value) ?? 0;
+                            ref.read(exchangeCalculatorControllerProvider.notifier).setAmount(amount);
+                          },
+                        ),
+                      ] else ...[
+                        _ExchangeField(
+                          controller: amountCtrl,
+                          focusNode: amountFocus,
+                          unit: 'CNY',
+                          leading: '¥',
+                          onChanged: (value) {
+                            final amount = double.tryParse(value) ?? 0;
+                            ref.read(exchangeCalculatorControllerProvider.notifier).setAmount(amount);
+                          },
+                        ),
+                        const SizedBox(height: 8),
+                        Center(
+                          child: GestureDetector(
+                            onTap: () => ref.read(exchangeCalculatorControllerProvider.notifier).toggleSwapped(),
+                            child: Container(
+                              width: 30,
+                              height: 30,
+                              decoration: BoxDecoration(
+                                color: Colors.white,
+                                border: Border.all(color: cs.border, width: 0.5),
+                                shape: BoxShape.circle,
+                                boxShadow: const [
+                                  BoxShadow(
+                                    color: Color(0x1F281F0C),
+                                    blurRadius: 7,
+                                    offset: Offset(0, 2),
+                                  ),
+                                ],
+                              ),
+                              child: const Icon(Icons.swap_vert, size: 16, color: Color(0xFFB5862A)),
+                            ),
+                          ),
+                        ),
+                        const SizedBox(height: 8),
+                        _ExchangeField(
+                          controller: gramCtrl,
+                          focusNode: gramFocus,
+                          unit: exchange.metal.label,
+                          leading: '克',
+                          onChanged: (value) {
+                            final gram = double.tryParse(value) ?? 0;
+                            ref.read(exchangeCalculatorControllerProvider.notifier).setGram(gram);
+                          },
                         ),
                       ],
-                    ),
+                      const SizedBox(height: 10),
+                      Text(
+                        '1 克 ${exchange.metal.label} = ${formatCny(exchange.selectedChannel.pricePerGram)} · ${exchange.selectedChannel.source} · 参考',
+                        style: const TextStyle(fontSize: 12, color: Color(0xFF6E6A60)),
+                      ),
+                      const SizedBox(height: 5),
+                      Text(
+                        exchange.selectedChannel.hint,
+                        style: const TextStyle(fontSize: 11, color: Color(0xFFB3AFA5), height: 1.5),
+                      ),
+                    ],
                   ),
-                  const SizedBox(height: 12),
+                ),
-                  _Card(
+              ],
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        Text(
-                          '兑换试算',
-                          style: TextStyle(
-                            fontSize: 16,
-                            fontWeight: FontWeight.w700,
-                            color: cs.foreground,
-                          ),
-                        ),
-                        const SizedBox(height: 10),
-                        Text(
-                          '${formatGram(exchange.gram)} ${exchange.metal.label} = ${formatCny(exchange.amount)}',
-                          style: TextStyle(fontSize: 20, color: cs.foreground),
-                        ),
-                        const SizedBox(height: 8),
-                        Text(
-                          '1 克 ${exchange.metal.label} = ${formatCny(exchange.selectedChannel.pricePerGram)} · ${exchange.selectedChannel.source}',
-                          style: _mutedStyle(cs),
-                        ),
-                        const SizedBox(height: 10),
-                        Wrap(
-                          spacing: 8,
-                          runSpacing: 8,
-                          children: [
-                            for (final channel in exchange.channels)
-                              ChoiceChip(
-                                label: Text(channel.name),
-                                selected:
-                                    channel.id == exchange.selectedChannel.id,
-                                onSelected: (_) => ref
-                                    .read(
-                                      exchangeCalculatorControllerProvider
-                                          .notifier,
-                                    )
-                                    .selectChannel(channel.id),
-                              ),
-                          ],
-                        ),
-                        const SizedBox(height: 8),
-                        Text(
-                          exchange.selectedChannel.hint,
-                          style: _mutedStyle(cs),
-                        ),
-                      ],
-                    ),
-                  ),
-                ],
-              ),
             ),
           ),
         ],
@@ -152,25 +317,100 @@ class MarketPage extends ConsumerWidget {
   }
 }
 
-class _Card extends StatelessWidget {
+class _ExchangeField extends StatelessWidget {
-  const _Card({required this.child});
+  const _ExchangeField({
+    required this.controller,
+    required this.focusNode,
+    required this.unit,
+    required this.leading,
+    required this.onChanged,
+  });
 
-  final Widget child;
+  final TextEditingController controller;
+  final FocusNode focusNode;
+  final String unit;
+  final String leading;
+  final ValueChanged<String> onChanged;
 
   @override
   Widget build(BuildContext context) {
-    final cs = ShadTheme.of(context).colorScheme;
+    return Container(
-    return DecoratedBox(
+      padding: const EdgeInsets.symmetric(horizontal: 13, vertical: 9),
       decoration: BoxDecoration(
-        color: cs.card,
+        color: Colors.white,
-        border: Border.all(color: cs.border),
+        borderRadius: BorderRadius.circular(13),
-        borderRadius: BorderRadius.circular(12),
+        border: Border.all(color: const Color(0xFFE3D6B4), width: 0.5),
+      ),
+      child: Row(
+        children: [
+          Text(leading, style: const TextStyle(fontSize: 14, color: Color(0xFF8A8780))),
+          const SizedBox(width: 8),
+          Expanded(
+            child: TextField(
+              controller: controller,
+              focusNode: focusNode,
+              keyboardType: const TextInputType.numberWithOptions(decimal: true),
+              textAlign: TextAlign.right,
+              decoration: const InputDecoration(
+                border: InputBorder.none,
+                isDense: true,
+                contentPadding: EdgeInsets.zero,
+              ),
+              style: const TextStyle(fontSize: 21, fontWeight: FontWeight.w600),
+              onChanged: onChanged,
+            ),
+          ),
+          const SizedBox(width: 8),
+          Text(
+            unit,
+            style: const TextStyle(fontSize: 14, color: Color(0xFF8A8780)),
+          ),
+        ],
       ),
-      child: Padding(padding: const EdgeInsets.all(16), child: child),
     );
   }
 }
 
-TextStyle _mutedStyle(ShadColorScheme cs) {
+class _PeriodPill extends StatelessWidget {
-  return TextStyle(fontSize: 13, color: cs.mutedForeground, letterSpacing: 0);
+  const _PeriodPill({required this.label, required this.selected, required this.onTap});
+
+  final String label;
+  final bool selected;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return PrototypePill(label: label, selected: selected, onTap: onTap);
+  }
+}
+
+class _ChangeChip extends StatelessWidget {
+  const _ChangeChip({required this.amount, required this.percent});
+
+  final double amount;
+  final double percent;
+
+  @override
+  Widget build(BuildContext context) {
+    final positive = amount >= 0;
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+      decoration: BoxDecoration(
+        color: positive ? const Color(0xFFFBEDEA) : const Color(0xFFE7F2EE),
+        borderRadius: BorderRadius.circular(999),
+      ),
+      child: Text(
+        '${positive ? '↑' : '↓'}¥${amount.abs().toStringAsFixed(2)} · ${positive ? '+' : '-'}${percent.abs().toStringAsFixed(2)}%',
+        style: TextStyle(
+          fontSize: 13,
+          fontWeight: FontWeight.w600,
+          color: positive ? const Color(0xFFC0392B) : const Color(0xFF2E8B6F),
+        ),
+      ),
+    );
+  }
+}
+
+String _timeLabel(DateTime value) {
+  return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
 }

lib/features/news/presentation/news_detail_page.dart

@@ -0,0 +1,112 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+import '../../../common/widgets/prototype_ui.dart';
+import '../application/news_controller.dart';
+
+class NewsDetailPage extends ConsumerWidget {
+  const NewsDetailPage({super.key, this.id});
+
+  final String? id;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final news = ref.watch(newsControllerProvider).items;
+    final item = news.firstWhere(
+      (item) => id == null || item.id == id,
+      orElse: () => news.first,
+    );
+    final cs = ShadTheme.of(context).colorScheme;
+
+    return Scaffold(
+      backgroundColor: const Color(0xFFFBFAF7),
+      appBar: AppBar(
+        backgroundColor: const Color(0xFFFBFAF7),
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+        scrolledUnderElevation: 0,
+        centerTitle: true,
+        leading: IconButton(
+          onPressed: () => Navigator.of(context).pop(),
+          icon: const Icon(Icons.chevron_left, size: 20),
+        ),
+        title: Text(
+          item.metal.label,
+          style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
+        ),
+      ),
+      body: SafeArea(
+        child: ListView(
+          padding: const EdgeInsets.fromLTRB(0, 8, 0, 24),
+          children: [
+            PrototypeFrame(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  const SizedBox(height: 4),
+                  PrototypeCard(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Container(
+                              padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+                              decoration: BoxDecoration(
+                                color: item.metal.color.withValues(alpha: 0.12),
+                                borderRadius: BorderRadius.circular(999),
+                              ),
+                              child: Text(
+                                item.metal.label,
+                                style: TextStyle(
+                                  color: item.metal.color,
+                                  fontWeight: FontWeight.w700,
+                                  fontSize: 12,
+                                ),
+                              ),
+                            ),
+                            const SizedBox(width: 8),
+                            Text(
+                              '${item.source} · ${_timeLabel(item.publishedAt)}',
+                              style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+                            ),
+                          ],
+                        ),
+                        const SizedBox(height: 12),
+                        Text(
+                          item.title,
+                          style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w700, height: 1.4),
+                        ),
+                        const SizedBox(height: 12),
+                        for (final paragraph in item.body) ...[
+                          Text(
+                            paragraph,
+                            style: TextStyle(
+                              fontSize: 15,
+                              height: 1.7,
+                              color: cs.foreground,
+                            ),
+                          ),
+                          const SizedBox(height: 12),
+                        ],
+                        Text(
+                          '本资讯为原型示意内容，信息整理 · 非投资建议。',
+                          style: TextStyle(fontSize: 12, color: cs.mutedForeground, height: 1.5),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+String _timeLabel(DateTime value) {
+  return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
+}

lib/features/news/presentation/news_page.dart

@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
 
-import '../../../common/widgets/adaptive.dart';
+import '../../../common/router/app_router.dart';
+import '../../../common/widgets/prototype_ui.dart';
 import '../application/news_controller.dart';
 
 class NewsPage extends ConsumerWidget {
@@ -15,104 +17,91 @@ class NewsPage extends ConsumerWidget {
     return SafeArea(
       top: false,
       child: ListView(
-        padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
+        padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
         children: [
-          Center(
+          PrototypeFrame(
-            child: ConstrainedBox(
+            child: Column(
-              constraints: const BoxConstraints(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
-                maxWidth: Adaptive.contentMaxWidth,
+              children: [
-              ),
+                Row(
-              child: Column(
+                  children: [
-                crossAxisAlignment: CrossAxisAlignment.stretch,
+                    const Text(
-                children: [
+                      '资讯',
-                  Row(
+                      style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
-                    children: [
+                    ),
-                      Expanded(
+                    const Spacer(),
-                        child: Text(
+                    IconButton(
-                          '信息整理 · 非投资建议',
+                      onPressed: () => ref.read(newsControllerProvider.notifier).refresh(),
-                          style: TextStyle(
+                      icon: const Icon(Icons.refresh, size: 19),
-                            color: cs.mutedForeground,
+                      color: const Color(0xFF9A968D),
-                            fontSize: 13,
+                      padding: EdgeInsets.zero,
-                          ),
+                      constraints: const BoxConstraints.tightFor(
-                        ),
+                        width: 30,
-                      ),
+                        height: 30,
-                      TextButton(
-                        onPressed: () =>
-                            ref.read(newsControllerProvider.notifier).refresh(),
-                        child: const Text('刷新'),
-                      ),
-                    ],
-                  ),
-                  const SizedBox(height: 8),
-                  for (final item in news.items)
-                    Padding(
-                      padding: const EdgeInsets.only(bottom: 10),
-                      child: DecoratedBox(
-                        decoration: BoxDecoration(
-                          color: cs.card,
-                          border: Border.all(color: cs.border),
-                          borderRadius: BorderRadius.circular(12),
-                        ),
-                        child: Padding(
-                          padding: const EdgeInsets.all(16),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              Row(
-                                children: [
-                                  Container(
-                                    padding: const EdgeInsets.symmetric(
-                                      horizontal: 8,
-                                      vertical: 3,
-                                    ),
-                                    decoration: BoxDecoration(
-                                      color: item.metal.color.withValues(
-                                        alpha: 0.12,
-                                      ),
-                                      borderRadius: BorderRadius.circular(999),
-                                    ),
-                                    child: Text(
-                                      item.metal.shortLabel,
-                                      style: TextStyle(
-                                        color: item.metal.color,
-                                        fontWeight: FontWeight.w700,
-                                      ),
-                                    ),
-                                  ),
-                                  const SizedBox(width: 8),
-                                  Text(
-                                    '${item.source} · ${item.publishedAt.hour.toString().padLeft(2, '0')}:${item.publishedAt.minute.toString().padLeft(2, '0')}',
-                                    style: TextStyle(
-                                      color: cs.mutedForeground,
-                                      fontSize: 12,
-                                    ),
-                                  ),
-                                ],
-                              ),
-                              const SizedBox(height: 10),
-                              Text(
-                                item.title,
-                                style: TextStyle(
-                                  fontSize: 16,
-                                  fontWeight: FontWeight.w700,
-                                  color: cs.foreground,
-                                ),
-                              ),
-                              const SizedBox(height: 8),
-                              Text(
-                                item.summary,
-                                style: TextStyle(
-                                  color: cs.mutedForeground,
-                                  height: 1.5,
-                                ),
-                              ),
-                            ],
-                          ),
-                        ),
                       ),
                     ),
+                  ],
+                ),
+                const SizedBox(height: 2),
+                Text(
+                  '信息整理 · 非投资建议',
+                  style: TextStyle(fontSize: 13, color: cs.mutedForeground),
+                ),
+                const SizedBox(height: 10),
+                for (final item in news.items) ...[
+                  PrototypeCard(
+                    margin: const EdgeInsets.only(bottom: 10),
+                    child: InkWell(
+                      onTap: () => context.push('${AppRoutes.newsDetail}?id=${item.id}'),
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Row(
+                            children: [
+                              Container(
+                                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+                                decoration: BoxDecoration(
+                                  color: item.metal.color.withValues(alpha: 0.12),
+                                  borderRadius: BorderRadius.circular(999),
+                                ),
+                                child: Text(
+                                  item.metal.shortLabel,
+                                  style: TextStyle(
+                                    color: item.metal.color,
+                                    fontWeight: FontWeight.w700,
+                                    fontSize: 12,
+                                  ),
+                                ),
+                              ),
+                              const SizedBox(width: 8),
+                              Text(
+                                '${item.source} · ${_timeLabel(item.publishedAt)}',
+                                style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+                              ),
+                              const Spacer(),
+                              Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
+                            ],
+                          ),
+                          const SizedBox(height: 10),
+                          Text(
+                            item.title,
+                            style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w700),
+                          ),
+                          const SizedBox(height: 8),
+                          Text(
+                            item.summary,
+                            style: TextStyle(
+                              fontSize: 14,
+                              color: cs.mutedForeground,
+                              height: 1.55,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
                 ],
-              ),
+              ],
             ),
           ),
         ],
@@ -120,3 +109,7 @@ class NewsPage extends ConsumerWidget {
     );
   }
 }
+
+String _timeLabel(DateTime value) {
+  return '${value.hour.toString().padLeft(2, '0')}:${value.minute.toString().padLeft(2, '0')}';
+}

lib/features/profile/application/profile_settings_controller.dart

@@ -40,4 +40,13 @@ class ProfileSettingsController extends StateNotifier<ProfileSettings> {
   void setPriceColorMode(PriceColorMode mode) {
     state = state.copyWith(priceColorMode: mode);
   }
+
+  void setRecycleDiscount(MetalType metal, double value) {
+    state = state.copyWith(
+      recycleDiscounts: {
+        ...state.recycleDiscounts,
+        metal: value.clamp(0.7, 1.0),
+      },
+    );
+  }
 }

lib/features/profile/presentation/profile_page.dart

@@ -2,12 +2,15 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:shadcn_ui/shadcn_ui.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
+import '../../../common/config/app_h5_urls.dart';
 import '../../../common/router/app_router.dart';
-import '../../../common/widgets/adaptive.dart';
+import '../../../common/widgets/prototype_ui.dart';
 import '../../auth/application/auth_controller.dart';
 import '../../auth/data/auth_models.dart';
-import '../../profile/application/profile_settings_controller.dart';
+import '../application/profile_settings_controller.dart';
+import '../data/profile_models.dart';
 
 class ProfilePage extends ConsumerWidget {
   const ProfilePage({super.key});
@@ -25,161 +28,416 @@ class ProfilePage extends ConsumerWidget {
     return SafeArea(
       top: false,
       child: ListView(
-        padding: const EdgeInsets.fromLTRB(18, 18, 18, 24),
+        padding: const EdgeInsets.fromLTRB(0, 8, 0, 86),
         children: [
-          Center(
+          PrototypeFrame(
-            child: ConstrainedBox(
+            child: Column(
-              constraints: const BoxConstraints(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
-                maxWidth: Adaptive.contentMaxWidth,
+              children: [
-              ),
+                const Text(
-              child: Column(
+                  '我的',
-                crossAxisAlignment: CrossAxisAlignment.stretch,
+                  style: TextStyle(fontSize: 17, fontWeight: FontWeight.w600),
-                children: [
+                ),
-                  _Card(
+                const SizedBox(height: 14),
-                    child: Row(
+                PrototypeCard(
-                      children: [
+                  child: Row(
-                        Expanded(
+                    children: [
-                          child: Column(
+                      Container(
-                            crossAxisAlignment: CrossAxisAlignment.start,
+                        width: 46,
-                            children: [
+                        height: 46,
-                              Text(
+                        decoration: BoxDecoration(
-                                currentUser?.nickname ?? '未登录',
+                          color: const Color(0xFFF1EFE9),
-                                style: TextStyle(
+                          borderRadius: BorderRadius.circular(999),
-                                  fontSize: 18,
-                                  fontWeight: FontWeight.w700,
-                                  color: cs.foreground,
-                                ),
-                              ),
-                              const SizedBox(height: 6),
-                              Text(
-                                currentUser?.phone ?? '登录后可使用本地同步、云备份占位和账户管理。',
-                                style: TextStyle(color: cs.mutedForeground),
-                              ),
-                            ],
-                          ),
                         ),
-                        FilledButton(
+                        child: const Icon(
-                          onPressed: () => context.push(AppRoutes.settings),
+                          Icons.person_outline,
-                          child: const Text('设置'),
+                          color: Color(0xFF9A968D),
                         ),
-                      ],
-                    ),
-                  ),
-                  const SizedBox(height: 12),
-                  _Card(
-                    child: Column(
-                      children: [
-                        _SettingRow(
-                          label: '隐藏金额',
-                          value: settings.amountHidden ? '已隐藏' : '显示中',
-                          trailing: Switch(
-                            value: settings.amountHidden,
-                            onChanged: (_) => ref
-                                .read(
-                                  profileSettingsControllerProvider.notifier,
-                                )
-                                .toggleAmountHidden(),
-                          ),
-                        ),
-                        _SettingRow(
-                          label: '回收折扣',
-                          value:
-                              '金 ${(settings.recycleDiscounts.values.first * 100).toStringAsFixed(0)}%',
-                        ),
-                        _SettingRow(
-                          label: '涨跌颜色',
-                          value: settings.priceColorMode.label,
-                        ),
-                        _SettingRow(
-                          label: '纯度系数',
-                          value: '${settings.purityPresets.length} 项',
-                        ),
-                      ],
-                    ),
-                  ),
-                  const SizedBox(height: 12),
-                  _Card(
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.stretch,
-                      children: [
-                        FilledButton.tonal(
-                          onPressed: loggedIn
-                              ? () => context.push(AppRoutes.login)
-                              : () => context.push(AppRoutes.login),
-                          child: Text(loggedIn ? '切换账号' : '去登录'),
-                        ),
-                        const SizedBox(height: 10),
-                        OutlinedButton(
-                          onPressed: () => context.push(AppRoutes.settings),
-                          child: const Text('打开设置'),
-                        ),
-                      ],
-                    ),
-                  ),
-                  const SizedBox(height: 12),
-                  _Card(
-                    child: Text(
-                      '风险提示 · 数据来源 · 免责\n价格、资讯与估值均为本地 mock 数据，仅用于产品原型验证，不构成投资建议。',
-                      style: TextStyle(
-                        color: cs.mutedForeground,
-                        height: 1.6,
-                        fontSize: 13,
                       ),
+                      const SizedBox(width: 12),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              currentUser?.nickname ?? '未登录',
+                              style: const TextStyle(
+                                fontSize: 15,
+                                fontWeight: FontWeight.w600,
+                              ),
+                            ),
+                            const SizedBox(height: 4),
+                            Text(
+                              currentUser?.phone ?? '登录后可云备份、多端同步',
+                              style: TextStyle(
+                                fontSize: 12,
+                                color: cs.mutedForeground,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                      if (!loggedIn)
+                        FilledButton(
+                          onPressed: () => context.push(AppRoutes.login),
+                          style: FilledButton.styleFrom(
+                            padding: const EdgeInsets.symmetric(
+                              horizontal: 16,
+                              vertical: 10,
+                            ),
+                            minimumSize: Size.zero,
+                          ),
+                          child: Text('登录'),
+                        ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 12),
+                PrototypeCard(
+                  padding: EdgeInsets.zero,
+                  child: Column(
+                    children: [
+                      _MenuRow(
+                        title: '邀请好友，各得奖励',
+                        subtitle: '需登录',
+                        icon: Icons.card_giftcard_outlined,
+                        backgroundColor: const Color(0xFFF6ECD6),
+                        iconColor: const Color(0xFFB5862A),
+                        onTap: () => _showInviteSheet(context),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _MenuRow(
+                        title: '分享我的贵金属估值卡',
+                        subtitle: '免登录 · 自动打码金额',
+                        icon: Icons.share_outlined,
+                        backgroundColor: const Color(0xFFEAF1FF),
+                        iconColor: const Color(0xFF4F7DD1),
+                        onTap: () =>
+                            _showShareCardSheet(context, currentUser?.nickname),
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 12),
+                PrototypeCard(
+                  padding: EdgeInsets.zero,
+                  child: Column(
+                    children: [
+                      _SettingRow(
+                        icon: Icons.download_outlined,
+                        title: '本地导出备份',
+                        trailing: '导出',
+                        onTap: () => _showLocalBackupSheet(context),
+                        backgroundColor: const Color(0xFFF3EFE7),
+                        iconColor: const Color(0xFF8A8780),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.cloud_outlined,
+                        title: '云备份 · 多端同步',
+                        trailing: loggedIn ? '已登录' : '登录解锁',
+                        onTap: () => _showCloudBackupSheet(context, loggedIn),
+                        backgroundColor: const Color(0xFFEAF2ED),
+                        iconColor: const Color(0xFF5E8E75),
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 12),
+                PrototypeCard(
+                  padding: EdgeInsets.zero,
+                  child: Column(
+                    children: [
+                      _SettingRow(
+                        icon: Icons.grid_view_outlined,
+                        title: '添加桌面小组件',
+                        trailing: '占位',
+                        onTap: () => _showWidgetSheet(context),
+                        backgroundColor: const Color(0xFFF6ECD6),
+                        iconColor: const Color(0xFFB5862A),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.tune_outlined,
+                        title: '纯度系数管理',
+                        trailing: '${settings.purityPresets.length} 项',
+                        onTap: () => _showPuritySheet(context, settings),
+                        backgroundColor: const Color(0xFFF4EAF8),
+                        iconColor: const Color(0xFF8A5CBF),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.percent_outlined,
+                        title: '回收折扣设置',
+                        trailing:
+                            '金 ${(settings.recycleDiscounts.values.first * 100).toStringAsFixed(0)}%',
+                        onTap: () => _showRecycleSheet(context, settings),
+                        backgroundColor: const Color(0xFFF8EFE0),
+                        iconColor: const Color(0xFFB07A32),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.palette_outlined,
+                        title: '涨跌颜色',
+                        trailing: settings.priceColorMode.label,
+                        onTap: () => _showPriceColorSheet(context, ref),
+                        backgroundColor: const Color(0xFFE9F3F1),
+                        iconColor: const Color(0xFF4E8B7B),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.currency_yen_outlined,
+                        title: '显示币种',
+                        trailing: '¥ CNY',
+                        onTap: () => _showCurrencySheet(context),
+                        backgroundColor: const Color(0xFFF1EFE9),
+                        iconColor: const Color(0xFF7F7A73),
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 12),
+                PrototypeCard(
+                  padding: EdgeInsets.zero,
+                  child: Column(
+                    children: [
+                      _SettingRow(
+                        icon: Icons.settings,
+                        title: '设置',
+                        trailing: null,
+                        onTap: () => context.push(AppRoutes.settings),
+                        backgroundColor: const Color(0xFFF1EFE9),
+                        iconColor: const Color(0xFF7F7A73),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.privacy_tip_outlined,
+                        title: '隐私政策 · 用户协议',
+                        trailing: null,
+                        onTap: () => launchUrlString(
+                          AppH5UrlsHelper.withCacheBuster(
+                            AppH5Urls.userProtocolUrl,
+                          ),
+                          mode: LaunchMode.inAppBrowserView,
+                        ),
+                        backgroundColor: const Color(0xFFF1EFE9),
+                        iconColor: const Color(0xFF7F7A73),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.info_outline,
+                        title: '免责声明 · 数据来源',
+                        trailing: null,
+                        onTap: () => _showDisclaimer(context),
+                        backgroundColor: const Color(0xFFF7F0E2),
+                        iconColor: const Color(0xFFB07A32),
+                      ),
+                      const PrototypeDivider(margin: EdgeInsets.zero),
+                      _SettingRow(
+                        icon: Icons.feedback_outlined,
+                        title: '意见反馈 · 关于金值',
+                        trailing: null,
+                        onTap: () => _showAbout(context),
+                        backgroundColor: const Color(0xFFEAF1FF),
+                        iconColor: const Color(0xFF4F7DD1),
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(height: 14),
+                PrototypeCard(
+                  child: Text(
+                    '风险提示 · 数据来源 · 免责\n金值是贵金属资产记录与估值工具，所有信息不构成投资建议。\n· 行情 / 兑换价格均为参考，标注来源与更新时间，实际以交易系统 / 门店为准。\n· 材料价值 = 克重 × 纯度系数 × 上海金现货，非金店零售价（含工费 / 品牌溢价）、非回收实收价。\n· 资讯为信息整理，非投资建议；历史走势不代表未来。',
+                    style: TextStyle(
+                      color: cs.mutedForeground,
+                      height: 1.7,
+                      fontSize: 12,
                     ),
                   ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _showDisclaimer(BuildContext context) {
+    context.push(AppRoutes.profileDisclaimer);
+  }
+
+  Future<void> _showInviteSheet(BuildContext context) async {
+    context.push(AppRoutes.profileInvite);
+  }
+
+  Future<void> _showShareCardSheet(
+    BuildContext context,
+    String? nickname,
+  ) async {
+    context.push(AppRoutes.profileShare);
+  }
+
+  Future<void> _showLocalBackupSheet(BuildContext context) async {
+    context.push(AppRoutes.profileLocalBackup);
+  }
+
+  Future<void> _showCloudBackupSheet(
+    BuildContext context,
+    bool loggedIn,
+  ) async {
+    context.push(AppRoutes.profileCloudBackup);
+  }
+
+  Future<void> _showWidgetSheet(BuildContext context) async {
+    context.push(AppRoutes.profileWidget);
+  }
+
+  Future<void> _showPriceColorSheet(BuildContext context, WidgetRef ref) async {
+    context.push(AppRoutes.profilePriceColor);
+  }
+
+  Future<void> _showPuritySheet(
+    BuildContext context,
+    ProfileSettings settings,
+  ) async {
+    context.push(AppRoutes.profilePurity);
+  }
+
+  Future<void> _showRecycleSheet(
+    BuildContext context,
+    ProfileSettings settings,
+  ) async {
+    context.push(AppRoutes.profileRecycle);
+  }
+
+  Future<void> _showCurrencySheet(BuildContext context) async {
+    context.push(AppRoutes.profileCurrency);
+  }
+
+  void _showAbout(BuildContext context) {
+    context.push(AppRoutes.profileAbout);
+  }
+}
+
+class _MenuRow extends StatelessWidget {
+  const _MenuRow({
+    required this.title,
+    required this.subtitle,
+    required this.icon,
+    required this.backgroundColor,
+    required this.iconColor,
+    required this.onTap,
+  });
+
+  final String title;
+  final String subtitle;
+  final IconData icon;
+  final Color backgroundColor;
+  final Color iconColor;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final cs = ShadTheme.of(context).colorScheme;
+    return InkWell(
+      onTap: onTap,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
+        child: Row(
+          children: [
+            Container(
+              width: 34,
+              height: 34,
+              decoration: BoxDecoration(
+                color: backgroundColor,
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: Icon(icon, size: 18, color: iconColor),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    title,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    subtitle,
+                    style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+                  ),
                 ],
               ),
             ),
-          ),
+            Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
-        ],
+          ],
+        ),
       ),
     );
   }
 }
 
 class _SettingRow extends StatelessWidget {
-  const _SettingRow({required this.label, required this.value, this.trailing});
+  const _SettingRow({
+    required this.icon,
+    required this.title,
+    required this.onTap,
+    required this.backgroundColor,
+    required this.iconColor,
+    this.trailing,
+  });
 
-  final String label;
+  final IconData icon;
-  final String value;
+  final String title;
-  final Widget? trailing;
+  final String? trailing;
+  final VoidCallback onTap;
+  final Color backgroundColor;
+  final Color iconColor;
 
   @override
   Widget build(BuildContext context) {
     final cs = ShadTheme.of(context).colorScheme;
-    return Padding(
+    return InkWell(
-      padding: const EdgeInsets.symmetric(vertical: 10),
+      onTap: onTap,
-      child: Row(
+      child: Padding(
-        children: [
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
-          Expanded(
+        child: Row(
-            child: Text(
+          children: [
-              label,
+            Container(
-              style: TextStyle(fontSize: 15, color: cs.foreground),
+              width: 34,
+              height: 34,
+              decoration: BoxDecoration(
+                color: backgroundColor,
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: Icon(icon, size: 18, color: iconColor),
             ),
-          ),
+            const SizedBox(width: 12),
-          Text(value, style: TextStyle(color: cs.mutedForeground)),
+            Expanded(
-          if (trailing != null) ...[const SizedBox(width: 8), trailing!],
+              child: Text(
-        ],
+                title,
+                style: const TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ),
+            if (trailing != null)
+              Text(
+                trailing!,
+                style: TextStyle(fontSize: 12, color: cs.mutedForeground),
+              ),
+            const SizedBox(width: 6),
+            Icon(Icons.chevron_right, size: 16, color: cs.mutedForeground),
+          ],
+        ),
       ),
     );
   }
 }
-
-class _Card extends StatelessWidget {
-  const _Card({required this.child});
-
-  final Widget child;
-
-  @override
-  Widget build(BuildContext context) {
-    final cs = ShadTheme.of(context).colorScheme;
-    return DecoratedBox(
-      decoration: BoxDecoration(
-        color: cs.card,
-        border: Border.all(color: cs.border),
-        borderRadius: BorderRadius.circular(12),
-      ),
-      child: Padding(padding: const EdgeInsets.all(16), child: child),
-    );
-  }
-}