结构重构

lib/pages/online_search/movie_detail_page.dart

@@ -0,0 +1,910 @@
+import 'dart:convert';
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'package:path/path.dart' as p;
+import 'package:provider/provider.dart';
+import 'package:uuid/uuid.dart';
+import '../utils/server_config.dart';
+import '../utils/user_prefs.dart';
+import '../models/data_models.dart';
+import '../providers/app_provider.dart';
+import '../utils/image_path_helper.dart';
+import '../utils/toast_util.dart';
+
+/// 影视详情页 - 在线版
+class MovieDetailPage extends StatefulWidget {
+  final int vodId;
+  const MovieDetailPage({super.key, required this.vodId});
+
+  @override
+  State<MovieDetailPage> createState() => _MovieDetailPageState();
+}
+
+class _MovieDetailPageState extends State<MovieDetailPage> {
+  Map<String, dynamic>? _data;
+  List<Map<String, dynamic>> _staffList = [];
+  bool _loading = true;
+  bool _staffLoading = false;
+  String? _error;
+  bool _expanded = false;
+  Movie? _localMovie;
+  int _currentTab = 0;
+  int _detailStyle = 0; // 0: 紧凑, 1: 沉浸式
+
+  @override
+  void initState() {
+    super.initState();
+    _load();
+  }
+
+  Future<void> _load() async {
+    final token = UserPrefs().movieSearchToken;
+    try {
+      final url =
+          '${ServerConfig.vipBaseUrl}/api/movie/detail?vodId=${widget.vodId}&token=$token';
+      final resp =
+          await http.get(Uri.parse(url)).timeout(const Duration(seconds: 10));
+      if (!mounted) return;
+      if (resp.statusCode == 200) {
+        final json_ = json.decode(resp.body);
+        if (json_['code'] == 0 && json_['data'] != null) {
+          setState(() {
+            _data = json_['data'];
+            _loading = false;
+          });
+          _loadStaff();
+          _checkLocal();
+          return;
+        }
+      }
+      setState(() {
+        _error = '加载失败';
+        _loading = false;
+      });
+    } catch (_) {
+      if (mounted)
+        setState(() {
+          _error = '网络错误';
+          _loading = false;
+        });
+    }
+  }
+
+  Future<void> _loadStaff() async {
+    final staffStr = _data?['vod_staff'] ?? '';
+    if (staffStr.toString().isEmpty) return;
+    final token = UserPrefs().movieSearchToken;
+    setState(() {
+      _staffLoading = true;
+    });
+    try {
+      final url = '${ServerConfig.vipBaseUrl}/api/actor/staff-pic?token=$token';
+      final resp = await http.post(Uri.parse(url),
+          body: staffStr.toString(),
+          headers: {
+            'Content-Type': 'application/json'
+          }).timeout(const Duration(seconds: 10));
+      if (!mounted) return;
+      if (resp.statusCode == 200) {
+        final json_ = json.decode(resp.body);
+        if (json_['code'] == 0 && json_['data'] != null) {
+          setState(() {
+            _staffList = (json_['data'] as List)
+                .map((e) => e as Map<String, dynamic>)
+                .toList();
+            _staffLoading = false;
+          });
+          return;
+        }
+      }
+    } catch (_) {}
+    if (mounted)
+      setState(() {
+        _staffLoading = false;
+      });
+  }
+
+  void _checkLocal() {
+    final name = _data?['vod_name'] ?? '';
+    if (name.toString().isEmpty) return;
+    final provider = context.read<AppProvider>();
+    final match =
+        provider.movies.where((m) => !m.isDeleted && m.title == name).toList();
+    if (match.isNotEmpty) {
+      setState(() {
+        _localMovie = match.first;
+      });
+    }
+  }
+
+  Future<void> _addMovie(String status) async {
+    final m = _data!;
+    final name = m['vod_name'] ?? '';
+    final director = m['vod_director'] ?? '';
+    final actorStr = m['vod_actor'] ?? '';
+    final classStr = m['vod_class'] ?? '';
+    final yearStr = m['vod_year'] ?? '';
+    final scoreStr = m['vod_score'] ?? '';
+    final content = m['vod_content'] ?? m['vod_blurb'] ?? '';
+    final pic = m['vod_pic'] ?? '';
+
+    DateTime? releaseDate;
+    if (yearStr.toString().isNotEmpty) {
+      releaseDate = DateTime.tryParse('${yearStr}-01-01');
+    }
+
+    final movieId = const Uuid().v4();
+    String? posterPath;
+
+    if (pic.toString().isNotEmpty) {
+      try {
+        final resp = await http.get(Uri.parse(pic.toString()), headers: {
+          'User-Agent': 'Mozilla/5.0'
+        }).timeout(const Duration(seconds: 15));
+        if (resp.statusCode == 200 &&
+            resp.bodyBytes.length < 10 * 1024 * 1024) {
+          final fileName =
+              'poster_${DateTime.now().millisecondsSinceEpoch}.jpg';
+          final targetPath = await ImagePathHelper.instance
+              .getMoviePosterPath(movieId, fileName);
+          await ImagePathHelper.instance.ensureDirExists(p.dirname(targetPath));
+          await File(targetPath).writeAsBytes(resp.bodyBytes);
+          posterPath = targetPath;
+        }
+      } catch (_) {}
+    }
+
+    final movie = Movie(
+      id: movieId,
+      title: name.toString(),
+      posterPath: posterPath,
+      releaseDate: releaseDate,
+      directors: _splitStr(director.toString()),
+      actors: _splitStr(actorStr.toString()),
+      genres: _splitStr(classStr.toString()),
+      summary: content.toString(),
+      rating: double.tryParse(scoreStr.toString()),
+      status: status,
+      createdAt: DateTime.now(),
+      updatedAt: DateTime.now(),
+    );
+
+    if (!mounted) return;
+    final provider = context.read<AppProvider>();
+    await provider.addMovie(movie);
+
+    if (mounted) {
+      setState(() {
+        _localMovie = provider.movies.firstWhere((m) => m.id == movie.id);
+      });
+      ToastUtil.show(context, '已添加到${_statusLabel(status)}');
+    }
+  }
+
+  List<String> _splitStr(String s) => s
+      .split(RegExp(r'[,，/、]'))
+      .map((e) => e.trim())
+      .where((e) => e.isNotEmpty)
+      .toList();
+
+  String _statusLabel(String status) {
+    switch (status) {
+      case 'watched':
+        return '已看';
+      case 'watching':
+        return '在看';
+      case 'want_to_watch':
+        return '想看';
+      default:
+        return '';
+    }
+  }
+
+  void _showAddSheet() {
+    final colors = Theme.of(context).colorScheme;
+    showModalBottomSheet(
+      context: context,
+      backgroundColor: colors.surface,
+      shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.vertical(top: Radius.circular(16))),
+      builder: (ctx) => SafeArea(
+        child: Padding(
+          padding: const EdgeInsets.fromLTRB(16, 6, 16, 16),
+          child: Column(mainAxisSize: MainAxisSize.min, children: [
+            Center(
+                child: Container(
+                    width: 36,
+                    height: 4,
+                    margin: const EdgeInsets.only(bottom: 14),
+                    decoration: BoxDecoration(
+                        color: colors.onSurface.withValues(alpha: 0.15),
+                        borderRadius: BorderRadius.circular(2)))),
+            Text('添加到',
+                style: TextStyle(
+                    fontSize: 15,
+                    fontWeight: FontWeight.w600,
+                    color: colors.onSurface)),
+            const SizedBox(height: 14),
+            _sheetItem(
+                ctx, colors, Icons.check_circle_outline, '已看', 'watched'),
+            _sheetItem(
+                ctx, colors, Icons.play_circle_outline, '在看', 'watching'),
+            _sheetItem(
+                ctx, colors, Icons.bookmark_outline, '想看', 'want_to_watch'),
+          ]),
+        ),
+      ),
+    );
+  }
+
+  Widget _sheetItem(BuildContext ctx, ColorScheme colors, IconData icon,
+      String label, String status) {
+    return InkWell(
+      onTap: () {
+        Navigator.pop(ctx);
+        _addMovie(status);
+      },
+      borderRadius: BorderRadius.circular(10),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
+        margin: const EdgeInsets.only(bottom: 4),
+        child: Row(children: [
+          Icon(icon, size: 22, color: colors.onSurface.withValues(alpha: 0.6)),
+          const SizedBox(width: 12),
+          Text(label,
+              style: TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w500,
+                  color: colors.onSurface)),
+        ]),
+      ),
+    );
+  }
+
+  // ── Build ──────────────────────────────────────────────
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+    return Scaffold(
+      backgroundColor: colors.surface,
+      floatingActionButton:
+          (!_loading && _error == null && _localMovie == null && _data != null)
+              ? FloatingActionButton(
+                  onPressed: _showAddSheet,
+                  backgroundColor: colors.primary,
+                  child: Icon(Icons.add, color: colors.onPrimary))
+              : null,
+      body: _loading
+          ? Center(
+              child: CircularProgressIndicator(
+                  color: colors.primary, strokeWidth: 2))
+          : _error != null
+              ? _buildError(colors)
+              : _buildBody(colors),
+    );
+  }
+
+  Widget _buildError(ColorScheme colors) {
+    return Center(
+        child: Column(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Icon(Icons.error_outline,
+            size: 48, color: colors.onSurface.withValues(alpha: 0.2)),
+        const SizedBox(height: 16),
+        Text(_error!,
+            style: TextStyle(
+                fontSize: 14, color: colors.onSurface.withValues(alpha: 0.4))),
+        const SizedBox(height: 16),
+        TextButton(
+            onPressed: () {
+              setState(() {
+                _loading = true;
+                _error = null;
+              });
+              _load();
+            },
+            child: Text('重试', style: TextStyle(color: colors.primary))),
+      ],
+    ));
+  }
+
+  Widget _buildBody(ColorScheme colors) {
+    if (_detailStyle == 1) return _buildImmersiveBody(colors);
+    final m = _data!;
+    final pic = m['vod_pic'] ?? '';
+    final name = m['vod_name'] ?? '';
+    final isEnd = m['vod_isend'] ?? 0;
+    final year = m['vod_year'] ?? '';
+    final area = m['vod_area'] ?? '';
+    final typeName = m['type_name'] ?? '';
+    final classStr = m['vod_class'] ?? '';
+    final score = m['vod_score'] ?? '';
+
+    final metaParts =
+        [year, area].where((s) => s.toString().isNotEmpty).join(' · ');
+    final typeParts =
+        [typeName, classStr].where((s) => s.toString().isNotEmpty).join(' / ');
+
+    return Column(children: [
+      // 顶部：AppBar + 海报信息区
+      Container(
+        color: colors.surface,
+        child: SafeArea(
+            bottom: false,
+            child: Column(children: [
+              // AppBar
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                child: Row(children: [
+                  GestureDetector(
+                    onTap: () => Navigator.pop(context),
+                    child: Container(
+                        width: 36,
+                        height: 36,
+                        decoration: BoxDecoration(
+                            color: colors.surfaceContainerHigh,
+                            shape: BoxShape.circle),
+                        child: Icon(Icons.arrow_back,
+                            size: 20, color: colors.onSurface)),
+                  ),
+                  const Spacer(),
+                  GestureDetector(
+                    onTap: () => setState(() => _detailStyle = _detailStyle == 0 ? 1 : 0),
+                    child: Container(
+                        width: 36,
+                        height:36,
+                        decoration: BoxDecoration(
+                            color: colors.surfaceContainerHigh,
+                            shape: BoxShape.circle),
+                        child: Icon(
+                            _detailStyle == 0
+                                ? Icons.crop_landscape_rounded
+                                : Icons.grid_view_rounded,
+                            size: 18,
+                            color: colors.onSurface)),
+                  ),
+                ]),
+              ),
+              // 海报 + 信息
+              Padding(
+                padding: const EdgeInsets.fromLTRB(16, 4, 16, 16),
+                child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      // 海报
+                      ClipRRect(
+                        borderRadius: BorderRadius.circular(10),
+                        child: SizedBox(
+                          width: 120,
+                          height: 170,
+                          child: pic.toString().isNotEmpty
+                              ? Image.network(pic,
+                                  fit: BoxFit.cover,
+                                  errorBuilder: (_, __, ___) =>
+                                      _posterPlaceholder(colors))
+                              : _posterPlaceholder(colors),
+                        ),
+                      ),
+                      const SizedBox(width: 16),
+                      // 信息
+                      Expanded(
+                        child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(name,
+                                  style: TextStyle(
+                                      fontSize: 18,
+                                      fontWeight: FontWeight.w700,
+                                      color: colors.onSurface)),
+                              const SizedBox(height: 8),
+                              // 评分
+                              if (score.toString().isNotEmpty && score != '0.0') ...[
+                                Row(children: [
+                                  Icon(Icons.star_rounded, size: 16, color: const Color(0xFFF59E0B)),
+                                  const SizedBox(width: 3),
+                                  Text('$score', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600, color: colors.onSurface)),
+                                  Text(' /10', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3))),
+                                ]),
+                                const SizedBox(height: 2),
+                                Text('评分来源于网络资源收集，并非官方评分', style: TextStyle(fontSize: 10, color: colors.onSurface.withValues(alpha: 0.25))),
+                                const SizedBox(height: 8),
+                              ],
+                              // 完结状态
+                              _endTag(isEnd),
+                              if (metaParts.isNotEmpty) ...[
+                                const SizedBox(height: 8),
+                                Text(metaParts,
+                                    style: TextStyle(
+                                        fontSize: 12,
+                                        color: colors.onSurface
+                                            .withValues(alpha: 0.5))),
+                              ],
+                              if (typeParts.isNotEmpty) ...[
+                                const SizedBox(height: 3),
+                                Text(typeParts,
+                                    style: TextStyle(
+                                        fontSize: 11,
+                                        color: colors.onSurface
+                                            .withValues(alpha: 0.4)),
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis),
+                              ],
+                              // 本地状态
+                              if (_localMovie != null) ...[
+                                const SizedBox(height: 10),
+                                _buildLocalStatus(colors),
+                              ],
+                            ]),
+                      ),
+                    ]),
+              ),
+            ])),
+      ),
+
+      // Tab 栏
+      Container(
+        decoration: BoxDecoration(
+            border: Border(
+                bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
+        child: Row(children: [
+          _buildTabButton('概要', 0),
+          _buildTabButton('演职人员', 1),
+        ]),
+      ),
+
+      // 内容区
+      Expanded(
+        child:
+            _currentTab == 0 ? _buildOverview(colors) : _buildStaffTab(colors),
+      ),
+    ]);
+  }
+
+  // ── 沉浸式布局 ──────────────────────────────────────────
+
+  Widget _buildImmersiveBody(ColorScheme colors) {
+    final m = _data!;
+    final pic = m['vod_pic'] ?? '';
+    final name = m['vod_name'] ?? '';
+    final isEnd = m['vod_isend'] ?? 0;
+    final year = m['vod_year'] ?? '';
+    final area = m['vod_area'] ?? '';
+    final typeName = m['type_name'] ?? '';
+    final classStr = m['vod_class'] ?? '';
+    final score = m['vod_score'] ?? '';
+    final metaParts = [year, area].where((s) => s.toString().isNotEmpty).join(' · ');
+    final typeParts = [typeName, classStr].where((s) => s.toString().isNotEmpty).join(' / ');
+
+    return Column(children: [
+      // 全宽海报区
+      Stack(children: [
+        // 海报图
+        SizedBox(
+          width: double.infinity,
+          height: 320,
+          child: pic.toString().isNotEmpty
+              ? Image.network(pic, fit: BoxFit.cover,
+                  errorBuilder: (_, __, ___) => Container(color: colors.surfaceContainerHighest))
+              : Container(color: colors.surfaceContainerHighest,
+                  child: Icon(Icons.movie_outlined, size: 64, color: colors.onSurface.withValues(alpha: 0.1))),
+        ),
+        // 渐变遮罩
+        Positioned.fill(
+          child: DecoratedBox(
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                begin: Alignment.topCenter,
+                end: Alignment.bottomCenter,
+                colors: [Colors.transparent, Colors.black.withValues(alpha: 0.8)],
+                stops: const [0.35, 1.0],
+              ),
+            ),
+          ),
+        ),
+        // 顶部按钮
+        SafeArea(
+          bottom: false,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+            child: Row(children: [
+              GestureDetector(
+                onTap: () => Navigator.pop(context),
+                child: Container(
+                    width: 36, height: 36,
+                    decoration: BoxDecoration(color: Colors.black.withValues(alpha: 0.3), shape: BoxShape.circle),
+                    child: const Icon(Icons.arrow_back, size: 20, color: Colors.white)),
+              ),
+              const Spacer(),
+              GestureDetector(
+                onTap: () => setState(() => _detailStyle = 0),
+                child: Container(
+                    width: 36, height: 36,
+                    decoration: BoxDecoration(color: Colors.black.withValues(alpha: 0.3), shape: BoxShape.circle),
+                    child: const Icon(Icons.grid_view_rounded, size: 18, color: Colors.white)),
+              ),
+            ]),
+          ),
+        ),
+        // 底部信息叠加
+        Positioned(
+          left: 16, right: 16, bottom: 18,
+          child: Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [
+            Text(name, maxLines: 2, overflow: TextOverflow.ellipsis,
+                style: const TextStyle(fontSize: 22, fontWeight: FontWeight.w700, color: Colors.white)),
+            const SizedBox(height: 8),
+            Row(children: [
+              if (score.toString().isNotEmpty && score != '0.0') ...[
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                  decoration: BoxDecoration(
+                    color: Colors.black.withValues(alpha: 0.3),
+                    borderRadius: BorderRadius.circular(6),
+                  ),
+                  child: Row(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(Icons.star_rounded, size: 18, color: Colors.amber.shade400),
+                      const SizedBox(width: 3),
+                      Text('$score', style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w700, color: Colors.white)),
+                    ],
+                  ),
+                ),
+                const SizedBox(width: 10),
+              ],
+              _endTag(isEnd),
+              if (metaParts.isNotEmpty) ...[
+                const SizedBox(width: 8),
+                Text(metaParts, style: TextStyle(fontSize: 12, color: Colors.white.withValues(alpha: 0.7))),
+              ],
+            ]),
+            if (typeParts.isNotEmpty) ...[
+              const SizedBox(height: 4),
+              Text(typeParts, maxLines: 1, overflow: TextOverflow.ellipsis,
+                  style: TextStyle(fontSize: 12, color: Colors.white.withValues(alpha: 0.5))),
+            ],
+            if (_localMovie != null) ...[
+              const SizedBox(height: 8),
+              _buildLocalStatus(colors),
+            ],
+          ]),
+        ),
+      ]),
+
+      // Tab 栏
+      Container(
+        decoration: BoxDecoration(
+            border: Border(bottom: BorderSide(color: colors.outlineVariant, width: 0.5))),
+        child: Row(children: [
+          _buildTabButton('概要', 0),
+          _buildTabButton('演职人员', 1),
+        ]),
+      ),
+
+      // 内容区
+      Expanded(
+        child: _currentTab == 0 ? _buildOverview(colors) : _buildStaffTab(colors),
+      ),
+    ]);
+  }
+
+  Widget _posterPlaceholder(ColorScheme colors) {
+    return Container(
+        color: colors.surfaceContainerHighest,
+        child: Center(
+            child: Icon(Icons.movie_outlined,
+                size: 32, color: colors.onSurface.withValues(alpha: 0.15))));
+  }
+
+  Widget _endTag(int isEnd) {
+    final finished = isEnd == 1;
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+      decoration: BoxDecoration(
+        color: finished
+            ? const Color(0xFF16A34A).withValues(alpha: 0.1)
+            : const Color(0xFFF59E0B).withValues(alpha: 0.1),
+        borderRadius: BorderRadius.circular(6),
+      ),
+      child: Text(finished ? '已完结' : '连载中',
+          style: TextStyle(
+              fontSize: 11,
+              fontWeight: FontWeight.w600,
+              color: finished
+                  ? const Color(0xFF16A34A)
+                  : const Color(0xFFF59E0B))),
+    );
+  }
+
+  Widget _buildLocalStatus(ColorScheme colors) {
+    final status = _localMovie!.status;
+    final label = _statusLabel(status);
+    Color dotColor;
+    switch (status) {
+      case 'watched':
+        dotColor = colors.primary;
+        break;
+      case 'watching':
+        dotColor = const Color(0xFF666666);
+        break;
+      default:
+        dotColor = const Color(0xFF999999);
+        break;
+    }
+    return Row(children: [
+      Container(
+          width: 6,
+          height: 6,
+          decoration: BoxDecoration(color: dotColor, shape: BoxShape.circle)),
+      const SizedBox(width: 6),
+      Text('已在本地 · $label',
+          style: TextStyle(
+              fontSize: 11,
+              fontWeight: FontWeight.w500,
+              color: colors.onSurface.withValues(alpha: 0.6))),
+    ]);
+  }
+
+  Widget _buildTabButton(String label, int index) {
+    final colors = Theme.of(context).colorScheme;
+    final selected = _currentTab == index;
+    return GestureDetector(
+      onTap: () => setState(() => _currentTab = index),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 11),
+        decoration: BoxDecoration(
+            border: Border(
+                bottom: BorderSide(
+                    color: selected ? colors.primary : Colors.transparent,
+                    width: 2))),
+        child: Text(label,
+            style: TextStyle(
+                fontSize: 13,
+                fontWeight: selected ? FontWeight.w600 : FontWeight.w400,
+                color: selected
+                    ? colors.primary
+                    : colors.onSurface.withValues(alpha: 0.4))),
+      ),
+    );
+  }
+
+  // ── 概要 Tab ──────────────────────────────────────────
+
+  Widget _buildOverview(ColorScheme colors) {
+    final m = _data!;
+    final isManual = m['is_manual_optimized'] ?? 0;
+
+    return ListView(
+      padding: const EdgeInsets.fromLTRB(16, 16, 16, 40),
+      children: [
+        // 信息行
+        _infoRow(colors, '导演', m['vod_director']),
+        _infoRow(colors, '主演', _formatActors()),
+        _infoRow(colors, '语言', m['vod_lang']),
+        _infoRow(colors, '时长', m['vod_duration']),
+        _infoRow(colors, '上映', m['vod_pubdate']),
+        const SizedBox(height: 16),
+
+        // 标签
+        if (isManual == 1 || (m['vod_tag'] ?? '').toString().isNotEmpty) ...[
+          _buildTags(colors),
+          const SizedBox(height: 16),
+        ],
+
+        // 分隔线
+        Container(height: 0.5, color: colors.outlineVariant),
+        const SizedBox(height: 16),
+
+        // 简介
+        _buildSynopsis(colors),
+      ],
+    );
+  }
+
+  Widget _infoRow(ColorScheme colors, String label, dynamic value) {
+    final text = value?.toString() ?? '';
+    if (text.isEmpty) return const SizedBox.shrink();
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 5),
+      child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
+        SizedBox(
+            width: 44,
+            child: Text(label,
+                style: TextStyle(
+                    fontSize: 12,
+                    color: colors.onSurface.withValues(alpha: 0.4)))),
+        const SizedBox(width: 8),
+        Expanded(
+            child: Text(text,
+                style: TextStyle(
+                    fontSize: 12,
+                    color: colors.onSurface.withValues(alpha: 0.75),
+                    height: 1.5))),
+      ]),
+    );
+  }
+
+  String _formatActors() {
+    final staffStr = _data?['vod_staff'] ?? '';
+    if (staffStr.toString().isNotEmpty) {
+      try {
+        final staff = json.decode(staffStr.toString()) as List;
+        final actors = staff.where((s) => s['position'] == '演员').toList();
+        if (actors.isNotEmpty) {
+          return actors.map((s) {
+            final name = s['name'] ?? '';
+            final role = s['role'] ?? '';
+            if (role.toString().isNotEmpty) return '$name（$role）';
+            return name;
+          }).join('，');
+        }
+      } catch (_) {}
+    }
+    return _data?['vod_actor'] ?? '';
+  }
+
+  Widget _buildTags(ColorScheme colors) {
+    final m = _data!;
+    final isManual = m['is_manual_optimized'] ?? 0;
+    final tagStr = m['vod_tag'] ?? '';
+    final tags =
+        tagStr.toString().split(',').where((t) => t.trim().isNotEmpty).toList();
+    return Wrap(
+      spacing: 6,
+      runSpacing: 6,
+      children: [
+        if (isManual == 1)
+          _tag('官方优化', const Color(0xFF16A34A), highlight: true),
+        ...tags.map(
+            (t) => _tag(t.trim(), colors.onSurface.withValues(alpha: 0.5))),
+      ],
+    );
+  }
+
+  Widget _tag(String text, Color color, {bool highlight = false}) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+      decoration: BoxDecoration(
+        color: highlight
+            ? const Color(0xFF16A34A).withValues(alpha: 0.1)
+            : Colors.transparent,
+        borderRadius: BorderRadius.circular(6),
+        border: Border.all(
+            color: highlight
+                ? const Color(0xFF16A34A).withValues(alpha: 0.3)
+                : color.withValues(alpha: 0.2),
+            width: 0.5),
+      ),
+      child: Text(text,
+          style: TextStyle(
+              fontSize: 11,
+              color: highlight ? const Color(0xFF16A34A) : color)),
+    );
+  }
+
+  Widget _buildSynopsis(ColorScheme colors) {
+    final m = _data!;
+    final blurb = m['vod_blurb'] ?? '';
+    final content = m['vod_content'] ?? '';
+    final fullText = content.toString().isNotEmpty
+        ? content.toString().replaceAll(RegExp(r'<[^>]*>'), '')
+        : blurb.toString();
+    final isLong = fullText.length > 120;
+
+    return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+      AnimatedCrossFade(
+        duration: const Duration(milliseconds: 200),
+        crossFadeState:
+            _expanded ? CrossFadeState.showSecond : CrossFadeState.showFirst,
+        firstChild: Text(fullText,
+            style: TextStyle(
+                fontSize: 13,
+                color: colors.onSurface.withValues(alpha: 0.7),
+                height: 1.8),
+            maxLines: 4,
+            overflow: TextOverflow.ellipsis),
+        secondChild: Text(fullText,
+            style: TextStyle(
+                fontSize: 13,
+                color: colors.onSurface.withValues(alpha: 0.7),
+                height: 1.8)),
+      ),
+      if (isLong)
+        GestureDetector(
+          onTap: () => setState(() => _expanded = !_expanded),
+          child: Padding(
+            padding: const EdgeInsets.only(top: 8),
+            child: Text(_expanded ? '收起' : '展开全文',
+                style: TextStyle(
+                    fontSize: 12,
+                    color: colors.primary,
+                    fontWeight: FontWeight.w500)),
+          ),
+        ),
+    ]);
+  }
+
+  // ── 演职人员 Tab ──────────────────────────────────────────
+
+  Widget _buildStaffTab(ColorScheme colors) {
+    if (_staffLoading)
+      return Center(
+          child: SizedBox(
+              width: 20,
+              height: 20,
+              child: CircularProgressIndicator(
+                  strokeWidth: 2, color: colors.primary)));
+    if (_staffList.isEmpty)
+      return Center(
+          child: Text('暂无演职信息',
+              style: TextStyle(
+                  fontSize: 13,
+                  color: colors.onSurface.withValues(alpha: 0.35))));
+    return GridView.builder(
+      padding: const EdgeInsets.fromLTRB(16, 16, 16, 40),
+      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: 3,
+          crossAxisSpacing: 10,
+          mainAxisSpacing: 14,
+          childAspectRatio: 0.7),
+      itemCount: _staffList.length,
+      itemBuilder: (context, index) =>
+          _buildStaffCard(colors, _staffList[index]),
+    );
+  }
+
+  Widget _buildStaffCard(ColorScheme colors, Map<String, dynamic> s) {
+    final name = s['name'] ?? '';
+    final position = s['position'] ?? '';
+    final role = s['role'] ?? '';
+    final pic = s['actor_pic'] ?? '';
+    final sub = [position, if (role.toString().isNotEmpty) role].join(' · ');
+
+    return Column(children: [
+      ClipRRect(
+        borderRadius: BorderRadius.circular(8),
+        child: SizedBox(
+          width: double.infinity,
+          height: 100,
+          child: pic.toString().isNotEmpty
+              ? Image.network(pic,
+                  fit: BoxFit.cover,
+                  errorBuilder: (_, __, ___) =>
+                      _avatarPlaceholder(colors, name))
+              : _avatarPlaceholder(colors, name),
+        ),
+      ),
+      const SizedBox(height: 6),
+      Text(name,
+          style: TextStyle(
+              fontSize: 11,
+              fontWeight: FontWeight.w500,
+              color: colors.onSurface),
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+          textAlign: TextAlign.center),
+      const SizedBox(height: 2),
+      Text(sub,
+          style: TextStyle(
+              fontSize: 9, color: colors.onSurface.withValues(alpha: 0.4)),
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+          textAlign: TextAlign.center),
+    ]);
+  }
+
+  Widget _avatarPlaceholder(ColorScheme colors, String name) {
+    final ch = name.isNotEmpty ? name.characters.first : '?';
+    return Container(
+      color: colors.surfaceContainerHighest,
+      child: Center(
+          child: Text(ch,
+              style: TextStyle(
+                  fontSize: 22,
+                  fontWeight: FontWeight.w600,
+                  color: colors.onSurface.withValues(alpha: 0.25)))),
+    );
+  }
+}