diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 00000000..76069758
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "WebFetch(domain:www.donet5.com)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}
diff --git a/Yi.Abp.Net8/.claude/settings.local.json b/Yi.Abp.Net8/.claude/settings.local.json
new file mode 100644
index 00000000..54ea23cd
--- /dev/null
+++ b/Yi.Abp.Net8/.claude/settings.local.json
@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(dotnet build \"E:\\code\\github\\Yi\\Yi.Abp.Net8\\module\\ai-hub\\Yi.Framework.AiHub.Application\\Yi.Framework.AiHub.Application.csproj\" --no-restore)",
+      "Read(//e/code/github/Yi/Yi.Ai.Vue3/**)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/CardFlipStatusOutput.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/CardFlipStatusOutput.cs
new file mode 100644
index 00000000..3594dbb8
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/CardFlipStatusOutput.cs
@@ -0,0 +1,93 @@
+namespace Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+/// <summary>
+/// 翻牌任务状态输出
+/// </summary>
+public class CardFlipStatusOutput
+{
+    /// <summary>
+    /// 本周总翻牌次数
+    /// </summary>
+    public int TotalFlips { get; set; }
+
+    /// <summary>
+    /// 剩余免费次数
+    /// </summary>
+    public int RemainingFreeFlips { get; set; }
+
+    /// <summary>
+    /// 剩余赠送次数
+    /// </summary>
+    public int RemainingBonusFlips { get; set; }
+
+    /// <summary>
+    /// 剩余邀请解锁次数
+    /// </summary>
+    public int RemainingInviteFlips { get; set; }
+
+    /// <summary>
+    /// 是否可以翻牌
+    /// </summary>
+    public bool CanFlip { get; set; }
+
+    /// <summary>
+    /// 用户的邀请码
+    /// </summary>
+    public string? MyInviteCode { get; set; }
+
+    /// <summary>
+    /// 本周邀请人数
+    /// </summary>
+    public int InvitedCount { get; set; }
+
+    /// <summary>
+    /// 是否已被邀请（被邀请后不可再提供邀请码）
+    /// </summary>
+    public bool IsInvited { get; set; }
+
+    /// <summary>
+    /// 翻牌记录
+    /// </summary>
+    public List<CardFlipRecord> FlipRecords { get; set; } = new();
+
+    /// <summary>
+    /// 下次可翻牌提示
+    /// </summary>
+    public string? NextFlipTip { get; set; }
+}
+
+/// <summary>
+/// 翻牌记录
+/// </summary>
+public class CardFlipRecord
+{
+    /// <summary>
+    /// 翻牌序号（1-10）
+    /// </summary>
+    public int FlipNumber { get; set; }
+
+    /// <summary>
+    /// 是否已翻
+    /// </summary>
+    public bool IsFlipped { get; set; }
+
+    /// <summary>
+    /// 是否中奖
+    /// </summary>
+    public bool IsWin { get; set; }
+
+    /// <summary>
+    /// 奖励金额（token数）
+    /// </summary>
+    public long? RewardAmount { get; set; }
+
+    /// <summary>
+    /// 翻牌类型描述
+    /// </summary>
+    public string? FlipTypeDesc { get; set; }
+
+    /// <summary>
+    /// 在翻牌顺序中的位置（1-10，表示第几个翻）
+    /// </summary>
+    public int FlipOrderIndex { get; set; }
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardInput.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardInput.cs
new file mode 100644
index 00000000..e974dfd6
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardInput.cs
@@ -0,0 +1,12 @@
+namespace Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+/// <summary>
+/// 翻牌输入
+/// </summary>
+public class FlipCardInput
+{
+    /// <summary>
+    /// 翻牌序号（1-10）
+    /// </summary>
+    public int FlipNumber { get; set; }
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardOutput.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardOutput.cs
new file mode 100644
index 00000000..b817edf3
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/FlipCardOutput.cs
@@ -0,0 +1,32 @@
+namespace Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+/// <summary>
+/// 翻牌输出
+/// </summary>
+public class FlipCardOutput
+{
+    /// <summary>
+    /// 翻牌序号（1-10）
+    /// </summary>
+    public int FlipNumber { get; set; }
+
+    /// <summary>
+    /// 是否中奖
+    /// </summary>
+    public bool IsWin { get; set; }
+
+    /// <summary>
+    /// 奖励金额（token数）
+    /// </summary>
+    public long? RewardAmount { get; set; }
+
+    /// <summary>
+    /// 奖励描述
+    /// </summary>
+    public string? RewardDesc { get; set; }
+
+    /// <summary>
+    /// 剩余可翻次数
+    /// </summary>
+    public int RemainingFlips { get; set; }
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/InviteCodeOutput.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/InviteCodeOutput.cs
new file mode 100644
index 00000000..2531498a
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/InviteCodeOutput.cs
@@ -0,0 +1,48 @@
+namespace Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+/// <summary>
+/// 邀请码信息输出
+/// </summary>
+public class InviteCodeOutput
+{
+    /// <summary>
+    /// 我的邀请码
+    /// </summary>
+    public string? MyInviteCode { get; set; }
+
+    /// <summary>
+    /// 本周邀请人数
+    /// </summary>
+    public int InvitedCount { get; set; }
+
+    /// <summary>
+    /// 是否已被邀请
+    /// </summary>
+    public bool IsInvited { get; set; }
+
+    /// <summary>
+    /// 邀请历史记录
+    /// </summary>
+    public List<InvitationHistoryItem> InvitationHistory { get; set; } = new();
+}
+
+/// <summary>
+/// 邀请历史记录项
+/// </summary>
+public class InvitationHistoryItem
+{
+    /// <summary>
+    /// 被邀请人昵称（脱敏）
+    /// </summary>
+    public string InvitedUserName { get; set; } = string.Empty;
+
+    /// <summary>
+    /// 邀请时间
+    /// </summary>
+    public DateTime InvitationTime { get; set; }
+
+    /// <summary>
+    /// 本周所在
+    /// </summary>
+    public string WeekDescription { get; set; } = string.Empty;
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/UseInviteCodeInput.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/UseInviteCodeInput.cs
new file mode 100644
index 00000000..e02cc6ab
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/Dtos/CardFlip/UseInviteCodeInput.cs
@@ -0,0 +1,12 @@
+namespace Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+/// <summary>
+/// 使用邀请码输入
+/// </summary>
+public class UseInviteCodeInput
+{
+    /// <summary>
+    /// 邀请码
+    /// </summary>
+    public string InviteCode { get; set; } = string.Empty;
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/IServices/ICardFlipService.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/IServices/ICardFlipService.cs
new file mode 100644
index 00000000..9dbc2544
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application.Contracts/IServices/ICardFlipService.cs
@@ -0,0 +1,41 @@
+using Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+
+namespace Yi.Framework.AiHub.Application.Contracts.IServices;
+
+/// <summary>
+/// 翻牌服务接口
+/// </summary>
+public interface ICardFlipService
+{
+    /// <summary>
+    /// 获取本周翻牌任务状态
+    /// </summary>
+    /// <returns></returns>
+    Task<CardFlipStatusOutput> GetWeeklyTaskStatusAsync();
+
+    /// <summary>
+    /// 翻牌
+    /// </summary>
+    /// <param name="input">翻牌输入</param>
+    /// <returns></returns>
+    Task<FlipCardOutput> FlipCardAsync(FlipCardInput input);
+
+    /// <summary>
+    /// 使用邀请码解锁翻牌次数
+    /// </summary>
+    /// <param name="input">邀请码输入</param>
+    /// <returns></returns>
+    Task UseInviteCodeAsync(UseInviteCodeInput input);
+
+    /// <summary>
+    /// 获取我的邀请码信息
+    /// </summary>
+    /// <returns></returns>
+    Task<InviteCodeOutput> GetMyInviteCodeAsync();
+
+    /// <summary>
+    /// 生成我的邀请码（如果没有）
+    /// </summary>
+    /// <returns></returns>
+    Task<string> GenerateMyInviteCodeAsync();
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application/Services/CardFlipService.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application/Services/CardFlipService.cs
new file mode 100644
index 00000000..d7bb6ba8
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Application/Services/CardFlipService.cs
@@ -0,0 +1,286 @@
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.Extensions.Logging;
+using Volo.Abp.Application.Services;
+using Volo.Abp.Users;
+using Yi.Framework.AiHub.Application.Contracts.Dtos.CardFlip;
+using Yi.Framework.AiHub.Application.Contracts.IServices;
+using Yi.Framework.AiHub.Domain.Entities;
+using Yi.Framework.AiHub.Domain.Extensions;
+using Yi.Framework.AiHub.Domain.Managers;
+using Yi.Framework.SqlSugarCore.Abstractions;
+
+namespace Yi.Framework.AiHub.Application.Services;
+
+/// <summary>
+/// 翻牌服务 - 应用层组合服务
+/// </summary>
+[Authorize]
+public class CardFlipService : ApplicationService, ICardFlipService
+{
+    private readonly CardFlipManager _cardFlipManager;
+    private readonly InviteCodeManager _inviteCodeManager;
+    private readonly ISqlSugarRepository<PremiumPackageAggregateRoot> _premiumPackageRepository;
+    private readonly ILogger<CardFlipService> _logger;
+
+    public CardFlipService(
+        CardFlipManager cardFlipManager,
+        InviteCodeManager inviteCodeManager,
+        ISqlSugarRepository<PremiumPackageAggregateRoot> premiumPackageRepository,
+        ILogger<CardFlipService> logger)
+    {
+        _cardFlipManager = cardFlipManager;
+        _inviteCodeManager = inviteCodeManager;
+        _premiumPackageRepository = premiumPackageRepository;
+        _logger = logger;
+    }
+
+    /// <summary>
+    /// 获取本周翻牌任务状态
+    /// </summary>
+    public async Task<CardFlipStatusOutput> GetWeeklyTaskStatusAsync()
+    {
+        var userId = CurrentUser.GetId();
+        var weekStart = CardFlipManager.GetWeekStartDate(DateTime.Now);
+
+        // 获取本周任务
+        var task = await _cardFlipManager.GetOrCreateWeeklyTaskAsync(userId, weekStart, createIfNotExists: false);
+
+        // 获取邀请码信息
+        var inviteCode = await _inviteCodeManager.GetUserInviteCodeAsync(userId);
+
+        // 统计本周邀请人数
+        var invitedCount = await _inviteCodeManager.GetWeeklyInvitationCountAsync(userId, weekStart);
+
+        // 检查用户是否已被邀请
+        var isInvited = await _inviteCodeManager.IsUserInvitedAsync(userId);
+
+        var output = new CardFlipStatusOutput
+        {
+            TotalFlips = task?.TotalFlips ?? 0,
+            RemainingFreeFlips = CardFlipManager.MAX_FREE_FLIPS - (task?.FreeFlipsUsed ?? 0),
+            RemainingBonusFlips = 0, // 已废弃
+            RemainingInviteFlips = CardFlipManager.MAX_INVITE_FLIPS - (task?.InviteFlipsUsed ?? 0),
+            CanFlip = _cardFlipManager.CanFlipCard(task),
+            MyInviteCode = inviteCode?.Code,
+            InvitedCount = invitedCount,
+            IsInvited = isInvited,
+            FlipRecords = BuildFlipRecords(task)
+        };
+
+        // 生成提示信息
+        output.NextFlipTip = GenerateNextFlipTip(output);
+
+        return output;
+    }
+
+    /// <summary>
+    /// 翻牌
+    /// </summary>
+    public async Task<FlipCardOutput> FlipCardAsync(FlipCardInput input)
+    {
+        var userId = CurrentUser.GetId();
+        var weekStart = CardFlipManager.GetWeekStartDate(DateTime.Now);
+
+        // 执行翻牌逻辑(由Manager处理验证和翻牌)
+        var result = await _cardFlipManager.ExecuteFlipAsync(userId, input.FlipNumber, weekStart);
+
+        // 如果中奖,发放奖励
+        if (result.IsWin)
+        {
+            await GrantRewardAsync(userId, result.RewardAmount, $"翻牌活动第{input.FlipNumber}次中奖");
+        }
+
+        // 构建输出
+        var output = new FlipCardOutput
+        {
+            FlipNumber = result.FlipNumber,
+            IsWin = result.IsWin,
+            RewardAmount = result.RewardAmount,
+            RewardDesc = result.RewardDesc,
+            RemainingFlips = CardFlipManager.TOTAL_MAX_FLIPS - input.FlipNumber
+        };
+
+        return output;
+    }
+
+    /// <summary>
+    /// 使用邀请码解锁翻牌次数
+    /// </summary>
+    public async Task UseInviteCodeAsync(UseInviteCodeInput input)
+    {
+        var userId = CurrentUser.GetId();
+        var weekStart = CardFlipManager.GetWeekStartDate(DateTime.Now);
+
+        // 获取本周任务
+        var task = await _cardFlipManager.GetOrCreateWeeklyTaskAsync(userId, weekStart, createIfNotExists: true);
+
+        // 验证是否已经使用了所有邀请解锁次数
+        if (task.InviteFlipsUsed >= CardFlipManager.MAX_INVITE_FLIPS)
+        {
+            throw new UserFriendlyException("本周邀请解锁次数已用完");
+        }
+
+        // 使用邀请码(由Manager处理验证和邀请逻辑)
+        await _inviteCodeManager.UseInviteCodeAsync(userId, input.InviteCode);
+
+        _logger.LogInformation($"用户 {userId} 使用邀请码 {input.InviteCode} 解锁翻牌次数成功");
+    }
+
+    /// <summary>
+    /// 获取我的邀请码信息
+    /// </summary>
+    public async Task<InviteCodeOutput> GetMyInviteCodeAsync()
+    {
+        var userId = CurrentUser.GetId();
+        var weekStart = CardFlipManager.GetWeekStartDate(DateTime.Now);
+
+        // 获取我的邀请码
+        var inviteCode = await _inviteCodeManager.GetUserInviteCodeAsync(userId);
+
+        // 统计本周邀请人数
+        var invitedCount = await _inviteCodeManager.GetWeeklyInvitationCountAsync(userId, weekStart);
+
+        // 获取邀请历史
+        var invitationHistory = await _inviteCodeManager.GetInvitationHistoryAsync(userId, 10);
+
+        return new InviteCodeOutput
+        {
+            MyInviteCode = inviteCode?.Code,
+            InvitedCount = invitedCount,
+            IsInvited = inviteCode?.IsUserInvited ?? false,
+            InvitationHistory = invitationHistory.Select(x => new InvitationHistoryItem
+            {
+                InvitedUserName = x.InvitedUserName,
+                InvitationTime = x.InvitationTime,
+                WeekDescription = GetWeekDescription(x.InvitationTime)
+            }).ToList()
+        };
+    }
+
+    /// <summary>
+    /// 生成我的邀请码
+    /// </summary>
+    public async Task<string> GenerateMyInviteCodeAsync()
+    {
+        var userId = CurrentUser.GetId();
+
+        // 生成邀请码(由Manager处理)
+        var code = await _inviteCodeManager.GenerateInviteCodeForUserAsync(userId);
+
+        return code;
+    }
+
+    #region 私有辅助方法
+
+    /// <summary>
+    /// 构建翻牌记录列表
+    /// </summary>
+    private List<CardFlipRecord> BuildFlipRecords(CardFlipTaskAggregateRoot? task)
+    {
+        var records = new List<CardFlipRecord>();
+
+        // 获取已翻牌的顺序
+        var flippedOrder = task != null ? _cardFlipManager.GetFlippedOrder(task) : new List<int>();
+        var flippedNumbers = new HashSet<int>(flippedOrder);
+
+        // 构建记录，按照原始序号1-10排列
+        for (int i = 1; i <= CardFlipManager.TOTAL_MAX_FLIPS; i++)
+        {
+            var record = new CardFlipRecord
+            {
+                FlipNumber = i,
+                IsFlipped = flippedNumbers.Contains(i),
+                IsWin = false,
+                FlipTypeDesc = CardFlipManager.GetFlipTypeDesc(i),
+                // 设置在翻牌顺序中的位置（0表示未翻，>0表示第几个翻的）
+                FlipOrderIndex = flippedOrder.IndexOf(i) >= 0 ? flippedOrder.IndexOf(i) + 1 : 0
+            };
+
+            // 设置中奖信息
+            // 判断这张卡是第几次翻的
+            if (task != null && flippedNumbers.Contains(i))
+            {
+                var flipOrderIndex = flippedOrder.IndexOf(i) + 1; // 第几次翻的（1-based）
+
+                // 第8次翻的卡中奖
+                if (flipOrderIndex == 8)
+                {
+                    record.IsWin = true;
+                    record.RewardAmount = task.EighthRewardAmount;
+                }
+                // 第9次翻的卡中奖
+                else if (flipOrderIndex == 9)
+                {
+                    record.IsWin = true;
+                    record.RewardAmount = task.NinthRewardAmount;
+                }
+                // 第10次翻的卡中奖
+                else if (flipOrderIndex == 10)
+                {
+                    record.IsWin = true;
+                    record.RewardAmount = task.TenthRewardAmount;
+                }
+            }
+
+            records.Add(record);
+        }
+
+        return records;
+    }
+
+    /// <summary>
+    /// 生成下次翻牌提示
+    /// </summary>
+    private string GenerateNextFlipTip(CardFlipStatusOutput status)
+    {
+        if (status.TotalFlips >= CardFlipManager.TOTAL_MAX_FLIPS)
+        {
+            return "本周翻牌次数已用完,请下周再来!";
+        }
+
+        if (status.RemainingFreeFlips > 0)
+        {
+            return $"本周您还有{status.RemainingFreeFlips}次免费翻牌机会";
+        }
+        else if (status.RemainingInviteFlips > 0)
+        {
+            if (status.TotalFlips >= 7)
+            {
+                return $"本周使用他人邀请码可解锁{status.RemainingInviteFlips}次翻牌,且必中大奖!每次中奖最大额度将翻倍!";
+            }
+
+            return $"本周使用他人邀请码可解锁{status.RemainingInviteFlips}次翻牌,必中大奖!每次中奖最大额度将翻倍!";
+        }
+
+        return "继续加油!";
+    }
+
+    /// <summary>
+    /// 发放奖励
+    /// </summary>
+    private async Task GrantRewardAsync(Guid userId, long amount, string description)
+    {
+        var premiumPackage = new PremiumPackageAggregateRoot(userId, amount, description)
+        {
+            PurchaseAmount = 0, // 奖励不需要付费
+            Remark = $"翻牌活动奖励:{amount / 10000}w tokens"
+        };
+
+        await _premiumPackageRepository.InsertAsync(premiumPackage);
+
+        _logger.LogInformation($"用户 {userId} 获得翻牌奖励 {amount / 10000}w tokens");
+    }
+
+    /// <summary>
+    /// 获取周描述
+    /// </summary>
+    private string GetWeekDescription(DateTime date)
+    {
+        var weekStart = CardFlipManager.GetWeekStartDate(date);
+        var weekEnd = weekStart.AddDays(6);
+
+        return $"{weekStart:MM-dd} 至 {weekEnd:MM-dd}";
+    }
+
+    #endregion
+}
\ No newline at end of file
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/CardFlipTaskAggregateRoot.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/CardFlipTaskAggregateRoot.cs
new file mode 100644
index 00000000..3adaba7e
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/CardFlipTaskAggregateRoot.cs
@@ -0,0 +1,187 @@
+using SqlSugar;
+using Volo.Abp.Domain.Entities.Auditing;
+
+namespace Yi.Framework.AiHub.Domain.Entities;
+
+/// <summary>
+/// 翻牌任务记录
+/// </summary>
+[SugarTable("Ai_CardFlipTask")]
+[SugarIndex($"index_{nameof(UserId)}_{nameof(WeekStartDate)}",
+    nameof(UserId), OrderByType.Asc,
+    nameof(WeekStartDate), OrderByType.Desc)]
+public class CardFlipTaskAggregateRoot : FullAuditedAggregateRoot<Guid>
+{
+    public CardFlipTaskAggregateRoot()
+    {
+    }
+
+    public CardFlipTaskAggregateRoot(Guid userId, DateTime weekStartDate)
+    {
+        UserId = userId;
+        WeekStartDate = weekStartDate.Date; // 确保只存储日期部分
+        TotalFlips = 0;
+        FreeFlipsUsed = 0;
+        BonusFlipsUsed = 0;
+        InviteFlipsUsed = 0;
+        IsFirstFlipDone = false;
+        HasNinthReward = false;
+        HasTenthReward = false;
+        FlippedOrder = new List<int>();
+    }
+
+    /// <summary>
+    /// 用户ID
+    /// </summary>
+    public Guid UserId { get; set; }
+
+    /// <summary>
+    /// 本周开始日期（每周一）
+    /// </summary>
+    public DateTime WeekStartDate { get; set; }
+
+    /// <summary>
+    /// 总共已翻牌次数
+    /// </summary>
+    public int TotalFlips { get; set; }
+
+    /// <summary>
+    /// 已使用的免费次数（最多7次）
+    /// </summary>
+    public int FreeFlipsUsed { get; set; }
+
+    /// <summary>
+    /// 已使用的赠送次数（已废弃，保持为0）
+    /// </summary>
+    public int BonusFlipsUsed { get; set; }
+
+    /// <summary>
+    /// 已使用的邀请解锁次数（最多3次）
+    /// </summary>
+    public int InviteFlipsUsed { get; set; }
+
+    /// <summary>
+    /// 是否已完成首次翻牌（用于判断是否创建任务）
+    /// </summary>
+    public bool IsFirstFlipDone { get; set; }
+
+    /// <summary>
+    /// 是否已获得第8次奖励
+    /// </summary>
+    public bool HasEighthReward { get; set; }
+
+    /// <summary>
+    /// 第8次奖励金额（100-300w）
+    /// </summary>
+    public long? EighthRewardAmount { get; set; }
+
+    /// <summary>
+    /// 是否已获得第9次奖励
+    /// </summary>
+    public bool HasNinthReward { get; set; }
+
+    /// <summary>
+    /// 第9次奖励金额（100-500w）
+    /// </summary>
+    public long? NinthRewardAmount { get; set; }
+
+    /// <summary>
+    /// 是否已获得第10次奖励
+    /// </summary>
+    public bool HasTenthReward { get; set; }
+
+    /// <summary>
+    /// 第10次奖励金额（100-1000w）
+    /// </summary>
+    public long? TenthRewardAmount { get; set; }
+
+    /// <summary>
+    /// 备注信息
+    /// </summary>
+    [SugarColumn(Length = 500, IsNullable = true)]
+    public string? Remark { get; set; }
+
+    /// <summary>
+    /// 已翻牌的顺序（存储用户实际翻牌的序号列表，如[3,7,1,5]表示依次翻了3号、7号、1号、5号牌）
+    /// </summary>
+    [SugarColumn(IsJson = true, IsNullable = true)]
+    public List<int>? FlippedOrder { get; set; }
+
+    /// <summary>
+    /// 增加翻牌次数
+    /// </summary>
+    /// <param name="flipType">翻牌类型</param>
+    public void IncrementFlip(FlipType flipType)
+    {
+        TotalFlips++;
+
+        switch (flipType)
+        {
+            case FlipType.Free:
+                FreeFlipsUsed++;
+                break;
+            case FlipType.Bonus:
+                BonusFlipsUsed++;
+                break;
+            case FlipType.Invite:
+                InviteFlipsUsed++;
+                break;
+        }
+
+        if (!IsFirstFlipDone)
+        {
+            IsFirstFlipDone = true;
+        }
+    }
+
+    /// <summary>
+    /// 记录第8次奖励
+    /// </summary>
+    /// <param name="amount">奖励金额</param>
+    public void SetEighthReward(long amount)
+    {
+        HasEighthReward = true;
+        EighthRewardAmount = amount;
+    }
+
+    /// <summary>
+    /// 记录第9次奖励
+    /// </summary>
+    /// <param name="amount">奖励金额</param>
+    public void SetNinthReward(long amount)
+    {
+        HasNinthReward = true;
+        NinthRewardAmount = amount;
+    }
+
+    /// <summary>
+    /// 记录第10次奖励
+    /// </summary>
+    /// <param name="amount">奖励金额</param>
+    public void SetTenthReward(long amount)
+    {
+        HasTenthReward = true;
+        TenthRewardAmount = amount;
+    }
+}
+
+/// <summary>
+/// 翻牌类型枚举
+/// </summary>
+public enum FlipType
+{
+    /// <summary>
+    /// 免费翻牌（1-7次）
+    /// </summary>
+    Free = 0,
+
+    /// <summary>
+    /// 赠送翻牌（已废弃）
+    /// </summary>
+    Bonus = 1,
+
+    /// <summary>
+    /// 邀请解锁翻牌（8-10次）
+    /// </summary>
+    Invite = 2
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InvitationRecordAggregateRoot.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InvitationRecordAggregateRoot.cs
new file mode 100644
index 00000000..6e1bea35
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InvitationRecordAggregateRoot.cs
@@ -0,0 +1,76 @@
+using SqlSugar;
+using Volo.Abp.Domain.Entities.Auditing;
+
+namespace Yi.Framework.AiHub.Domain.Entities;
+
+/// <summary>
+/// 邀请记录
+/// </summary>
+[SugarTable("Ai_InvitationRecord")]
+[SugarIndex($"index_{nameof(InviterId)}_{nameof(InvitedUserId)}",
+    nameof(InviterId), OrderByType.Asc,
+    nameof(InvitedUserId), OrderByType.Asc)]
+[SugarIndex($"index_{nameof(InvitedUserId)}", nameof(InvitedUserId), OrderByType.Asc)]
+public class InvitationRecordAggregateRoot : FullAuditedAggregateRoot<Guid>
+{
+    public InvitationRecordAggregateRoot()
+    {
+    }
+
+    public InvitationRecordAggregateRoot(Guid inviterId, Guid invitedUserId, string inviteCode)
+    {
+        InviterId = inviterId;
+        InvitedUserId = invitedUserId;
+        InviteCode = inviteCode;
+        InvitationTime = DateTime.Now;
+        Status = InvitationStatus.Valid;
+    }
+
+    /// <summary>
+    /// 邀请人ID
+    /// </summary>
+    public Guid InviterId { get; set; }
+
+    /// <summary>
+    /// 被邀请人ID
+    /// </summary>
+    public Guid InvitedUserId { get; set; }
+
+    /// <summary>
+    /// 使用的邀请码
+    /// </summary>
+    [SugarColumn(Length = 50)]
+    public string InviteCode { get; set; } = string.Empty;
+
+    /// <summary>
+    /// 邀请时间
+    /// </summary>
+    public DateTime InvitationTime { get; set; }
+
+    /// <summary>
+    /// 邀请状态（0=有效，1=已撤销）
+    /// </summary>
+    public InvitationStatus Status { get; set; }
+
+    /// <summary>
+    /// 备注信息
+    /// </summary>
+    [SugarColumn(Length = 500, IsNullable = true)]
+    public string? Remark { get; set; }
+}
+
+/// <summary>
+/// 邀请状态枚举
+/// </summary>
+public enum InvitationStatus
+{
+    /// <summary>
+    /// 有效
+    /// </summary>
+    Valid = 0,
+
+    /// <summary>
+    /// 已撤销
+    /// </summary>
+    Revoked = 1
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InviteCodeAggregateRoot.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InviteCodeAggregateRoot.cs
new file mode 100644
index 00000000..de569b49
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Entities/InviteCodeAggregateRoot.cs
@@ -0,0 +1,88 @@
+using SqlSugar;
+using Volo.Abp.Domain.Entities.Auditing;
+
+namespace Yi.Framework.AiHub.Domain.Entities;
+
+/// <summary>
+/// 用户邀请码
+/// </summary>
+[SugarTable("Ai_InviteCode")]
+[SugarIndex($"index_{nameof(UserId)}", nameof(UserId), OrderByType.Asc, true)]
+[SugarIndex($"index_{nameof(Code)}", nameof(Code), OrderByType.Asc, true)]
+public class InviteCodeAggregateRoot : FullAuditedAggregateRoot<Guid>
+{
+    public InviteCodeAggregateRoot()
+    {
+    }
+
+    public InviteCodeAggregateRoot(Guid userId, string code)
+    {
+        UserId = userId;
+        Code = code;
+        IsUsed = false;
+        IsUserInvited = false;
+        UsedCount = 0;
+    }
+
+    /// <summary>
+    /// 用户ID（邀请码拥有者）
+    /// </summary>
+    public Guid UserId { get; set; }
+
+    /// <summary>
+    /// 邀请码（唯一）
+    /// </summary>
+    [SugarColumn(Length = 50)]
+    public string Code { get; set; } = string.Empty;
+
+    /// <summary>
+    /// 是否已被使用（一个邀请码只能被使用一次）
+    /// </summary>
+    public bool IsUsed { get; set; }
+
+    /// <summary>
+    /// 邀请码拥有者是否已被他人邀请（被邀请后不可再提供邀请码）
+    /// </summary>
+    public bool IsUserInvited { get; set; }
+
+    /// <summary>
+    /// 被使用次数（统计用）
+    /// </summary>
+    public int UsedCount { get; set; }
+
+    /// <summary>
+    /// 使用时间
+    /// </summary>
+    public DateTime? UsedTime { get; set; }
+
+    /// <summary>
+    /// 使用人ID
+    /// </summary>
+    public Guid? UsedByUserId { get; set; }
+
+    /// <summary>
+    /// 备注信息
+    /// </summary>
+    [SugarColumn(Length = 500, IsNullable = true)]
+    public string? Remark { get; set; }
+
+    /// <summary>
+    /// 标记邀请码已被使用
+    /// </summary>
+    /// <param name="usedByUserId">使用者ID</param>
+    public void MarkAsUsed(Guid usedByUserId)
+    {
+        IsUsed = true;
+        UsedTime = DateTime.Now;
+        UsedByUserId = usedByUserId;
+        UsedCount++;
+    }
+
+    /// <summary>
+    /// 标记用户已被邀请
+    /// </summary>
+    public void MarkUserAsInvited()
+    {
+        IsUserInvited = true;
+    }
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/CardFlipManager.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/CardFlipManager.cs
new file mode 100644
index 00000000..0eae034c
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/CardFlipManager.cs
@@ -0,0 +1,346 @@
+using Microsoft.Extensions.Logging;
+using Volo.Abp.Domain.Services;
+using Yi.Framework.AiHub.Domain.Entities;
+using Yi.Framework.SqlSugarCore.Abstractions;
+
+namespace Yi.Framework.AiHub.Domain.Managers;
+
+/// <summary>
+/// 翻牌管理器 - 负责翻牌核心业务逻辑
+/// </summary>
+public class CardFlipManager : DomainService
+{
+    private readonly ISqlSugarRepository<CardFlipTaskAggregateRoot> _cardFlipTaskRepository;
+    private readonly ISqlSugarRepository<InvitationRecordAggregateRoot> _invitationRecordRepository;
+    private readonly InviteCodeManager _inviteCodeManager;
+    private readonly ILogger<CardFlipManager> _logger;
+
+    // 翻牌规则配置
+    public const int MAX_FREE_FLIPS = 7;        // 免费翻牌次数
+    public const int MAX_INVITE_FLIPS = 3;      // 邀请解锁翻牌次数
+    public const int TOTAL_MAX_FLIPS = 10;      // 总最大翻牌次数
+
+    private const int EIGHTH_FLIP = 8;           // 第8次翻牌
+    private const int NINTH_FLIP = 9;            // 第9次翻牌
+    private const int TENTH_FLIP = 10;           // 第10次翻牌
+
+    private const long EIGHTH_MIN_REWARD = 1000000;   // 第8次最小奖励 100w
+    private const long EIGHTH_MAX_REWARD = 3000000;   // 第8次最大奖励 300w
+    private const long NINTH_MIN_REWARD = 1000000;    // 第9次最小奖励 100w
+    private const long NINTH_MAX_REWARD = 5000000;    // 第9次最大奖励 500w
+    private const long TENTH_MIN_REWARD = 1000000;    // 第10次最小奖励 100w
+    private const long TENTH_MAX_REWARD = 10000000;   // 第10次最大奖励 1000w
+
+    public CardFlipManager(
+        ISqlSugarRepository<CardFlipTaskAggregateRoot> cardFlipTaskRepository,
+        ISqlSugarRepository<InvitationRecordAggregateRoot> invitationRecordRepository,
+        InviteCodeManager inviteCodeManager,
+        ILogger<CardFlipManager> logger)
+    {
+        _cardFlipTaskRepository = cardFlipTaskRepository;
+        _invitationRecordRepository = invitationRecordRepository;
+        _inviteCodeManager = inviteCodeManager;
+        _logger = logger;
+    }
+
+    /// <summary>
+    /// 获取或创建本周任务
+    /// </summary>
+    public async Task<CardFlipTaskAggregateRoot?> GetOrCreateWeeklyTaskAsync(
+        Guid userId,
+        DateTime weekStart,
+        bool createIfNotExists)
+    {
+        var task = await _cardFlipTaskRepository._DbQueryable
+            .Where(x => x.UserId == userId && x.WeekStartDate == weekStart)
+            .FirstAsync();
+
+        if (task == null && createIfNotExists)
+        {
+            task = new CardFlipTaskAggregateRoot(userId, weekStart);
+            await _cardFlipTaskRepository.InsertAsync(task);
+        }
+
+        return task;
+    }
+
+    /// <summary>
+    /// 获取已翻牌的顺序列表
+    /// </summary>
+    public List<int> GetFlippedOrder(CardFlipTaskAggregateRoot task)
+    {
+        return task.FlippedOrder ?? new List<int>();
+    }
+
+    /// <summary>
+    /// 执行翻牌逻辑
+    /// </summary>
+    /// <param name="userId">用户ID</param>
+    /// <param name="flipNumber">翻牌序号</param>
+    /// <param name="weekStart">本周开始日期</param>
+    /// <returns>翻牌结果</returns>
+    public async Task<FlipResult> ExecuteFlipAsync(Guid userId, int flipNumber, DateTime weekStart)
+    {
+        // 验证翻牌序号
+        if (flipNumber < 1 || flipNumber > TOTAL_MAX_FLIPS)
+        {
+            throw new UserFriendlyException($"翻牌序号必须在1-{TOTAL_MAX_FLIPS}之间");
+        }
+
+        // 获取或创建本周任务
+        var task = await GetOrCreateWeeklyTaskAsync(userId, weekStart, createIfNotExists: true);
+
+        // 验证翻牌次数
+        if (task.TotalFlips >= TOTAL_MAX_FLIPS)
+        {
+            throw new UserFriendlyException("本周翻牌次数已用完,请下周再来!");
+        }
+
+        // 验证该牌是否已经翻过
+        var flippedOrder = GetFlippedOrder(task);
+        if (flippedOrder.Contains(flipNumber))
+        {
+            throw new UserFriendlyException($"第 {flipNumber} 号牌已经翻过了!");
+        }
+
+        // 判断翻牌类型
+        var flipType = DetermineFlipType(task);
+
+        // 验证是否有足够的次数
+        if (!CanUseFlipType(task, flipType))
+        {
+            throw new UserFriendlyException(GetFlipTypeErrorMessage(flipType));
+        }
+
+        // 如果是邀请类型翻牌，必须验证用户本周填写的邀请码数量足够
+        if (flipType == FlipType.Invite)
+        {
+            // 查询本周已使用的邀请码数量
+            var weeklyInviteCodeUsedCount = await _invitationRecordRepository._DbQueryable
+                .Where(x => x.InvitedUserId == userId)
+                .Where(x => x.InvitationTime >= weekStart)
+                .CountAsync();
+
+            // 本周填写的邀请码数量必须 >= 即将使用的邀请翻牌次数
+            // 例如: 要翻第8次(InviteFlipsUsed=0->1), 需要至少填写了1个邀请码
+            //      要翻第9次(InviteFlipsUsed=1->2), 需要至少填写了2个邀请码
+            //      要翻第10次(InviteFlipsUsed=2->3), 需要至少填写了3个邀请码
+            var requiredInviteCodeCount = task.InviteFlipsUsed + 1;
+            if (weeklyInviteCodeUsedCount < requiredInviteCodeCount)
+            {
+                throw new UserFriendlyException($"需本周累积使用{requiredInviteCodeCount}个他人邀请码才能解锁第{task.TotalFlips + 1}次翻牌，您还差一个~");
+            }
+        }
+
+        // 计算翻牌结果（基于当前是第几次翻牌，而不是卡片序号）
+        var flipCount = task.TotalFlips + 1; // 当前这次翻牌是第几次
+        var result = CalculateFlipResult(flipCount);
+
+        // 将卡片序号信息也返回
+        result.FlipNumber = flipNumber;
+
+        // 更新翻牌次数（必须在记录奖励之前，因为需要先确定是第几次）
+        task.IncrementFlip(flipType);
+
+        // 记录翻牌顺序
+        if (task.FlippedOrder == null)
+        {
+            task.FlippedOrder = new List<int>();
+        }
+        task.FlippedOrder.Add(flipNumber);
+
+        // 如果中奖，记录奖励金额（用于后续查询显示）
+        if (result.IsWin)
+        {
+            if (flipCount == EIGHTH_FLIP)
+            {
+                task.SetEighthReward(result.RewardAmount);
+            }
+            else if (flipCount == NINTH_FLIP)
+            {
+                task.SetNinthReward(result.RewardAmount);
+            }
+            else if (flipCount == TENTH_FLIP)
+            {
+                task.SetTenthReward(result.RewardAmount);
+            }
+        }
+
+        await _cardFlipTaskRepository.UpdateAsync(task);
+
+        _logger.LogInformation($"用户 {userId} 完成第 {flipNumber} 次翻牌,中奖:{result.IsWin}");
+
+        return result;
+    }
+
+    /// <summary>
+    /// 判断是否可以翻牌
+    /// </summary>
+    public bool CanFlipCard(CardFlipTaskAggregateRoot? task)
+    {
+        if (task == null) return true; // 没有任务记录,可以开始翻牌
+
+        return task.TotalFlips < TOTAL_MAX_FLIPS;
+    }
+
+    /// <summary>
+    /// 判断翻牌类型
+    /// </summary>
+    public FlipType DetermineFlipType(CardFlipTaskAggregateRoot task)
+    {
+        if (task.FreeFlipsUsed < MAX_FREE_FLIPS)
+        {
+            return FlipType.Free;
+        }
+        else
+        {
+            return FlipType.Invite;
+        }
+    }
+
+    /// <summary>
+    /// 判断是否可以使用该翻牌类型
+    /// </summary>
+    public bool CanUseFlipType(CardFlipTaskAggregateRoot task, FlipType flipType)
+    {
+        return flipType switch
+        {
+            FlipType.Free => task.FreeFlipsUsed < MAX_FREE_FLIPS,
+            FlipType.Invite => task.InviteFlipsUsed < MAX_INVITE_FLIPS,
+            _ => false
+        };
+    }
+
+    /// <summary>
+    /// 计算翻牌结果
+    /// </summary>
+    /// <param name="flipCount">第几次翻牌（1-10）</param>
+    private FlipResult CalculateFlipResult(int flipCount)
+    {
+        var result = new FlipResult
+        {
+            FlipNumber = 0, // 稍后会被设置为实际的卡片序号
+            IsWin = false
+        };
+
+        // 前7次固定失败
+        if (flipCount <= 7)
+        {
+            result.IsWin = false;
+            result.RewardDesc = "很遗憾,未中奖";
+        }
+        // 第8次中奖 (邀请码解锁)
+        else if (flipCount == EIGHTH_FLIP)
+        {
+            var rewardAmount = GenerateRandomReward(EIGHTH_MIN_REWARD, EIGHTH_MAX_REWARD);
+            result.IsWin = true;
+            result.RewardAmount = rewardAmount;
+            result.RewardDesc = $"恭喜获得尊享包 {rewardAmount / 10000}w tokens!";
+        }
+        // 第9次中奖 (邀请码解锁)
+        else if (flipCount == NINTH_FLIP)
+        {
+            var rewardAmount = GenerateRandomReward(NINTH_MIN_REWARD, NINTH_MAX_REWARD);
+            result.IsWin = true;
+            result.RewardAmount = rewardAmount;
+            result.RewardDesc = $"恭喜获得尊享包 {rewardAmount / 10000}w tokens!";
+        }
+        // 第10次中奖 (邀请码解锁)
+        else if (flipCount == TENTH_FLIP)
+        {
+            var rewardAmount = GenerateRandomReward(TENTH_MIN_REWARD, TENTH_MAX_REWARD);
+            result.IsWin = true;
+            result.RewardAmount = rewardAmount;
+            result.RewardDesc = $"恭喜获得尊享包 {rewardAmount / 10000}w tokens!";
+        }
+
+        return result;
+    }
+
+    /// <summary>
+    /// 获取翻牌类型错误提示
+    /// </summary>
+    private string GetFlipTypeErrorMessage(FlipType flipType)
+    {
+        return flipType switch
+        {
+            FlipType.Free => "免费翻牌次数已用完",
+            FlipType.Invite => "需要使用邀请码解锁更多次数",
+            _ => "无法翻牌"
+        };
+    }
+
+    /// <summary>
+    /// 生成随机奖励金额 (最小单位100w)
+    /// </summary>
+    private long GenerateRandomReward(long min, long max)
+    {
+        var random = new Random();
+        const long unit = 1000000; // 100w的单位
+
+        // 将min和max转换为100w的倍数
+        long minUnits = min / unit;
+        long maxUnits = max / unit;
+
+        // 在倍数范围内随机
+        long randomUnits = random.Next((int)minUnits, (int)maxUnits + 1);
+
+        // 返回100w的倍数
+        return randomUnits * unit;
+    }
+
+    /// <summary>
+    /// 获取本周开始日期(周一)
+    /// </summary>
+    public static DateTime GetWeekStartDate(DateTime date)
+    {
+        var dayOfWeek = (int)date.DayOfWeek;
+        // 将周日(0)转换为7
+        if (dayOfWeek == 0) dayOfWeek = 7;
+
+        // 计算本周一的日期
+        var monday = date.Date.AddDays(-(dayOfWeek - 1));
+        return monday;
+    }
+
+    /// <summary>
+    /// 获取翻牌类型描述
+    /// </summary>
+    public static string GetFlipTypeDesc(int flipNumber)
+    {
+        if (flipNumber <= MAX_FREE_FLIPS)
+        {
+            return "免费";
+        }
+        else
+        {
+            return "邀请解锁";
+        }
+    }
+}
+
+/// <summary>
+/// 翻牌结果
+/// </summary>
+public class FlipResult
+{
+    /// <summary>
+    /// 翻牌序号
+    /// </summary>
+    public int FlipNumber { get; set; }
+
+    /// <summary>
+    /// 是否中奖
+    /// </summary>
+    public bool IsWin { get; set; }
+
+    /// <summary>
+    /// 奖励金额
+    /// </summary>
+    public long RewardAmount { get; set; }
+
+    /// <summary>
+    /// 奖励描述
+    /// </summary>
+    public string RewardDesc { get; set; } = string.Empty;
+}
diff --git a/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/InviteCodeManager.cs b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/InviteCodeManager.cs
new file mode 100644
index 00000000..1deed773
--- /dev/null
+++ b/Yi.Abp.Net8/module/ai-hub/Yi.Framework.AiHub.Domain/Managers/InviteCodeManager.cs
@@ -0,0 +1,224 @@
+using Microsoft.Extensions.Logging;
+using SqlSugar;
+using Volo.Abp.Domain.Services;
+using Yi.Framework.AiHub.Domain.Entities;
+using Yi.Framework.SqlSugarCore.Abstractions;
+
+namespace Yi.Framework.AiHub.Domain.Managers;
+
+/// <summary>
+/// 邀请码管理器 - 负责邀请码核心业务逻辑
+/// </summary>
+public class InviteCodeManager : DomainService
+{
+    private readonly ISqlSugarRepository<InviteCodeAggregateRoot> _inviteCodeRepository;
+    private readonly ISqlSugarRepository<InvitationRecordAggregateRoot> _invitationRecordRepository;
+    private readonly ILogger<InviteCodeManager> _logger;
+
+    public InviteCodeManager(
+        ISqlSugarRepository<InviteCodeAggregateRoot> inviteCodeRepository,
+        ISqlSugarRepository<InvitationRecordAggregateRoot> invitationRecordRepository,
+        ILogger<InviteCodeManager> logger)
+    {
+        _inviteCodeRepository = inviteCodeRepository;
+        _invitationRecordRepository = invitationRecordRepository;
+        _logger = logger;
+    }
+
+    /// <summary>
+    /// 生成用户的邀请码
+    /// </summary>
+    /// <param name="userId">用户ID</param>
+    /// <returns>邀请码</returns>
+    public async Task<string> GenerateInviteCodeForUserAsync(Guid userId)
+    {
+        // 检查是否已有邀请码
+        var existingCode = await _inviteCodeRepository._DbQueryable
+            .Where(x => x.UserId == userId)
+            .FirstAsync();
+
+        if (existingCode != null)
+        {
+            return existingCode.Code;
+        }
+
+        // 生成新邀请码
+        var code = GenerateUniqueInviteCode();
+        var inviteCode = new InviteCodeAggregateRoot(userId, code);
+        await _inviteCodeRepository.InsertAsync(inviteCode);
+
+        _logger.LogInformation($"用户 {userId} 生成邀请码 {code}");
+
+        return code;
+    }
+
+    /// <summary>
+    /// 获取用户的邀请码信息
+    /// </summary>
+    public async Task<InviteCodeAggregateRoot?> GetUserInviteCodeAsync(Guid userId)
+    {
+        return await _inviteCodeRepository._DbQueryable
+            .Where(x => x.UserId == userId)
+            .FirstAsync();
+    }
+
+    /// <summary>
+    /// 统计用户本周邀请人数
+    /// </summary>
+    public async Task<int> GetWeeklyInvitationCountAsync(Guid userId, DateTime weekStart)
+    {
+        return await _invitationRecordRepository._DbQueryable
+            .Where(x => x.InvitedUserId == userId)
+            .Where(x => x.InvitationTime >= weekStart)
+            .CountAsync();
+    }
+
+    /// <summary>
+    /// 获取邀请历史记录
+    /// </summary>
+    public async Task<List<InvitationHistoryDto>> GetInvitationHistoryAsync(Guid userId, int limit = 10)
+    {
+        return await _invitationRecordRepository._DbQueryable
+            .Where(x => x.InviterId == userId)
+            .OrderBy(x => x.InvitationTime, OrderByType.Desc)
+            .Take(limit)
+            .Select(x => new InvitationHistoryDto
+            {
+                InvitedUserName = "用户***", // 脱敏处理
+                InvitationTime = x.InvitationTime
+            })
+            .ToListAsync();
+    }
+
+    /// <summary>
+    /// 使用邀请码
+    /// </summary>
+    /// <param name="userId">使用者ID</param>
+    /// <param name="inviteCode">邀请码</param>
+    /// <returns>邀请人ID</returns>
+    public async Task<Guid> UseInviteCodeAsync(Guid userId, string inviteCode)
+    {
+        if (string.IsNullOrWhiteSpace(inviteCode))
+        {
+            throw new UserFriendlyException("邀请码不能为空");
+        }
+
+        // 查找邀请码
+        var inviteCodeEntity = await _inviteCodeRepository._DbQueryable
+            .Where(x => x.Code == inviteCode)
+            .FirstAsync();
+
+        if (inviteCodeEntity == null)
+        {
+            throw new UserFriendlyException("邀请码不存在");
+        }
+
+        // 验证不能使用自己的邀请码
+        if (inviteCodeEntity.UserId == userId)
+        {
+            throw new UserFriendlyException("不能使用自己的邀请码");
+        }
+
+        // 验证邀请码是否已被使用
+        if (inviteCodeEntity.IsUsed)
+        {
+            throw new UserFriendlyException("该邀请码已被使用");
+        }
+
+        // 验证邀请码拥有者是否已被邀请
+        if (inviteCodeEntity.IsUserInvited)
+        {
+            throw new UserFriendlyException("该用户已被邀请,邀请码无效");
+        }
+
+        // 验证本周邀请码使用次数
+        var weekStart = CardFlipManager.GetWeekStartDate(DateTime.Now);
+        var weeklyUseCount = await _invitationRecordRepository._DbQueryable
+            .Where(x => x.InvitedUserId == userId)
+            .Where(x => x.InvitationTime >= weekStart)
+            .CountAsync();
+
+        if (weeklyUseCount >= CardFlipManager.MAX_INVITE_FLIPS)
+        {
+            throw new UserFriendlyException($"本周邀请码使用次数已达上限({CardFlipManager.MAX_INVITE_FLIPS}次),请下周再来");
+        }
+
+        // 检查当前用户的邀请码信息
+        var myInviteCode = await _inviteCodeRepository._DbQueryable
+            .Where(x => x.UserId == userId)
+            .FirstAsync();
+
+        // 标记邀请码为已使用
+        inviteCodeEntity.MarkAsUsed(userId);
+        await _inviteCodeRepository.UpdateAsync(inviteCodeEntity);
+
+        // 标记当前用户已被邀请(仅第一次使用邀请码时标记)
+        if (myInviteCode == null)
+        {
+            myInviteCode = new InviteCodeAggregateRoot(userId, GenerateUniqueInviteCode());
+            myInviteCode.MarkUserAsInvited();
+            await _inviteCodeRepository.InsertAsync(myInviteCode);
+        }
+        else if (!myInviteCode.IsUserInvited)
+        {
+            myInviteCode.MarkUserAsInvited();
+            await _inviteCodeRepository.UpdateAsync(myInviteCode);
+        }
+
+        // 创建邀请记录
+        var invitationRecord = new InvitationRecordAggregateRoot(
+            inviteCodeEntity.UserId,
+            userId,
+            inviteCode);
+        await _invitationRecordRepository.InsertAsync(invitationRecord);
+
+        _logger.LogInformation($"用户 {userId} 使用邀请码 {inviteCode} 成功");
+
+        return inviteCodeEntity.UserId;
+    }
+
+    /// <summary>
+    /// 检查用户是否已被邀请
+    /// </summary>
+    public async Task<bool> IsUserInvitedAsync(Guid userId)
+    {
+        var inviteCode = await _inviteCodeRepository._DbQueryable
+            .Where(x => x.UserId == userId)
+            .FirstAsync();
+
+        return inviteCode?.IsUserInvited ?? false;
+    }
+
+    /// <summary>
+    /// 生成唯一邀请码
+    /// </summary>
+    private string GenerateUniqueInviteCode()
+    {
+        const string chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+        var random = new Random();
+        var code = new char[8];
+
+        for (int i = 0; i < code.Length; i++)
+        {
+            code[i] = chars[random.Next(chars.Length)];
+        }
+
+        return new string(code);
+    }
+}
+
+/// <summary>
+/// 邀请历史记录DTO
+/// </summary>
+public class InvitationHistoryDto
+{
+    /// <summary>
+    /// 被邀请人名称(脱敏)
+    /// </summary>
+    public string InvitedUserName { get; set; } = string.Empty;
+
+    /// <summary>
+    /// 邀请时间
+    /// </summary>
+    public DateTime InvitationTime { get; set; }
+}
diff --git a/Yi.Abp.Net8/src/Yi.Abp.Web/YiAbpWebModule.cs b/Yi.Abp.Net8/src/Yi.Abp.Web/YiAbpWebModule.cs
index 9e08520e..672e8164 100644
--- a/Yi.Abp.Net8/src/Yi.Abp.Web/YiAbpWebModule.cs
+++ b/Yi.Abp.Net8/src/Yi.Abp.Web/YiAbpWebModule.cs
@@ -29,6 +29,7 @@ using Volo.Abp.Swashbuckle;
 using Yi.Abp.Application;
 using Yi.Abp.SqlsugarCore;
 using Yi.Framework.AiHub.Application;
+using Yi.Framework.AiHub.Domain.Entities;
 using Yi.Framework.AspNetCore;
 using Yi.Framework.AspNetCore.Authentication.OAuth;
 using Yi.Framework.AspNetCore.Authentication.OAuth.Gitee;
@@ -46,6 +47,7 @@ using Yi.Framework.Rbac.Application;
 using Yi.Framework.Rbac.Domain.Authorization;
 using Yi.Framework.Rbac.Domain.Shared.Consts;
 using Yi.Framework.Rbac.Domain.Shared.Options;
+using Yi.Framework.SqlSugarCore.Abstractions;
 using Yi.Framework.Stock.Application;
 using Yi.Framework.TenantManagement.Application;
 
@@ -350,6 +352,10 @@ namespace Yi.Abp.Web
             var app = context.GetApplicationBuilder();
             app.UseRouting();
 
+            // app.ApplicationServices.GetRequiredService<ISqlSugarDbContext>().SqlSugarClient.CodeFirst.InitTables<CardFlipTaskAggregateRoot>();
+            // app.ApplicationServices.GetRequiredService<ISqlSugarDbContext>().SqlSugarClient.CodeFirst.InitTables<InvitationRecordAggregateRoot>();
+            // app.ApplicationServices.GetRequiredService<ISqlSugarDbContext>().SqlSugarClient.CodeFirst.InitTables<InviteCodeAggregateRoot>();
+
             //跨域
             app.UseCors(DefaultCorsPolicyName);
 
diff --git a/Yi.Ai.Vue3/.eslintrc-auto-import.json b/Yi.Ai.Vue3/.eslintrc-auto-import.json
index af1083b7..313e6711 100644
--- a/Yi.Ai.Vue3/.eslintrc-auto-import.json
+++ b/Yi.Ai.Vue3/.eslintrc-auto-import.json
@@ -5,6 +5,8 @@
     "ComputedRef": true,
     "DirectiveBinding": true,
     "EffectScope": true,
+    "ElMessage": true,
+    "ElMessageBox": true,
     "ExtractDefaultPropTypes": true,
     "ExtractPropTypes": true,
     "ExtractPublicPropTypes": true,
diff --git a/Yi.Ai.Vue3/index.html b/Yi.Ai.Vue3/index.html
index 5c1b414b..88c0e7d3 100644
--- a/Yi.Ai.Vue3/index.html
+++ b/Yi.Ai.Vue3/index.html
@@ -6,9 +6,9 @@
   <link rel="icon" href="/favicon.ico"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <meta name="baidu-site-verification" content="codeva-mkVpSFmYJm"/>
-  <meta name="description" content="意心AI：一站式多模型 AI 平台，提供 GPT-4o、DeepSeek 等服务"/>
+  <meta name="description" content="意心AI：一站式多模型 AI 平台，提供 AI 服务"/>
   <meta name="description" content="各大主流AI无限制使用，直连，AI，claude ,DeepSeek,open-ai"/>
-  <meta name="keywords" content="意心AI, GPT-4.5, 多模型AI, AI工具"/>
+  <meta name="keywords" content="意心AI, 多模型AI, AI工具"/>
   <meta name="keywords" content="橙子，chengzi,橙子老哥，ccnetcore，意社区"/>
   <meta name="author" content="橙子，chengzi,橙子老哥，ccnetcore"/>
   <meta name="version" content="%VITE_APP_VERSION%"/>
@@ -112,7 +112,7 @@
 <body>
 <!-- 加载动画容器 -->
 <div id="yixinai-loader" class="loader-container">
-  <div class="loader-title">意心Ai 2.0</div>
+  <div class="loader-title">意心Ai 2.2</div>
   <div class="loader-subtitle">海外地址，仅首次访问预计加载约10秒</div>
   <div class="loader-logo">
     <div class="pulse-box"></div>
diff --git a/Yi.Ai.Vue3/src/api/cardFlip/index.ts b/Yi.Ai.Vue3/src/api/cardFlip/index.ts
new file mode 100644
index 00000000..570fb730
--- /dev/null
+++ b/Yi.Ai.Vue3/src/api/cardFlip/index.ts
@@ -0,0 +1,33 @@
+import { get, post } from '@/utils/request';
+import type {
+  CardFlipStatusOutput,
+  FlipCardInput,
+  FlipCardOutput,
+  UseInviteCodeInput,
+  InviteCodeOutput
+} from './types';
+
+// 获取本周翻牌任务状态
+export function getWeeklyTaskStatus() {
+  return get<CardFlipStatusOutput>('/card-flip/weekly-task-status').json();
+}
+
+// 翻牌
+export function flipCard(data: FlipCardInput) {
+  return post<FlipCardOutput>('/card-flip/flip-card', data).json();
+}
+
+// 使用邀请码解锁翻牌次数
+export function useInviteCode(data: UseInviteCodeInput) {
+  return post<void>('/card-flip/use-invite-code', data).json();
+}
+
+// 获取我的邀请码信息
+export function getMyInviteCode() {
+  return get<InviteCodeOutput>('/card-flip/my-invite-code').json();
+}
+
+// 生成我的邀请码（如果没有）
+export function generateMyInviteCode() {
+  return post<string>('/card-flip/generate-my-invite-code').json();
+}
diff --git a/Yi.Ai.Vue3/src/api/cardFlip/types.ts b/Yi.Ai.Vue3/src/api/cardFlip/types.ts
new file mode 100644
index 00000000..4683f9a3
--- /dev/null
+++ b/Yi.Ai.Vue3/src/api/cardFlip/types.ts
@@ -0,0 +1,58 @@
+// 翻牌任务状态输出
+export interface CardFlipStatusOutput {
+  totalFlips: number; // 本周总翻牌次数
+  remainingFreeFlips: number; // 剩余免费次数
+  remainingBonusFlips: number; // 剩余赠送次数
+  remainingInviteFlips: number; // 剩余邀请解锁次数
+  canFlip: boolean; // 是否可以翻牌
+  myInviteCode?: string; // 用户的邀请码
+  invitedCount: number; // 本周邀请人数
+  isInvited: boolean; // 是否已被邀请
+  flipRecords: CardFlipRecord[]; // 翻牌记录
+  nextFlipTip?: string; // 下次可翻牌提示
+}
+
+// 翻牌记录
+export interface CardFlipRecord {
+  flipNumber: number; // 翻牌序号（1-10）
+  isFlipped: boolean; // 是否已翻
+  isWin: boolean; // 是否中奖
+  rewardAmount?: number; // 奖励金额（token数）
+  flipTypeDesc?: string; // 翻牌类型描述
+  flipOrderIndex: number; // 在翻牌顺序中的位置（1-10，表示第几个翻）
+}
+
+// 翻牌输入
+export interface FlipCardInput {
+  flipNumber: number; // 翻牌序号（1-10）
+}
+
+// 翻牌输出
+export interface FlipCardOutput {
+  flipNumber: number; // 翻牌序号（1-10）
+  isWin: boolean; // 是否中奖
+  rewardAmount?: number; // 奖励金额（token数）
+  rewardDesc?: string; // 奖励描述
+  showDoubleRewardTip: boolean; // 是否显示翻倍包提示
+  remainingFlips: number; // 剩余可翻次数
+}
+
+// 使用邀请码输入
+export interface UseInviteCodeInput {
+  inviteCode: string; // 邀请码
+}
+
+// 邀请码信息输出
+export interface InviteCodeOutput {
+  myInviteCode?: string; // 我的邀请码
+  invitedCount: number; // 本周邀请人数
+  isInvited: boolean; // 是否已被邀请
+  invitationHistory: InvitationHistoryItem[]; // 邀请历史记录
+}
+
+// 邀请历史记录项
+export interface InvitationHistoryItem {
+  invitedUserName: string; // 被邀请人昵称（脱敏）
+  invitationTime: string; // 邀请时间
+  weekDescription: string; // 本周所在
+}
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/NavDialog.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/NavDialog.vue
index 99b8b485..dba47a6f 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/NavDialog.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/NavDialog.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { FullScreen } from '@element-plus/icons-vue';
 import { ref, watch } from 'vue';
 
 interface NavItem {
@@ -17,7 +18,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
   title: '弹窗标题',
-  width: '1000px',
+  width: '75%',
   defaultActive: '',
 });
 
@@ -25,9 +26,13 @@ const emit = defineEmits(['update:modelValue', 'confirm', 'close', 'nav-change']
 
 const visible = ref(false);
 const activeNav = ref(props.defaultActive || (props.navItems.length > 0 ? props.navItems[0].name : ''));
+const isFullscreen = ref(false);
 
 watch(() => props.modelValue, (val) => {
   visible.value = val;
+  if (!val) {
+    isFullscreen.value = false; // 关闭时重置全屏状态
+  }
 });
 
 watch(() => props.defaultActive, (val) => {
@@ -51,17 +56,46 @@ function handleConfirm() {
   emit('confirm', activeNav.value);
   handleClose();
 }
+
+function toggleFullscreen() {
+  isFullscreen.value = !isFullscreen.value;
+}
 </script>
 
 <template>
   <el-dialog
-
     v-model="visible"
     :title="title"
-    :width="width"
+    :width="isFullscreen ? '100%' : width"
     :before-close="handleClose"
+    :fullscreen="isFullscreen"
+    :top="isFullscreen ? '0' : '5vh'"
     class="nav-dialog"
   >
+    <template #header="{ titleId, titleClass }">
+      <div class="dialog-header">
+        <h4 :id="titleId" :class="titleClass">
+          {{ title }}
+        </h4>
+        <!--        全屏按钮暂不做 -->
+        <div v-if="false" class="header-actions">
+          <slot name="extra-actions" />
+          <el-button
+            circle
+            plain
+            size="small"
+            class="fullscreen-btn"
+            :title="isFullscreen ? '退出全屏' : '全屏'"
+            @click="toggleFullscreen"
+          >
+            <el-icon>
+              <FullScreen />
+            </el-icon>
+          </el-button>
+        </div>
+      </div>
+    </template>
+
     <div class="dialog-container">
       <!-- 左侧导航 -->
       <div class="nav-side">
@@ -104,24 +138,52 @@ function handleConfirm() {
 </template>
 
 <style scoped>
+.dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.header-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.fullscreen-btn {
+  transition: all 0.3s;
+}
+
+.fullscreen-btn:hover {
+  transform: scale(1.1);
+}
+
 .dialog-container {
   display: flex;
-  height: 500px;
+  height: 70vh;
+  min-height: 500px;
+}
+
+:deep(.el-dialog.is-fullscreen) .dialog-container {
+  height: calc(100vh - 120px);
 }
 
 .nav-side {
   width: 200px;
   border-right: 1px solid #e6e6e6;
+  flex-shrink: 0;
 }
 
 .nav-menu {
   border-right: none;
+  height: 100%;
 }
 
 .content-main {
   flex: 1;
   padding: 0 20px;
   overflow: auto;
+  min-width: 0;
 }
 
 .empty-content {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/APIKeyManagement.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/APIKeyManagement.vue
index 68617ade..d229c51d 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/APIKeyManagement.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/APIKeyManagement.vue
@@ -262,7 +262,7 @@ onMounted(async () => {
         <!-- 自适应缩放 iframe -->
         <iframe
           src="https://ccnetcore.com/article/3a1bc4d1-6a7d-751d-91cc-2817eb2ddcde"
-          class="min-w-full h-[700px] scale-100  duration-300"
+          class="min-w-full iframe-responsive scale-100  duration-300"
           loading="lazy"
           sandbox="allow-scripts allow-same-origin allow-popups"
           @load="document.querySelector('.iframe-loading')?.remove()"
@@ -321,6 +321,13 @@ onMounted(async () => {
   min-height: 200px;
 }
 
+/* iframe 响应式高度 */
+.iframe-responsive {
+  height: 60vh;
+  min-height: 400px;
+  max-height: 800px;
+}
+
 /* 未领取状态样式 */
 .unclaimed-state {
   text-align: center;
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/CardFlipActivity.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/CardFlipActivity.vue
new file mode 100644
index 00000000..ea27fc96
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/CardFlipActivity.vue
@@ -0,0 +1,2574 @@
+<script lang="ts" setup>
+/**
+ * 翻牌抽奖活动组件
+ * 功能说明：
+ * 1. 用户每周有10次翻牌机会，前7次为基础免费次数
+ * 2. 第8-10次需要使用邀请码解锁（邀请好友使用自己的邀请码）
+ * 3. 翻牌有中奖和不中奖两种结果，中奖可获得Token奖励
+ * 4. 幸运值随着翻牌次数增加，每次增加12%
+ * 5. 第9次中奖会触发翻倍提示，第10次奖励翻倍
+ */
+import type { CardFlipRecord, CardFlipStatusOutput, FlipCardOutput } from '@/api/cardFlip/types';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { onMounted, ref, watch } from 'vue';
+import { flipCard, generateMyInviteCode, getWeeklyTaskStatus, useInviteCode } from '@/api/cardFlip';
+
+// ============ Props ============
+/** 接收外部传入的邀请码（通过 URL 参数传递） */
+const props = defineProps<{
+  externalInviteCode?: string;
+}>();
+
+// ============ 状态管理 ============
+/** 任务数据：包含翻牌记录、次数统计、邀请码等信息 */
+const taskData = ref<CardFlipStatusOutput | null>(null);
+
+/** 操作加载状态：用于使用邀请码、生成邀请码等操作时显示loading */
+const loading = ref(false);
+
+/** 初始加载状态：用于页面首次加载时显示骨架屏，避免白屏闪烁 */
+const initialLoading = ref(true);
+
+/** 正在翻牌状态：标记是否有翻牌操作正在进行 */
+const flipping = ref(false);
+
+/** 邀请码输入对话框显示状态 */
+const inviteCodeDialog = ref(false);
+
+/** 用户输入的邀请码 */
+const inputInviteCode = ref('');
+
+/** 翻倍奖励提示对话框显示状态：第9次中奖时显示 */
+const showDoubleRewardDialog = ref(false);
+
+/** 最后一次翻牌结果：保存最近一次翻牌的返回数据 */
+const lastFlipResult = ref<FlipCardOutput | null>(null);
+
+/** 我的邀请码对话框显示状态 */
+const showMyInviteCodeDialog = ref(false);
+
+/** 翻牌动画状态集合：存储正在执行翻牌动画的卡片编号 */
+const flippingCards = ref<Set<number>>(new Set());
+
+/** 幸运值：范围0-100，每次翻牌增加12%，达到100%时触发满值动画 */
+const luckyValue = ref(0);
+
+// ============ 新增：初始动画状态 ============
+/** 初始洗牌动画状态 */
+const isShuffling = ref(false);
+
+/** 洗牌动画阶段：'showing' | 'flipping' | 'stacking' | 'shuffling' | 'spreading' | 'done' */
+const shuffleStage = ref<'showing' | 'flipping' | 'stacking' | 'shuffling' | 'spreading' | 'done'>('done');
+
+/** 大奖卡片编号（用于展示阶段） */
+const bigPrizeCards = ref<number[]>([]);
+
+/** 当前翻牌的卡片（用于占位显示） */
+const flippingCardNumber = ref<number | null>(null);
+
+/** 卡片位置信息（用于动画计算） */
+const cardPositions = ref<Map<number, DOMRect>>(new Map());
+
+/** 克隆卡片DOM元素（用于翻牌动画） */
+const clonedCardElement = ref<HTMLElement | null>(null);
+
+/** 系统logo图片路径 */
+const systemLogo = '/images/logo.png';
+
+/** 洗牌交换序列（记录哪些卡片要交换位置） */
+const shuffleSwaps = ref<Array<[number, number]>>([]);
+
+// ============ 生命周期 ============
+onMounted(async () => {
+  // 页面加载时立即获取任务状态
+  await fetchTaskStatus();
+
+  // 如果是首次进入且还没翻过牌，播放洗牌动画
+  if (taskData.value && taskData.value.totalFlips === 0) {
+  }
+  await playShuffleAnimation();
+});
+
+// ============ 监听外部邀请码 ============
+/**
+ * 监听外部传入的邀请码
+ * 如果有邀请码，自动打开对话框并预填
+ */
+watch(
+  () => props.externalInviteCode,
+  (newCode) => {
+    if (newCode && newCode.trim()) {
+      // 延迟500ms，确保页面已经渲染完成
+      setTimeout(() => {
+        inputInviteCode.value = newCode.trim().toUpperCase();
+        inviteCodeDialog.value = true;
+        ElMessage.info({
+          message: '🎁 检测到邀请码，已为您自动填充，请点击确认使用',
+          duration: 3000,
+        });
+      }, 500);
+    }
+  },
+  { immediate: true },
+);
+
+// ============ 新增：初始洗牌动画 ============
+/**
+ * 初始洗牌动画
+ * 完整流程：
+ * 1. 展示3张大奖卡片正面（神秘大奖）- 2.5秒
+ * 2. 大奖卡片翻转到背面 - 0.8秒
+ * 3. 卡片在网格内随机交换位置 - 3秒（多次交换）
+ */
+async function playShuffleAnimation() {
+  if (isShuffling.value)
+    return;
+
+  isShuffling.value = true;
+
+  // 获取未翻开的卡片编号列表
+  const unflippedCards = taskData.value?.flipRecords
+    ?.filter(record => !record.isFlipped)
+    .map(record => record.flipNumber) || [];
+
+  // 随机数量取min(3, 未翻开卡片数量)
+  const randomCount = Math.min(3, unflippedCards.length);
+
+  // 从未翻开的卡片中随机选择
+  bigPrizeCards.value = generateRandomCards(randomCount, unflippedCards);
+
+  // 阶段1：展示大奖卡片正面（2.5秒）
+  shuffleStage.value = 'showing';
+  await new Promise(resolve => setTimeout(resolve, 2500));
+
+  // 阶段2：大奖卡片翻转（0.8秒）
+  shuffleStage.value = 'flipping';
+  await new Promise(resolve => setTimeout(resolve, 800));
+
+  // 阶段3：生成随机交换序列并执行洗牌动画
+  shuffleStage.value = 'shuffling';
+  await performShuffleSwaps();
+
+  // 完成
+  shuffleStage.value = 'done';
+  isShuffling.value = false;
+  bigPrizeCards.value = [];
+  shuffleSwaps.value = [];
+}
+
+/**
+ * 生成随机卡片编号
+ * @param count 需要随机选择的数量
+ * @param availableCards 可选的卡片编号数组（未翻开的卡片）
+ */
+function generateRandomCards(count: number, availableCards: number[]): number[] {
+  // 如果没有可用卡片或数量为0，返回空数组
+  if (!availableCards.length || count === 0) {
+    return [];
+  }
+
+  // 如果需要的数量大于等于可用卡片数量，直接返回所有可用卡片
+  if (count >= availableCards.length) {
+    return [...availableCards];
+  }
+
+  // 从可用卡片中随机选择指定数量
+  const shuffled = [...availableCards].sort(() => Math.random() - 0.5);
+  return shuffled.slice(0, count);
+}
+
+/**
+ * 执行洗牌交换动画
+ * 更快速、更多次的交换，让所有卡片都参与
+ */
+async function performShuffleSwaps() {
+  const swapCount = 15; // 增加到15次交换，确保所有卡片都参与
+  const swapDuration = 300; // 减少到300ms，速度更快
+  const swapDelay = 50; // 减少间隔时间
+
+  // 确保每张卡片至少参与一次交换
+  const allCards = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+  const shuffledPairs: Array<[number, number]> = [];
+
+  // 先生成确保所有卡片都参与的交换序列
+  for (let i = 0; i < allCards.length; i++) {
+    const card1 = allCards[i];
+    const card2 = allCards[(i + 1 + Math.floor(Math.random() * 5)) % allCards.length];
+    if (card1 !== card2) {
+      shuffledPairs.push([card1, card2]);
+    }
+  }
+
+  // 再添加额外的随机交换
+  for (let i = shuffledPairs.length; i < swapCount; i++) {
+    const card1 = Math.floor(Math.random() * 10) + 1;
+    let card2 = Math.floor(Math.random() * 10) + 1;
+    while (card2 === card1) {
+      card2 = Math.floor(Math.random() * 10) + 1;
+    }
+    shuffledPairs.push([card1, card2]);
+  }
+
+  // 执行交换动画
+  for (const [card1, card2] of shuffledPairs) {
+    shuffleSwaps.value.push([card1, card2]);
+
+    // 获取两张卡片的DOM元素
+    const element1 = document.querySelector(`[data-card-number="${card1}"]`) as HTMLElement;
+    const element2 = document.querySelector(`[data-card-number="${card2}"]`) as HTMLElement;
+
+    if (element1 && element2) {
+      // 获取位置信息
+      const rect1 = element1.getBoundingClientRect();
+      const rect2 = element2.getBoundingClientRect();
+
+      // 计算位移距离
+      const deltaX = rect2.left - rect1.left;
+      const deltaY = rect2.top - rect1.top;
+
+      // 添加交换动画类
+      element1.classList.add('swapping');
+      element2.classList.add('swapping');
+
+      // 应用位移
+      element1.style.transform = `translate(${deltaX}px, ${deltaY}px) scale(1.05)`;
+      element2.style.transform = `translate(${-deltaX}px, ${-deltaY}px) scale(1.05)`;
+
+      // 等待动画完成
+      await new Promise(resolve => setTimeout(resolve, swapDuration));
+
+      // 重置transform
+      element1.style.transform = '';
+      element2.style.transform = '';
+
+      // 移除动画类
+      element1.classList.remove('swapping');
+      element2.classList.remove('swapping');
+
+      // 短暂延迟
+      await new Promise(resolve => setTimeout(resolve, swapDelay));
+    }
+  }
+}
+
+// ============ 数据获取 ============
+/**
+ * 获取任务状态
+ * 调用时机：
+ * 1. 组件挂载时
+ * 2. 翻牌成功后
+ * 3. 使用邀请码成功后
+ * 4. 生成邀请码成功后
+ */
+async function fetchTaskStatus() {
+  // 判断是否为首次加载（taskData为null表示首次加载）
+  const isInitialLoad = taskData.value === null;
+
+  // 首次加载使用initialLoading状态，显示骨架屏避免白屏
+  // 后续刷新使用loading状态，提供用户操作反馈
+  if (isInitialLoad) {
+    initialLoading.value = true;
+  }
+  else {
+    loading.value = true;
+  }
+
+  try {
+    // 调用API获取本周任务状态
+    const res = await getWeeklyTaskStatus();
+    taskData.value = res.data;
+
+    // 根据已翻牌次数更新幸运值显示
+    updateLuckyValue();
+  }
+  catch (error: any) {
+    ElMessage.error(error?.message || '获取任务状态失败');
+  }
+  finally {
+    // 根据加载类型关闭对应的loading状态
+    if (isInitialLoad) {
+      initialLoading.value = false;
+    }
+    else {
+      loading.value = false;
+    }
+  }
+}
+
+/**
+ * 更新幸运值
+ * 幸运值计算规则：每翻一次牌增加12%，最高100%
+ * 达到100%时会触发特殊的满值动画效果
+ */
+function updateLuckyValue() {
+  if (taskData.value) {
+    const flips = taskData.value.totalFlips;
+    // 每次翻牌增加12%幸运值，最大值限制为100
+    luckyValue.value = Math.min(flips * 12, 100);
+  }
+}
+
+// ============ 核心业务逻辑 ============
+/**
+ * 翻牌处理函数
+ * 业务流程：
+ * 1. 检查卡片是否可以翻（未翻过 且 有翻牌权限）
+ * 2. 检查是否需要邀请码解锁（已翻7次以上需要邀请码）
+ * 3. 调用后端接口执行翻牌
+ * 4. 播放翻牌动画
+ * 5. 刷新任务状态
+ * 6. 显示中奖/未中奖结果
+ * 7. 第9次中奖显示翻倍提示
+ *
+ * @param record 卡片记录对象
+ */
+async function handleFlipCard(record: CardFlipRecord) {
+  console.log('record---', record);
+  // 防止洗牌动画期间点击
+  if (isShuffling.value) {
+    return;
+  }
+
+  // 防抖：如果正在翻牌中，不响应点击
+  if (flipping.value) {
+    return;
+  }
+
+  // 检查卡片是否可以翻：未翻过的牌 且 后端允许翻牌
+  const canFlip = !record.isFlipped && (taskData.value?.canFlip || false);
+
+  if (canFlip) {
+    // === 邀请码校验逻辑 ===
+    // 当前已翻次数
+    const currentFlips = taskData.value?.totalFlips || 0;
+
+    // 如果已经翻了7次或以上，需要检查是否有剩余邀请次数
+    if (currentFlips >= 7) {
+      const remainingInviteFlips = taskData.value?.remainingInviteFlips || 0;
+
+      // 如果没有剩余邀请次数，弹窗提示用户需要使用邀请码
+      if (remainingInviteFlips === 0) {
+        ElMessageBox.confirm(
+          '🎁 需要先使用邀请码解锁更多翻牌机会哦~',
+          '温馨提示',
+          {
+            confirmButtonText: '去使用',
+            cancelButtonText: '取消',
+            type: 'warning',
+          },
+        )
+          .then(() => {
+            // 用户点击确认，打开邀请码输入对话框
+            inviteCodeDialog.value = true;
+          })
+          .catch(() => {});
+        return;
+      }
+    }
+
+    // === 开始翻牌流程（使用克隆DOM方式） ===
+    // 标记为正在翻牌
+    flipping.value = true;
+    flippingCardNumber.value = record.flipNumber;
+
+    try {
+      // 1. 获取原卡片DOM元素
+      const cardElement = document.querySelector(`[data-card-number="${record.flipNumber}"]`) as HTMLElement;
+      if (!cardElement) {
+        throw new Error('卡片元素未找到');
+      }
+
+      // 2. 克隆卡片DOM元素
+      const clonedCard = cardElement.cloneNode(true) as HTMLElement;
+      clonedCard.classList.add('cloned-flipping-card');
+
+      // 移除可能影响显示的类（hover效果等）
+      clonedCard.classList.remove('card-clickable');
+
+      // 禁用鼠标事件，避免hover效果干扰
+      clonedCard.style.pointerEvents = 'none';
+
+      // 获取原卡片的位置信息
+      const rect = cardElement.getBoundingClientRect();
+
+      // 设置克隆卡片的初始位置（与原卡片重合）
+      clonedCard.style.position = 'fixed';
+      clonedCard.style.left = `${rect.left}px`;
+      clonedCard.style.top = `${rect.top}px`;
+      clonedCard.style.width = `${rect.width}px`;
+      clonedCard.style.height = `${rect.height}px`;
+      clonedCard.style.zIndex = '2000';
+      clonedCard.style.transition = 'all 0.6s cubic-bezier(0.4, 0, 0.2, 1)';
+
+      // 添加到body
+      document.body.appendChild(clonedCard);
+      clonedCardElement.value = clonedCard;
+
+      // 3. 等待一帧，确保样式生效
+      await new Promise(resolve => requestAnimationFrame(resolve));
+
+      // 4. 移动克隆卡片到屏幕中心并放大（考虑边界限制）
+      const scale = Math.min(1.8, window.innerWidth / rect.width * 0.6); // 动态计算缩放比例
+      const scaledWidth = rect.width * scale;
+      const scaledHeight = rect.height * scale;
+
+      // 计算中心位置，确保不溢出视口
+      let centerX = window.innerWidth / 2;
+      let centerY = window.innerHeight / 2;
+
+      // 边界检查：确保卡片完全在视口内（留20px边距）
+      const margin = 20;
+      const minX = scaledWidth / 2 + margin;
+      const maxX = window.innerWidth - scaledWidth / 2 - margin;
+      const minY = scaledHeight / 2 + margin;
+      const maxY = window.innerHeight - scaledHeight / 2 - margin;
+
+      centerX = Math.max(minX, Math.min(maxX, centerX));
+      centerY = Math.max(minY, Math.min(maxY, centerY));
+
+      clonedCard.style.left = `${centerX}px`;
+      clonedCard.style.top = `${centerY}px`;
+      clonedCard.style.transform = `translate(-50%, -50%) scale(${scale})`;
+
+      // 等待移动动画完成
+      await new Promise(resolve => setTimeout(resolve, 600));
+
+      // 5. 调用后端接口执行翻牌操作
+      const res = await flipCard({ flipNumber: record.flipNumber });
+      lastFlipResult.value = res.data;
+
+      // 6. 根据接口返回的结果，动态更新克隆卡片的card-back内容
+      const cardBack = clonedCard.querySelector('.card-back') as HTMLElement;
+      if (cardBack) {
+        // 获取Vue scoped样式属性（用于保持样式一致性）
+        const scopedAttr = Array.from(clonedCard.attributes).find(attr => attr.name.startsWith('data-v-'));
+        const scopedAttrName = scopedAttr ? scopedAttr.name : '';
+
+        // 辅助函数：为元素及其所有子元素添加scoped属性
+        const addScopedAttr = (element: HTMLElement) => {
+          if (scopedAttrName) {
+            element.setAttribute(scopedAttrName, '');
+            // 递归为所有子元素添加属性
+            Array.from(element.children).forEach((child) => {
+              addScopedAttr(child as HTMLElement);
+            });
+          }
+        };
+
+        // 清空原有内容（保留伪元素样式）
+        cardBack.innerHTML = '';
+
+        // 创建card-result容器
+        const cardResult = document.createElement('div');
+        cardResult.className = res.data.isWin ? 'card-result win' : 'card-result lose';
+
+        if (res.data.isWin) {
+          // 中奖情况：显示中奖样式
+          cardResult.innerHTML = `
+            <div class="win-glow"></div>
+            <img src="${systemLogo}" class="result-watermark" alt="Logo">
+            <div class="result-icon">🎉</div>
+            <div class="result-text">中奖啦!</div>
+            <div class="result-amount">${formatTokenDisplay(res.data.rewardAmount || 0)}</div>
+            <div class="result-unit">Tokens</div>
+          `;
+        }
+        else {
+          // 未中奖情况：显示未中奖样式
+          cardResult.innerHTML = `
+            <img src="${systemLogo}" class="result-watermark" alt="Logo">
+            <div class="result-icon">💫</div>
+            <div class="result-text">未中奖</div>
+            <div class="result-tip">继续加油!</div>
+          `;
+        }
+
+        // 为新创建的元素添加scoped属性，确保样式正确应用
+        addScopedAttr(cardResult);
+
+        // 将card-result添加到card-back中
+        cardBack.appendChild(cardResult);
+      }
+
+      // 7. 给克隆卡片添加翻转动画类
+      const cardInner = clonedCard.querySelector('.card-inner') as HTMLElement;
+      if (cardInner) {
+        cardInner.style.transition = 'transform 0.8s ease-in-out';
+        cardInner.style.transform = 'rotateY(180deg)';
+      }
+
+      // 等待翻转动画完成
+      await new Promise(resolve => setTimeout(resolve, 800));
+
+      // 8. 刷新任务状态
+      await fetchTaskStatus();
+
+      // 9. 卡片停留展示结果（2秒）
+      await new Promise(resolve => setTimeout(resolve, 2000));
+
+      // === 显示中奖结果 ===
+      if (res.data.isWin) {
+        showEnhancedWinAnimation();
+        ElMessage.success({
+          message: res.data.rewardDesc || '🎉 恭喜中奖！',
+          duration: 3000,
+          customClass: 'win-message',
+        });
+
+        if (res.data.showDoubleRewardTip) {
+          setTimeout(() => {
+            showDoubleRewardDialog.value = true;
+          }, 500);
+        }
+      }
+      else {
+        ElMessage.info({
+          message: '😢 很遗憾，未中奖',
+          duration: 2000,
+        });
+      }
+
+      // 10. 移除克隆卡片
+      if (clonedCardElement.value) {
+        // 添加淡出动画
+        clonedCardElement.value.style.opacity = '0';
+        await new Promise(resolve => setTimeout(resolve, 300));
+
+        clonedCardElement.value.remove();
+        clonedCardElement.value = null;
+      }
+
+      // 11. 清除占位状态，原卡片显示为已翻转
+      flippingCardNumber.value = null;
+    }
+    catch (error: any) {
+      // 清理克隆元素
+      if (clonedCardElement.value) {
+        clonedCardElement.value.remove();
+        clonedCardElement.value = null;
+      }
+      flippingCardNumber.value = null;
+    }
+    finally {
+      // 清理翻牌状态
+      flipping.value = false;
+      // 延迟移除动画状态，让动画自然结束
+      setTimeout(() => {
+        flippingCards.value.delete(record.flipNumber);
+      }, 300);
+    }
+  }
+}
+
+/**
+ * 增强的中奖动画
+ * 更热烈、更隆重的效果：
+ * 1. 更多彩纸（100个）
+ * 2. 金色光芒效果
+ * 3. 震动效果
+ * 4. 声光效果
+ */
+function showEnhancedWinAnimation() {
+  const container = document.querySelector('.card-flip-container');
+  if (container) {
+    // 定义彩色方案（增加金色系）
+    const colors = ['#FFD700', '#FFA500', '#FF6B9D', '#f56c6c', '#409eff', '#67c23a', '#e6a23c', '#9c27b0', '#FF1493', '#00CED1'];
+
+    // 创建100个纸屑元素（原来50个）
+    for (let i = 0; i < 100; i++) {
+      const confetti = document.createElement('div');
+      confetti.className = 'confetti enhanced';
+
+      // 设置初始位置（从顶部开始）
+      confetti.style.position = 'absolute';
+      confetti.style.top = '-10%';
+      confetti.style.left = `${Math.random() * 100}%`;
+
+      // 随机动画延迟，让纸屑不同时落下
+      confetti.style.animationDelay = `${Math.random() * 0.5}s`;
+
+      // 随机颜色
+      confetti.style.background = colors[Math.floor(Math.random() * colors.length)];
+
+      // 随机大小（8-20px，比原来更大）
+      const size = 8 + Math.random() * 12;
+      confetti.style.width = `${size}px`;
+      confetti.style.height = `${size}px`;
+
+      // 随机形状（圆形、方形、星形）
+      const shapeRand = Math.random();
+      if (shapeRand > 0.66) {
+        confetti.style.borderRadius = '50%';
+      }
+      else if (shapeRand > 0.33) {
+        confetti.style.borderRadius = '2px';
+      }
+      else {
+        confetti.style.clipPath = 'polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)';
+      }
+
+      // 随机透明度
+      confetti.style.opacity = `${0.7 + Math.random() * 0.3}`;
+
+      // 添加阴影效果
+      confetti.style.boxShadow = '0 0 10px rgba(255, 215, 0, 0.8)';
+
+      // 添加到容器
+      container.appendChild(confetti);
+
+      // 4秒后移除元素
+      setTimeout(() => {
+        confetti.remove();
+      }, 4000);
+    }
+
+    // 添加金色光芒效果
+    const flash = document.createElement('div');
+    flash.className = 'win-flash';
+    container.appendChild(flash);
+    setTimeout(() => flash.remove(), 1000);
+
+    // 移除震动效果（按用户要求）
+    // container.classList.add('win-shake');
+    // setTimeout(() => container.classList.remove('win-shake'), 500);
+  }
+}
+
+/**
+ * 显示中奖动画（保留原有函数以备用）
+ * 创建50个彩色纸屑从顶部飘落的烟花效果
+ * 纸屑随机颜色、大小、位置、延迟，3秒后自动移除
+ */
+function showWinAnimation() {
+  const container = document.querySelector('.card-flip-container');
+  if (container) {
+    // 定义彩色方案
+    const colors = ['#f56c6c', '#409eff', '#67c23a', '#e6a23c', '#9c27b0', '#FFD700', '#FF6B9D'];
+
+    // 创建50个纸屑元素
+    for (let i = 0; i < 50; i++) {
+      const confetti = document.createElement('div');
+      confetti.className = 'confetti';
+
+      // 随机水平位置
+      confetti.style.left = `${Math.random() * 100}%`;
+
+      // 随机动画延迟，让纸屑不同时落下
+      confetti.style.animationDelay = `${Math.random() * 0.5}s`;
+
+      // 随机颜色
+      confetti.style.background = colors[Math.floor(Math.random() * colors.length)];
+
+      // 随机大小（6-16px）
+      const size = 6 + Math.random() * 10;
+      confetti.style.width = `${size}px`;
+      confetti.style.height = `${size}px`;
+
+      // 随机形状（圆形或方形）
+      confetti.style.borderRadius = Math.random() > 0.5 ? '50%' : '2px';
+
+      // 随机透明度
+      confetti.style.opacity = `${0.7 + Math.random() * 0.3}`;
+
+      // 添加到容器
+      container.appendChild(confetti);
+
+      // 3秒后移除元素，避免DOM堆积
+      setTimeout(() => {
+        confetti.remove();
+      }, 3000);
+    }
+  }
+}
+
+// ============ 邀请码相关功能 ============
+/**
+ * 使用邀请码
+ * 业务规则：
+ * 1. 邀请码长度为8位
+ * 2. 使用邀请码后可解锁最后3次翻牌机会（第8-10次）
+ * 3. 使用他人邀请码后，自己的邀请码将失效
+ * 4. 每个邀请码每周最多可被使用3次
+ */
+async function handleUseInviteCode() {
+  // 验证输入是否为空
+  if (!inputInviteCode.value.trim()) {
+    ElMessage.warning('请输入邀请码');
+    return;
+  }
+
+  loading.value = true;
+  try {
+    // 调用API使用邀请码，转换为大写统一格式
+    await useInviteCode({ inviteCode: inputInviteCode.value.trim().toUpperCase() });
+
+    // 成功提示
+    ElMessage.success('🎊 邀请码使用成功！已解锁翻牌次数');
+
+    // 关闭对话框并清空输入
+    inviteCodeDialog.value = false;
+    inputInviteCode.value = '';
+
+    // 刷新任务状态，更新可翻次数
+    await fetchTaskStatus();
+  }
+  catch (error: any) {
+    // 错误提示已由API统一处理，这里注释掉避免重复提示
+    // ElMessage.error(error?.message || '使用邀请码失败');
+  }
+  finally {
+    loading.value = false;
+  }
+}
+
+/**
+ * 生成邀请码
+ * 业务规则：
+ * 1. 用户只能生成一次邀请码
+ * 2. 如果已使用过他人的邀请码，则无法生成自己的邀请码
+ * 3. 邀请码为8位随机字符串
+ */
+async function handleGenerateInviteCode() {
+  loading.value = true;
+  try {
+    // 调用API生成邀请码
+    await generateMyInviteCode();
+
+    // 成功提示
+    ElMessage.success('✨ 邀请码生成成功！');
+
+    // 刷新任务状态，显示新生成的邀请码
+    await fetchTaskStatus();
+  }
+  catch (error: any) {
+    ElMessage.error(error?.message || '生成邀请码失败');
+  }
+  finally {
+    loading.value = false;
+  }
+}
+
+/**
+ * 复制邀请码到剪贴板
+ * 使用浏览器原生的 Clipboard API
+ */
+function copyInviteCode() {
+  // 检查是否有邀请码
+  if (!taskData.value?.myInviteCode) {
+    ElMessage.warning('暂无邀请码');
+    return;
+  }
+
+  // 使用 Clipboard API 复制到剪贴板
+  navigator.clipboard.writeText(taskData.value.myInviteCode).then(() => {
+    ElMessage.success('📋 邀请码已复制到剪贴板');
+  }).catch(() => {
+    ElMessage.error('复制失败，请手动复制');
+  });
+}
+
+/**
+ * 生成分享链接
+ * 生成包含邀请码的完整 URL
+ */
+function generateShareLink(): string {
+  const inviteCode = taskData.value?.myInviteCode;
+  if (!inviteCode)
+    return '';
+
+  // const baseUrl = window.location.origin;
+  const baseUrl = 'https://yxai.chat';
+  const path = window.location.pathname;
+  return `${baseUrl}${path}?inviteCode=${inviteCode}`;
+}
+
+/**
+ * 生成分享文案
+ * 类似小红书风格的分享内容
+ */
+function generateShareContent(): string {
+  const shareLink = generateShareLink();
+
+  return `
+  🎁 【意心Ai】我来邀请你翻牌抽奖，分享我的限时邀请码~
+
+使用我的邀请码可为你解锁1次额外翻牌机会，最大可白嫖官方Claude4.5 220RMB额度 Token！💰
+
+👉 点击链接立即参与我的专属邀请码链接：
+${shareLink}
+
+🍀 未注册用户，微信扫码登录，进入用户中心👉每周邀请 即可立即参与！`;
+}
+
+/**
+ * 复制分享链接和文案
+ */
+function copyShareContent() {
+  if (!taskData.value?.myInviteCode) {
+    ElMessage.warning('暂无邀请码');
+    return;
+  }
+
+  const shareContent = generateShareContent();
+  navigator.clipboard.writeText(shareContent).then(() => {
+    ElMessage.success('🎉 分享内容已复制到剪贴板！快去分享给好友吧~');
+  }).catch(() => {
+    ElMessage.error('复制失败，请手动复制');
+  });
+}
+
+// ============ 工具函数 ============
+/**
+ * 格式化 Token 显示（单位：万）
+ * 例如：10000 → 1w，50000 → 5w
+ *
+ * @param tokens Token数量
+ * @returns 格式化后的字符串
+ */
+function formatTokenDisplay(tokens: number): string {
+  return `${(tokens / 10000).toFixed(0)}w`;
+}
+
+/**
+ * 获取卡片样式类名
+ * 根据卡片状态动态添加不同的CSS类
+ *
+ * @param record 卡片记录对象
+ * @returns CSS类名数组
+ */
+function getCardClass(record: CardFlipRecord): string[] {
+  const classes = ['card-item'];
+
+  // 已翻牌的卡片
+  if (record.isFlipped) {
+    classes.push('card-flipped');
+    if (record.isWin) {
+      classes.push('card-win'); // 中奖样式
+    }
+    else {
+      classes.push('card-lose'); // 未中奖样式
+    }
+  }
+
+  // 正在翻牌动画中的卡片
+  if (flippingCards.value.has(record.flipNumber)) {
+    classes.push('card-flipping');
+  }
+
+  // 当前翻牌的卡片（占位状态）
+  if (flippingCardNumber.value === record.flipNumber) {
+    classes.push('card-placeholder');
+  }
+
+  // 可点击的卡片（未翻过的牌 且 有翻牌权限）
+  if (!record.isFlipped && (taskData.value?.canFlip || false)) {
+    classes.push('card-clickable');
+  }
+  // 锁定状态的卡片
+  else if (!record.isFlipped) {
+    classes.push('card-locked');
+  }
+
+  return classes;
+}
+
+// 删除 toggleInviteSection 函数，使用对话框代替
+</script>
+
+<template>
+  <div v-loading="false" class="card-flip-container">
+    <!-- 幸运值悬浮球 -->
+    <div class="lucky-float-ball" :class="{ 'lucky-full': luckyValue >= 100 }">
+      <div class="lucky-circle">
+        <svg class="lucky-progress" viewBox="0 0 100 100">
+          <defs>
+            <linearGradient id="luckyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+              <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+              <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+            </linearGradient>
+          </defs>
+          <circle
+            class="lucky-bg"
+            cx="50"
+            cy="50"
+            r="40"
+          />
+          <circle
+            class="lucky-bar"
+            cx="50"
+            cy="50"
+            r="40"
+            :stroke-dasharray="`${luckyValue * 2.51} 251`"
+          />
+        </svg>
+        <div class="lucky-content">
+          <div class="lucky-icon">
+            {{ luckyValue >= 100 ? '🍀' : '✨' }}
+          </div>
+          <div class="lucky-text">
+            {{ luckyValue }}%
+          </div>
+        </div>
+      </div>
+      <div class="lucky-label">
+        翻牌幸运值
+      </div>
+    </div>
+
+    <!-- 初始加载骨架屏 -->
+    <div v-if="initialLoading" class="loading-skeleton">
+      <div class="skeleton-compact-header" />
+      <div class="skeleton-cards">
+        <div v-for="i in 10" :key="i" class="skeleton-card" />
+      </div>
+    </div>
+
+    <!-- 主内容 -->
+    <template v-else>
+      <!-- 紧凑顶部操作区（一行显示所有信息） -->
+      <div class="compact-header">
+        <div class="compact-stats">
+          <span class="compact-stat-item">
+            <span class="compact-label">翻牌</span>
+            <span class="compact-value">{{ taskData?.totalFlips || 0 }}/10</span>
+          </span>
+          <span class="compact-stat-item">
+            <span class="compact-label">邀请</span>
+            <span class="compact-value">{{ taskData?.invitedCount || 0 }}人</span>
+          </span>
+        </div>
+
+        <div v-if="taskData?.nextFlipTip" class="compact-tip">
+          <span class="compact-tip-icon">💡</span>
+          <span class="compact-tip-text">{{ taskData.nextFlipTip }}</span>
+        </div>
+
+        <div class="compact-actions">
+          <el-button
+            type="primary"
+            size="small"
+            icon="Gift"
+            @click="showMyInviteCodeDialog = true"
+          >
+            我的邀请码
+          </el-button>
+          <el-button
+            type="warning"
+            size="small"
+            icon="Unlock"
+            @click="inviteCodeDialog = true"
+          >
+            使用邀请码
+          </el-button>
+        </div>
+      </div>
+
+      <!-- 翻牌区域 -->
+      <div class="cards-section" :class="{ 'shuffle-mode': isShuffling }">
+        <!-- 洗牌动画遮罩提示 -->
+        <div v-if="isShuffling" class="shuffle-overlay">
+          <div class="shuffle-tip">
+            <span v-if="shuffleStage === 'showing'" class="shuffle-text">✨ 大奖卡片展示中... ✨</span>
+            <span v-else-if="shuffleStage === 'flipping'" class="shuffle-text">🔄 卡片翻转中... 🔄</span>
+            <span v-else-if="shuffleStage === 'shuffling'" class="shuffle-text">🎰 正在洗牌打乱... 🎰</span>
+          </div>
+        </div>
+
+        <div class="cards-grid" :class="`shuffle-stage-${shuffleStage}`">
+          <!-- 卡片包装器，始终占位 -->
+          <div
+            v-for="record in taskData?.flipRecords"
+            :key="record.flipNumber"
+            class="card-wrapper"
+          >
+            <div
+              :data-card-number="record.flipNumber"
+              :class="[
+                ...getCardClass(record),
+                {
+                  'big-prize-card': shuffleStage === 'showing' && bigPrizeCards.includes(record.flipNumber),
+                  'shuffle-card': shuffleStage === 'shuffling',
+                  'card-placeholder': flippingCardNumber === record.flipNumber,
+                },
+              ]"
+              @click="handleFlipCard(record)"
+            >
+              <div class="card-inner">
+                <!-- 卡片背面（未翻开时显示，增加纹理） -->
+                <div class="card-front">
+                  <!-- 背景纹理层 -->
+                  <div class="card-pattern" />
+
+                  <div class="card-corner">
+                    <span class="card-number">#{{ record.flipNumber }}</span>
+                  </div>
+
+                  <div class="card-content">
+                    <!-- 使用系统logo替代表情图标 -->
+                    <img :src="systemLogo" class="card-logo" alt="Logo">
+
+                    <div class="card-mystery">
+                      ?
+                    </div>
+                  </div>
+
+                  <div class="card-type-badge">
+                    {{ record.flipTypeDesc }}
+                  </div>
+
+                  <div class="card-shine" />
+                </div>
+
+                <!-- 卡片正面（翻开后显示结果，或洗牌时显示神秘大奖） -->
+                <div class="card-back">
+                  <!-- 洗牌动画中的神秘大奖展示 -->
+                  <div v-if="shuffleStage === 'showing' && bigPrizeCards.includes(record.flipNumber)" class="card-result mystery-prize">
+                    <div class="mystery-glow" />
+                    <div class="mystery-stars">
+                      ✨
+                    </div>
+                    <div class="mystery-icon">
+                      🎁
+                    </div>
+                    <div class="mystery-text">
+                      神秘大奖
+                    </div>
+                    <div class="mystery-hint">
+                      敬请期待
+                    </div>
+                    <div class="mystery-sparkle">
+                      ✨
+                    </div>
+                  </div>
+
+                  <!-- 正常翻牌后的结果显示 -->
+                  <template v-else>
+                    <div v-if="record.isWin" class="card-result win">
+                      <div class="win-glow" />
+
+                      <!-- 系统logo水印 -->
+                      <img :src="systemLogo" class="result-watermark" alt="Logo">
+
+                      <div class="result-icon">
+                        🎉
+                      </div>
+                      <div class="result-text">
+                        中奖啦!
+                      </div>
+                      <div class="result-amount">
+                        {{ formatTokenDisplay(record.rewardAmount || 0) }}
+                      </div>
+                      <div class="result-unit">
+                        Tokens
+                      </div>
+                    </div>
+                    <div v-else class="card-result lose">
+                      <!-- 系统logo水印 -->
+                      <img :src="systemLogo" class="result-watermark" alt="Logo">
+
+                      <div class="result-icon">
+                        💫
+                      </div>
+                      <div class="result-text">
+                        未中奖
+                      </div>
+                      <div class="result-tip">
+                        继续加油!
+                      </div>
+                    </div>
+                  </template>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 使用邀请码对话框 -->
+      <el-dialog
+        v-model="inviteCodeDialog"
+        title="🎁 使用邀请码"
+        width="90%"
+        :style="{ maxWidth: '400px' }"
+        :close-on-click-modal="false"
+        class="invite-dialog"
+      >
+        <div class="invite-dialog-content">
+          <p class="dialog-tip">
+            输入好友的邀请码，可增加翻牌次数，必定中奖每次奖励最大额度翻倍！（使用其他人邀请码，自己的邀请码将失效）
+          </p>
+          <el-input
+            v-model="inputInviteCode"
+            placeholder="请输入8位邀请码"
+            maxlength="8"
+            clearable
+            size="large"
+            class="code-input"
+          >
+            <template #prefix>
+              <span style="font-size: 20px;">🎫</span>
+            </template>
+          </el-input>
+        </div>
+        <template #footer>
+          <el-button @click="inviteCodeDialog = false">
+            取消
+          </el-button>
+          <el-button type="primary" :loading="loading" @click="handleUseInviteCode">
+            确认使用
+          </el-button>
+        </template>
+      </el-dialog>
+
+      <!-- 我的邀请码对话框 -->
+      <el-dialog
+        v-model="showMyInviteCodeDialog"
+        title="📮 我的邀请码"
+        width="90%"
+        :style="{ maxWidth: '400px' }"
+        class="my-invite-dialog"
+      >
+        <div class="my-invite-dialog-content">
+          <!-- 已使用过邀请码的提示 -->
+          <div v-if="taskData?.isInvited" class="invite-disabled-box">
+            <span class="disabled-icon">🔒</span>
+            <p class="disabled-text">
+              您已使用过他人的邀请码，无法生成自己的邀请码
+            </p>
+          </div>
+
+          <!-- 显示已有的邀请码 -->
+          <div v-else-if="taskData?.myInviteCode" class="my-invite-code-display">
+            <div class="code-box">
+              <span class="code-text">{{ taskData.myInviteCode }}</span>
+            </div>
+            <div class="button-group">
+              <el-button
+                type="primary"
+                icon="CopyDocument"
+                @click="copyInviteCode"
+              >
+                复制邀请码
+              </el-button>
+              <el-button
+                type="success"
+                icon="Share"
+                @click="copyShareContent"
+              >
+                复制分享链接
+              </el-button>
+            </div>
+            <p class="invite-tip">
+              💌 分享给好友，好友使用后可解锁最后3次翻牌机会
+            </p>
+            <div class="share-preview">
+              <div class="share-preview-title">
+                📱 分享预览
+              </div>
+              <div class="share-preview-content">
+                {{ generateShareContent() }}
+              </div>
+            </div>
+          </div>
+
+          <!-- 生成邀请码 -->
+          <div v-else class="generate-invite-box">
+            <p class="generate-tip">
+              您还没有邀请码，生成后可以分享给好友
+            </p>
+            <el-button
+              type="primary"
+              size="large"
+              :loading="loading"
+              @click="handleGenerateInviteCode"
+            >
+              生成我的邀请码
+            </el-button>
+          </div>
+        </div>
+      </el-dialog>
+
+      <!-- 翻倍奖励提示对话框 -->
+      <el-dialog
+        v-model="showDoubleRewardDialog"
+        width="90%"
+        :style="{ maxWidth: '400px' }"
+        :show-close="false"
+        class="double-reward-dialog"
+      >
+        <div class="double-reward-content">
+          <div class="double-icon-container">
+            <div class="double-icon">
+              🎁
+            </div>
+            <div class="double-sparkle">
+              ✨
+            </div>
+          </div>
+          <h3 class="double-title">
+            恭喜获得额外翻倍包!
+          </h3>
+          <p class="double-text">
+            您已获得第9次奖励！<br>
+            <span class="highlight">第10次翻牌将获得翻倍奖励！</span><br>
+            赶快翻开最后一张牌吧！
+          </p>
+          <el-button type="primary" size="large" class="double-btn" @click="showDoubleRewardDialog = false">
+            知道了，去翻牌 🚀
+          </el-button>
+        </div>
+      </el-dialog>
+    </template>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.card-flip-container {
+  position: relative;
+  padding: 16px;
+  min-height: 400px;
+  max-height: none;
+  height: 100%;
+  overflow-y: auto;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 16px;
+
+  /* 自定义滚动条 */
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 3px;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.5);
+    }
+  }
+}
+
+/* 幸运值悬浮球 */
+.lucky-float-ball {
+  position: fixed;
+  left: 50%;
+  /* left: 20px; */
+  /* top: 20px; */
+  z-index: 999;
+  bottom: 20px;
+  transition: all 0.3s
+  cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+  &:hover {
+    transform: scale(1.1);
+  }
+
+  &.lucky-full {
+    animation: lucky-celebration 2s ease-in-out infinite;
+
+    .lucky-circle {
+      box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 40px rgba(255, 215, 0, 0.6);
+    }
+
+    .lucky-content {
+      animation: lucky-pulse 1.5s ease-in-out infinite;
+    }
+  }
+}
+
+.lucky-circle {
+  position: relative;
+  width: 80px;
+  height: 80px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 50%;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 8px 32px rgba(102, 126, 234, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s ease;
+}
+
+.lucky-progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: rotate(-90deg);
+
+  .lucky-bg {
+    fill: none;
+    stroke: rgba(102, 126, 234, 0.1);
+    stroke-width: 6;
+  }
+
+  .lucky-bar {
+    fill: none;
+    stroke: url(#luckyGradient);
+    stroke-width: 6;
+    stroke-linecap: round;
+    transition: stroke-dasharray 0.5s ease;
+  }
+}
+
+.lucky-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+
+  .lucky-icon {
+    font-size: 24px;
+    line-height: 1;
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
+  }
+
+  .lucky-text {
+    font-size: 14px;
+    font-weight: bold;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    line-height: 1;
+  }
+}
+
+.lucky-label {
+  text-align: center;
+  margin-top: 6px;
+  font-size: 12px;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.95);
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  letter-spacing: 1px;
+}
+
+@keyframes lucky-celebration {
+  0%, 100% {
+    transform: scale(1) rotate(0deg);
+  }
+  25% {
+    transform: scale(1.1) rotate(-5deg);
+  }
+  50% {
+    transform: scale(1.15) rotate(0deg);
+  }
+  75% {
+    transform: scale(1.1) rotate(5deg);
+  }
+}
+
+@keyframes lucky-pulse {
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+}
+
+/* 紧凑顶部操作区 */
+.compact-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 14px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 12px;
+  margin-bottom: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  animation: slideIn 0.5s ease;
+  flex-wrap: wrap;
+
+  .compact-stats {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .compact-stat-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    white-space: nowrap;
+  }
+
+  .compact-label {
+    font-size: 13px;
+    color: #606266;
+    font-weight: 500;
+  }
+
+  .compact-value {
+    font-size: 15px;
+    font-weight: bold;
+    color: #303133;
+  }
+
+  .compact-tip {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+  }
+
+  .compact-tip-icon {
+    font-size: 16px;
+    flex-shrink: 0;
+  }
+
+  .compact-tip-text {
+    font-size: 13px;
+    color: #606266;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .compact-actions {
+    display: flex;
+    gap: 8px;
+    flex-shrink: 0;
+
+    .el-button {
+      font-weight: 500;
+    }
+  }
+
+  @media (max-width: 768px) {
+    .compact-tip {
+      flex-basis: 100%;
+      order: 3;
+    }
+  }
+}
+
+/* 翻牌区域 */
+.cards-section {
+  margin-bottom: 16px;
+  position: relative;
+
+  &.shuffle-mode {
+    pointer-events: none; // 洗牌期间禁止点击
+  }
+}
+
+/* 洗牌动画遮罩 */
+.shuffle-overlay {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 100;
+
+  .shuffle-tip {
+    background: rgba(0, 0, 0, 0.8);
+    padding: 16px 32px;
+    border-radius: 12px;
+    backdrop-filter: blur(10px);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+  }
+
+  .shuffle-text {
+    font-size: 18px;
+    font-weight: bold;
+    color: #fff;
+    text-shadow: 0 2px 8px rgba(255, 215, 0, 0.6);
+    animation: textPulse 1.5s ease-in-out infinite;
+  }
+}
+
+.cards-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 8px;
+  max-width: 100%;
+
+  @media (max-width: 768px) {
+    grid-template-columns: repeat(5, 1fr);
+    gap: 6px;
+  }
+
+  // 洗牌阶段样式
+  &.shuffle-stage-showing {
+    .card-item:not(.big-prize-card) {
+      opacity: 0.3;
+      filter: grayscale(0.8);
+    }
+  }
+
+  &.shuffle-stage-flipping {
+    .big-prize-card .card-inner {
+      animation: flipToBack 0.8s ease-in-out forwards;
+    }
+  }
+
+  &.shuffle-stage-shuffling {
+    .card-item {
+      animation: shuffleInPlace 2s ease-in-out;
+    }
+  }
+}
+
+// 卡片包装器，简化为普通容器
+.card-wrapper {
+  width: 100%;
+}
+
+.card-item {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 2.5/3.5;
+  perspective: 1000px;
+  cursor: not-allowed;
+  user-select: none;
+  transition: all 0.3s ease;
+
+  // 大奖卡片高亮样式
+  &.big-prize-card {
+    .card-inner {
+      animation: bigPrizeGlow 1.5s ease-in-out infinite;
+      box-shadow: 0 0 30px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.5);
+      transform: scale(1.1) translateY(-10px);
+    }
+
+    .card-front {
+      transform: rotateY(180deg); // 大奖卡片展示正面（结果）
+    }
+
+    .card-back {
+      transform: rotateY(0); // 翻转显示
+    }
+  }
+
+  // 占位状态（翻牌时原卡片显示为半透明）
+  &.card-placeholder {
+    opacity: 0.3;
+    pointer-events: none;
+  }
+
+  &.card-clickable {
+    cursor: pointer;
+
+    .card-front {
+      animation: pulse 2s infinite;
+    }
+
+    &:not(.card-flipping):not(.card-flipped):not(.card-placeholder) {
+      .card-inner {
+        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, filter 0.3s ease;
+      }
+
+      &:hover .card-inner {
+        transform: translateY(-8px) scale(1.05) rotateZ(2deg);
+        box-shadow: 0 12px 28px rgba(102, 126, 234, 0.5), 0 4px 12px rgba(255, 215, 0, 0.3);
+        filter: brightness(1.1);
+      }
+
+      &:active .card-inner {
+        transform: translateY(-4px) scale(1.02);
+        box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
+      }
+    }
+  }
+
+  &.card-locked {
+    opacity: 0.6;
+  }
+
+  &.card-flipping .card-inner {
+    animation: flip 0.8s ease-in-out forwards;
+  }
+
+  &.card-flipped .card-inner {
+    transform: rotateY(180deg);
+  }
+}
+
+.card-inner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  transition: box-shadow 0.3s ease;
+  transform-style: preserve-3d;
+  border-radius: 10px;
+}
+
+.card-front,
+.card-back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.card-front {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+
+  // 背景纹理层（更丰富的纹理效果）
+  .card-pattern {
+    position: absolute;
+    inset: 0;
+    background-image:
+      repeating-linear-gradient(
+          45deg,
+          transparent,
+          transparent 10px,
+          rgba(255, 255, 255, 0.05) 10px,
+          rgba(255, 255, 255, 0.05) 20px
+      ),
+      repeating-linear-gradient(
+          -45deg,
+          transparent,
+          transparent 10px,
+          rgba(255, 255, 255, 0.05) 10px,
+          rgba(255, 255, 255, 0.05) 20px
+      ),
+      radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1), transparent 50%),
+      radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08), transparent 50%);
+    pointer-events: none;
+    animation: patternShift 10s linear infinite;
+  }
+
+  .card-corner {
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    z-index: 2;
+  }
+
+  .card-number {
+    font-size: 10px;
+    font-weight: bold;
+    color: rgba(255, 255, 255, 0.9);
+    background: rgba(0, 0, 0, 0.2);
+    padding: 2px 6px;
+    border-radius: 4px;
+  }
+
+  .card-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    z-index: 1;
+  }
+
+  // 系统logo样式（优化为居中圆形，更丰富的效果）
+  .card-logo {
+    width: 56px;
+    height: 56px;
+    object-fit: cover;
+    border-radius: 50%;
+    border: 4px solid rgba(255, 255, 255, 1);
+    box-shadow:
+      0 4px 20px rgba(0, 0, 0, 0.5),
+      0 0 30px rgba(255, 215, 0, 0.4),
+      inset 0 2px 8px rgba(255, 255, 255, 0.3);
+    animation: logoFloat 3s ease-in-out infinite;
+    position: relative;
+    z-index: 3;
+    filter: brightness(1.1);
+
+    // 外层光晕效果
+    &::before {
+      content: '';
+      position: absolute;
+      inset: -10px;
+      border-radius: 50%;
+      background: radial-gradient(circle, rgba(255, 215, 0, 0.4), rgba(147, 112, 219, 0.2) 50%, transparent 70%);
+      animation: logoHalo 2s ease-in-out infinite;
+      z-index: -1;
+    }
+
+    // 内层光效
+    &::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      border-radius: 50%;
+      background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, transparent 50%);
+      pointer-events: none;
+    }
+  }
+
+  .card-icon {
+    font-size: 32px;
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
+  }
+
+  .card-mystery {
+    font-size: 32px;
+    font-weight: bold;
+    color: #fff;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  }
+
+  .card-type-badge {
+    position: absolute;
+    bottom: 6px;
+    font-size: 10px;
+    color: rgba(255, 255, 255, 0.9);
+    background: rgba(0, 0, 0, 0.2);
+    padding: 2px 8px;
+    border-radius: 10px;
+    backdrop-filter: blur(4px);
+    z-index: 2;
+  }
+
+  .card-shine {
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+    animation: shine 3s infinite;
+    pointer-events: none;
+  }
+}
+
+.card-back {
+  // 喜庆的渐变背景（红→金→橙）
+  background:
+    linear-gradient(135deg,
+      rgba(255, 235, 238, 0.9) 0%,
+      rgba(255, 250, 240, 0.9) 50%,
+      rgba(255, 245, 235, 0.9) 100%
+    );
+  transform: rotateY(180deg);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  // 喜庆纹理层（中国风波浪纹）
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image:
+      repeating-radial-gradient(
+          circle at 20% 30%,
+          transparent 0,
+          rgba(255, 107, 107, 0.03) 10px,
+          transparent 20px
+      ),
+      repeating-radial-gradient(
+          circle at 80% 70%,
+          transparent 0,
+          rgba(255, 193, 7, 0.03) 10px,
+          transparent 20px
+      );
+    pointer-events: none;
+  }
+
+  // 装饰光效（金色和红色交替）
+  &::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 20%, rgba(255, 215, 0, 0.08), transparent 50%),
+      radial-gradient(circle at 80% 80%, rgba(255, 107, 107, 0.08), transparent 50%),
+      radial-gradient(circle at 50% 50%, rgba(255, 152, 0, 0.05), transparent 60%);
+    pointer-events: none;
+  }
+}
+
+.card-result {
+  text-align: center;
+  padding: 12px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+
+  // logo水印样式
+  .result-watermark {
+    position: absolute;
+    width: 70%;
+    height: 70%;
+    object-fit: contain;
+    opacity: 0.06;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+    z-index: 0;
+    filter: blur(1px);
+  }
+
+  &.win {
+    position: relative;
+    overflow: hidden;
+    background: linear-gradient(135deg, #fff8e1 0%, #fff 50%, #fff8e1 100%);
+
+    // 增强背景光效
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: radial-gradient(circle at center, rgba(255, 215, 0, 0.15), transparent 70%);
+      animation: winBackgroundPulse 2s ease-in-out infinite;
+    }
+
+    .win-glow {
+      position: absolute;
+      inset: 0;
+      background: radial-gradient(circle, rgba(255, 215, 0, 0.4) 0%, rgba(255, 107, 157, 0.2) 50%, transparent 70%);
+      animation: glow 1.5s infinite;
+    }
+
+    .result-icon {
+      font-size: 48px;
+      animation: bounce 0.6s ease, rotate 2s ease-in-out infinite;
+      z-index: 1;
+      filter: drop-shadow(0 4px 8px rgba(255, 215, 0, 0.5));
+      margin-bottom: 4px;
+    }
+
+    .result-text {
+      font-size: 20px;
+      font-weight: 900;
+      background: linear-gradient(135deg, #f56c6c 0%, #ff8080 50%, #f56c6c 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin: 6px 0;
+      text-shadow: 0 2px 8px rgba(245, 108, 108, 0.4);
+      z-index: 1;
+      letter-spacing: 2px;
+      position: relative;
+
+      // 文字外发光
+      &::after {
+        content: attr(data-text);
+        position: absolute;
+        left: 0;
+        top: 0;
+        z-index: -1;
+        color: rgba(245, 108, 108, 0.5);
+        filter: blur(4px);
+      }
+    }
+
+    .result-amount {
+      font-size: 40px;
+      font-weight: 900;
+      background: linear-gradient(135deg, #f56c6c 0%, #e6a23c 50%, #FFD700 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin: 10px 0;
+      animation: scaleUp 0.5s ease, amountShine 3s ease-in-out infinite;
+      z-index: 1;
+      position: relative;
+      filter: drop-shadow(0 3px 10px rgba(255, 215, 0, 0.6));
+
+      // 金色光效边框
+      &::before {
+        content: attr(data-amount);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: linear-gradient(135deg, rgba(255, 215, 0, 0.8), rgba(255, 107, 157, 0.6));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        filter: blur(12px);
+        z-index: -1;
+      }
+    }
+
+    .result-unit {
+      font-size: 16px;
+      font-weight: 700;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      z-index: 1;
+      letter-spacing: 3px;
+      text-transform: uppercase;
+      margin-top: 4px;
+    }
+  }
+
+  &.lose {
+    background: linear-gradient(135deg, #f5f7fa 0%, #e8eaf0 50%, #f5f7fa 100%);
+
+    // 柔和的背景光效
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: radial-gradient(circle at center, rgba(147, 112, 219, 0.08), transparent 70%);
+    }
+
+    .result-icon {
+      font-size: 48px;
+      opacity: 0.85;
+      z-index: 1;
+      margin-bottom: 6px;
+      filter: drop-shadow(0 2px 6px rgba(147, 112, 219, 0.3));
+      animation: gentleBounce 2s ease-in-out infinite;
+    }
+
+    .result-text {
+      font-size: 18px;
+      font-weight: 700;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin: 8px 0;
+      z-index: 1;
+      letter-spacing: 1px;
+    }
+
+    .result-tip {
+      font-size: 14px;
+      color: #909399;
+      z-index: 1;
+      margin-top: 6px;
+      font-weight: 500;
+    }
+  }
+
+  // 神秘大奖样式
+  &.mystery-prize {
+    background: linear-gradient(135deg, #ff6b9d 0%, #c06c84 50%, #6c5b7b 100%);
+    position: relative;
+    overflow: hidden;
+
+    .mystery-glow {
+      position: absolute;
+      inset: 0;
+      background: radial-gradient(circle, rgba(255, 107, 157, 0.6) 0%, rgba(192, 108, 132, 0.4) 50%, transparent 70%);
+      animation: mysteryGlow 2s ease-in-out infinite;
+    }
+
+    .mystery-icon {
+      font-size: 56px;
+      animation: bounce 1s ease infinite, rotate 3s ease-in-out infinite;
+      z-index: 1;
+      filter: drop-shadow(0 4px 12px rgba(255, 215, 0, 0.8));
+      margin: 10px 0;
+    }
+
+    .mystery-text {
+      font-size: 24px;
+      font-weight: bold;
+      color: #fff;
+      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 215, 0, 0.8);
+      z-index: 1;
+      letter-spacing: 4px;
+      margin: 8px 0;
+    }
+
+    .mystery-hint {
+      font-size: 14px;
+      color: rgba(255, 255, 255, 0.9);
+      z-index: 1;
+      letter-spacing: 2px;
+      margin-top: 6px;
+    }
+
+    .mystery-stars {
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      font-size: 24px;
+      animation: sparkle 2s ease-in-out infinite;
+      z-index: 1;
+    }
+
+    .mystery-sparkle {
+      position: absolute;
+      bottom: 10px;
+      right: 10px;
+      font-size: 24px;
+      animation: sparkle 2s ease-in-out infinite 1s;
+      z-index: 1;
+    }
+  }
+}
+
+.card-lock {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  backdrop-filter: blur(2px);
+  pointer-events: none;
+
+  .lock-icon {
+    font-size: 24px;
+  }
+}
+
+/* 对话框样式 */
+.invite-dialog-content {
+  padding: 8px 0;
+
+  .dialog-tip {
+    font-size: 14px;
+    color: #606266;
+    margin-bottom: 16px;
+    text-align: center;
+    line-height: 1.6;
+  }
+
+  .code-input {
+    :deep(.el-input__inner) {
+      text-align: center;
+      letter-spacing: 2px;
+      font-weight: bold;
+      font-size: 16px;
+    }
+  }
+}
+
+/* 我的邀请码对话框样式 */
+.my-invite-dialog-content {
+  padding: 8px 0;
+
+  .invite-disabled-box {
+    text-align: center;
+    padding: 20px;
+    background: #fef0f0;
+    border: 1px solid #fde2e2;
+    border-radius: 8px;
+
+    .disabled-icon {
+      font-size: 48px;
+      display: block;
+      margin-bottom: 12px;
+    }
+
+    .disabled-text {
+      font-size: 14px;
+      color: #f56c6c;
+      line-height: 1.6;
+      margin: 0;
+    }
+  }
+
+  .my-invite-code-display {
+    text-align: center;
+
+    .code-box {
+      padding: 16px;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      border-radius: 12px;
+      margin-bottom: 16px;
+
+      .code-text {
+        font-size: 28px;
+        font-weight: bold;
+        color: #fff;
+        letter-spacing: 6px;
+        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+      }
+    }
+
+    .button-group {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 12px;
+
+      .el-button {
+        flex: 1;
+      }
+    }
+
+    .invite-tip {
+      font-size: 13px;
+      color: #909399;
+      line-height: 1.5;
+      margin: 0 0 16px 0;
+    }
+
+    .share-preview {
+      background: #f5f7fa;
+      border: 1px solid #e4e7ed;
+      border-radius: 8px;
+      padding: 12px;
+      text-align: left;
+
+      .share-preview-title {
+        font-size: 14px;
+        font-weight: bold;
+        color: #303133;
+        margin-bottom: 8px;
+        text-align: center;
+      }
+
+      .share-preview-content {
+        font-size: 13px;
+        color: #606266;
+        line-height: 1.6;
+        white-space: pre-line;
+        background: #fff;
+        padding: 10px;
+        border-radius: 4px;
+        max-height: 200px;
+        overflow-y: auto;
+
+        /* 自定义滚动条 */
+        &::-webkit-scrollbar {
+          width: 4px;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: rgba(0, 0, 0, 0.05);
+          border-radius: 2px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+          background: rgba(0, 0, 0, 0.2);
+          border-radius: 2px;
+
+          &:hover {
+            background: rgba(0, 0, 0, 0.3);
+          }
+        }
+      }
+    }
+  }
+
+  .generate-invite-box {
+    text-align: center;
+    padding: 20px 0;
+
+    .generate-tip {
+      font-size: 14px;
+      color: #606266;
+      margin-bottom: 20px;
+      line-height: 1.6;
+    }
+
+    .el-button {
+      width: 100%;
+    }
+  }
+}
+
+.double-reward-dialog {
+  :deep(.el-dialog__body) {
+    padding: 32px 24px;
+  }
+}
+
+.double-reward-content {
+  text-align: center;
+
+  .double-icon-container {
+    position: relative;
+    display: inline-block;
+    margin-bottom: 20px;
+
+    .double-icon {
+      font-size: 64px;
+      animation: bounce 1s infinite;
+    }
+
+    .double-sparkle {
+      position: absolute;
+      top: -10px;
+      right: -10px;
+      font-size: 32px;
+      animation: spin 2s linear infinite;
+    }
+  }
+
+  .double-title {
+    font-size: 20px;
+    font-weight: bold;
+    color: #303133;
+    margin-bottom: 16px;
+  }
+
+  .double-text {
+    font-size: 15px;
+    line-height: 1.8;
+    color: #606266;
+    margin-bottom: 24px;
+
+    .highlight {
+      color: #f56c6c;
+      font-weight: bold;
+      font-size: 16px;
+    }
+  }
+
+  .double-btn {
+    width: 100%;
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    border: none;
+    font-weight: bold;
+  }
+}
+
+/* 烟花动画 */
+.confetti {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  animation: confetti-fall 2s ease-out forwards;
+  pointer-events: none;
+  z-index: 1000;
+
+  &.enhanced {
+    animation: confetti-fall 3s ease-out forwards;
+  }
+}
+
+/* 增强中奖动画效果 */
+.win-flash {
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(circle, rgba(255, 215, 0, 0.6) 0%, transparent 70%);
+  animation: flashEffect 1s ease-out;
+  pointer-events: none;
+  z-index: 999;
+}
+
+.win-shake {
+  animation: shakeEffect 0.5s ease-out;
+}
+
+/* 动画定义 */
+@keyframes flip {
+  0% {
+    transform: rotateY(0);
+  }
+  50% {
+    transform: rotateY(90deg);
+  }
+  100% {
+    transform: rotateY(180deg);
+  }
+}
+
+// Logo浮动动画
+@keyframes logoFloat {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-5px);
+  }
+}
+
+// 闪光效果
+@keyframes flashEffect {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+// 震动效果
+@keyframes shakeEffect {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translateX(-5px);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translateX(5px);
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  }
+  50% {
+    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.6);
+  }
+}
+
+@keyframes shine {
+  0% {
+    left: -100%;
+  }
+  100% {
+    left: 100%;
+  }
+}
+
+@keyframes glow {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes confetti-fall {
+  0% {
+    top: -10%;
+    opacity: 1;
+  }
+  100% {
+    top: 100%;
+    opacity: 0;
+    transform: translateX(20px) rotate(180deg);
+  }
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes rotate {
+  0%, 100% {
+    transform: rotate(-5deg);
+  }
+  50% {
+    transform: rotate(5deg);
+  }
+}
+
+@keyframes scaleUp {
+  0% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+// 洗牌动画（在网格内小幅度移动）
+@keyframes shuffleInPlace {
+  0%, 100% {
+    transform: translate(0, 0) rotate(0deg);
+  }
+  20% {
+    transform: translate(15px, -10px) rotate(8deg) scale(1.05);
+  }
+  40% {
+    transform: translate(-12px, 8px) rotate(-6deg) scale(0.95);
+  }
+  60% {
+    transform: translate(10px, 12px) rotate(5deg) scale(1.03);
+  }
+  80% {
+    transform: translate(-8px, -8px) rotate(-4deg) scale(0.98);
+  }
+}
+
+// 交换动画样式（加快速度）
+.card-item.swapping {
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 10;
+}
+
+// 背景纹理移动动画
+@keyframes patternShift {
+  0% {
+    background-position: 0 0, 0 0, 0 0, 0 0;
+  }
+  100% {
+    background-position: 40px 40px, -40px -40px, 20px 20px, -20px -20px;
+  }
+}
+
+// 柔和的弹跳动画（未中奖）
+@keyframes gentleBounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-5px);
+  }
+}
+
+// 新增：大奖卡片光效
+@keyframes bigPrizeGlow {
+  0%, 100% {
+    box-shadow: 0 0 30px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.5);
+  }
+  50% {
+    box-shadow: 0 0 40px rgba(255, 215, 0, 1), 0 0 80px rgba(255, 215, 0, 0.7), 0 0 100px rgba(255, 215, 0, 0.4);
+  }
+}
+
+// 新增：Logo光晕动画
+@keyframes logoHalo {
+  0%, 100% {
+    opacity: 0.5;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.2);
+  }
+}
+
+// 新增：文字脉冲
+@keyframes textPulse {
+  0%, 100% {
+    opacity: 0.9;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.05);
+  }
+}
+
+// 新增：金额闪烁动画
+@keyframes amountShine {
+  0%, 100% {
+    filter: brightness(1);
+  }
+  50% {
+    filter: brightness(1.3);
+  }
+}
+
+// 新增：中奖背景脉冲
+@keyframes winBackgroundPulse {
+  0%, 100% {
+    opacity: 0.15;
+  }
+  50% {
+    opacity: 0.25;
+  }
+}
+
+// 大奖卡片翻转到背面
+@keyframes flipToBack {
+  0% {
+    transform: rotateY(0);
+  }
+  100% {
+    transform: rotateY(180deg);
+  }
+}
+
+// 新增：神秘大奖光效
+@keyframes mysteryGlow {
+  0%, 100% {
+    opacity: 0.6;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+// 新增：星星闪烁效果
+@keyframes sparkle {
+  0%, 100% {
+    opacity: 0.5;
+    transform: scale(1) rotate(0deg);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.2) rotate(180deg);
+  }
+}
+
+/* 骨架屏样式 */
+.loading-skeleton {
+  padding: 16px 0;
+
+  .skeleton-compact-header {
+    height: 48px;
+    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);
+    background-size: 200% 100%;
+    border-radius: 12px;
+    margin-bottom: 12px;
+    animation: skeleton-loading 1.5s ease-in-out infinite;
+  }
+
+  .skeleton-cards {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 8px;
+
+    @media (max-width: 768px) {
+      grid-template-columns: repeat(5, 1fr);
+      gap: 6px;
+    }
+  }
+
+  .skeleton-card {
+    aspect-ratio: 2.5/3.5;
+    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);
+    background-size: 200% 100%;
+    border-radius: 10px;
+    animation: skeleton-loading 1.5s ease-in-out infinite;
+  }
+}
+
+@keyframes skeleton-loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+</style>
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/DailyTask.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/DailyTask.vue
index f9b2341f..c459944a 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/DailyTask.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/DailyTask.vue
@@ -189,6 +189,8 @@ function getProgressColor(task: DailyTaskItem): string {
 .daily-task-container {
   padding: 20px;
   min-height: 400px;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .task-header {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumService.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumService.vue
index 9e94f3bf..7032219d 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumService.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumService.vue
@@ -273,6 +273,8 @@ function onProductPackage() {
 .premium-service {
   padding: 20px;
   position: relative;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .header {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/RechargeLog.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/RechargeLog.vue
index 15f8c28c..2632751e 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/RechargeLog.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/RechargeLog.vue
@@ -104,6 +104,11 @@ function contactCustomerService() {
   innerVisibleContact.value = !innerVisibleContact.value;
 }
 
+// 暴露方法给父组件使用
+defineExpose({
+  contactCustomerService,
+});
+
 // 过滤和排序后的数据
 const filteredData = computed(() => {
   let data = [...logData.value];
@@ -253,7 +258,6 @@ onMounted(() => {
     </div>
 
     <el-table
-
       v-loading="loading"
       :data="filteredData"
       style="width: 100%"
@@ -265,7 +269,7 @@ onMounted(() => {
       <el-table-column
         prop="content"
         label="套餐类型"
-        width="150"
+        min-width="150"
         sortable="custom"
         show-overflow-tooltip
       />
@@ -273,7 +277,7 @@ onMounted(() => {
         show-overflow-tooltip
         prop="rechargeAmount"
         label="金额(元)"
-        width="110"
+        min-width="110"
         sortable="custom"
       >
         <template #default="{ row }">
@@ -283,14 +287,14 @@ onMounted(() => {
       <el-table-column
         prop="creationTime"
         label="充值时间"
-        width="160"
+        min-width="160"
         sortable="custom"
         show-overflow-tooltip
       />
       <el-table-column
         prop="expireDateTime"
         label="到期时间"
-        width="160"
+        min-width="160"
         sortable="custom"
         show-overflow-tooltip
       />
@@ -302,7 +306,7 @@ onMounted(() => {
           <span v-else>{{ row.contactInfo || '-' }}</span>
         </template>
       </el-table-column> -->
-      <el-table-column show-overflow-tooltip prop="remark" label="备注" width="160">
+      <el-table-column show-overflow-tooltip prop="remark" label="备注" min-width="160">
         <template #default="{ row }">
           <el-tooltip v-if="row.remark && row.remark.length > 10" :content="row.remark" placement="top">
             <span class="ellipsis-text">{{ row.remark }}</span>
@@ -379,6 +383,8 @@ onMounted(() => {
   border-radius: 16px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .recharge-log-container:hover {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/SupportModelList.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/SupportModelList.vue
index 55b143bd..32b4aa57 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/SupportModelList.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/SupportModelList.vue
@@ -74,6 +74,8 @@ const gridTemplateColumns = computed(() => {
 <style scoped>
 .model-container {
   margin: 10px 0;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .model-header {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
index 6d298ace..d402143d 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UsageStatistics.vue
@@ -494,7 +494,7 @@ onBeforeUnmount(() => {
         </div>
       </template>
       <div class="chart-container">
-        <div ref="lineChart" class="chart" style="height: 400px;" />
+        <div ref="lineChart" class="chart" style="height: 350px;" />
       </div>
     </el-card>
 
@@ -505,7 +505,7 @@ onBeforeUnmount(() => {
         </div>
       </template>
       <div class="chart-container">
-        <div ref="pieChart" class="chart" style="height: 450px;" />
+        <div ref="pieChart" class="chart" style="height: 400px;" />
       </div>
     </el-card>
 
@@ -516,7 +516,7 @@ onBeforeUnmount(() => {
         </div>
       </template>
       <div class="chart-container">
-        <div ref="barChart" class="chart" style="height: 500px;" />
+        <div ref="barChart" class="chart" style="height: 450px;" />
       </div>
     </el-card>
   </div>
@@ -524,13 +524,14 @@ onBeforeUnmount(() => {
 
 <style scoped>
 .usage-statistics {
-  padding: 30px;
+  padding: 20px;
   position: relative;
   background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
   border-radius: 16px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
-  min-height: 100vh;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .usage-statistics:hover {
diff --git a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue
index 2b9d545a..dcb0e3c9 100644
--- a/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue
+++ b/Yi.Ai.Vue3/src/components/userPersonalCenter/components/UserManagement.vue
@@ -293,6 +293,8 @@ function bindWechat() {
 <style scoped>
 .user-profile {
   padding: 20px;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .header {
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
index c4589079..af4e9605 100644
--- a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
@@ -1,6 +1,8 @@
 <!-- 头像 -->
 <script setup lang="ts">
-import { computed } from 'vue';
+import { ChatLineRound } from '@element-plus/icons-vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { computed, nextTick, onMounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import Popover from '@/components/Popover/index.vue';
 import SvgIcon from '@/components/SvgIcon/index.vue';
@@ -58,6 +60,12 @@ const popoverList = ref([
 ]);
 
 const dialogVisible = ref(false);
+const rechargeLogRef = ref();
+const activeNav = ref('user');
+
+// ============ 邀请码分享功能 ============
+/** 从 URL 获取的邀请码 */
+const externalInviteCode = ref<string>('');
 
 const navItems = [
   { name: 'user', label: '用户信息', icon: 'User' },
@@ -69,7 +77,8 @@ const navItems = [
   { name: 'rechargeLog', label: '充值记录', icon: 'Document' },
   { name: 'usageStatistics', label: '用量统计', icon: 'Histogram' },
   { name: 'premiumService', label: '尊享服务', icon: 'ColdDrink' },
-  { name: 'dailyTask', label: '每日任务', icon: 'Trophy' }
+  { name: 'dailyTask', label: '每日任务（限时）', icon: 'Trophy' },
+  { name: 'cardFlip', label: '每周邀请（限时）', icon: 'Present' },
   // { name: 'usageStatistics2', label: '用量统计2', icon: 'Histogram' },
 ];
 function openDialog() {
@@ -81,6 +90,12 @@ function handleConfirm(activeNav: string) {
 
 // 导航切换
 function handleNavChange(nav: string) {
+  activeNav.value = nav;
+}
+
+// 联系售后
+function handleContactSupport() {
+  rechargeLogRef.value?.contactCustomerService();
 }
 
 // 点击
@@ -173,7 +188,61 @@ function openVipGuide() {
 function onProductPackage() {
   showProductPackage();
 }
-// 直接调用
+
+// ============ 监听对话框打开事件，切换到邀请码标签页 ============
+watch(dialogVisible, (newVal) => {
+  if (newVal && externalInviteCode.value) {
+    // 对话框打开后，切换标签页（已通过 :default-active 绑定，会自动响应）
+    // console.log('[Avatar] watch: 对话框已打开，切换到 cardFlip 标签页');
+    nextTick(() => {
+      activeNav.value = 'cardFlip';
+      // console.log('[Avatar] watch: 已设置 activeNav 为', activeNav.value);
+    });
+  }
+
+  // 对话框关闭时，清除邀请码状态和 URL 参数
+  if (!newVal && externalInviteCode.value) {
+    // console.log('[Avatar] watch: 对话框关闭，清除邀请码状态');
+    externalInviteCode.value = '';
+
+    // 清除 URL 中的 inviteCode 参数
+    const url = new URL(window.location.href);
+    if (url.searchParams.has('inviteCode')) {
+      url.searchParams.delete('inviteCode');
+      window.history.replaceState({}, '', url.toString());
+      // console.log('[Avatar] watch: 已清除 URL 中的 inviteCode 参数');
+    }
+  }
+});
+
+// ============ 监听 URL 参数，实现邀请码快捷分享 ============
+onMounted(() => {
+  // 获取 URL 查询参数
+  const urlParams = new URLSearchParams(window.location.search);
+  const inviteCode = urlParams.get('inviteCode');
+
+  if (inviteCode && inviteCode.trim()) {
+    // console.log('[Avatar] onMounted: 检测到邀请码', inviteCode);
+
+    // 保存邀请码
+    externalInviteCode.value = inviteCode.trim();
+
+    // 先设置标签页为 cardFlip
+    activeNav.value = 'cardFlip';
+    // console.log('[Avatar] onMounted: 设置 activeNav 为', activeNav.value);
+
+    // 延迟打开对话框，确保状态已更新
+    nextTick(() => {
+      setTimeout(() => {
+        // console.log('[Avatar] onMounted: 打开用户中心对话框');
+        dialogVisible.value = true;
+      }, 200);
+    });
+
+    // 注意：不立即清除 URL 参数，保留给登录后使用
+    // URL 参数会在对话框关闭时清除
+  }
+});
 </script>
 
 <template>
@@ -313,9 +382,20 @@ function onProductPackage() {
       v-model="dialogVisible"
       title="用户中心"
       :nav-items="navItems"
+      :default-active="activeNav"
       @confirm="handleConfirm"
       @nav-change="handleNavChange"
     >
+      <template #extra-actions>
+        <el-tooltip v-if="isUserVip() && activeNav === 'rechargeLog'" content="联系售后" placement="bottom">
+          <el-button circle plain size="small" @click="handleContactSupport">
+            <el-icon color="#07c160">
+              <ChatLineRound />
+            </el-icon>
+          </el-button>
+        </el-tooltip>
+      </template>
+
       <!-- 用户管理内容 -->
       <template #user>
         <user-management />
@@ -349,8 +429,11 @@ function onProductPackage() {
       <template #dailyTask>
         <daily-task />
       </template>
+      <template #cardFlip>
+        <card-flip-activity :external-invite-code="externalInviteCode" />
+      </template>
       <template #rechargeLog>
-        <recharge-log />
+        <recharge-log ref="rechargeLogRef" />
       </template>
     </nav-dialog>
   </div>
diff --git a/Yi.Ai.Vue3/types/components.d.ts b/Yi.Ai.Vue3/types/components.d.ts
index dd59173e..3beab005 100644
--- a/Yi.Ai.Vue3/types/components.d.ts
+++ b/Yi.Ai.Vue3/types/components.d.ts
@@ -10,6 +10,8 @@ declare module 'vue' {
   export interface GlobalComponents {
     AccountPassword: typeof import('./../src/components/LoginDialog/components/FormLogin/AccountPassword.vue')['default']
     APIKeyManagement: typeof import('./../src/components/userPersonalCenter/components/APIKeyManagement.vue')['default']
+    CardFlipActivity: typeof import('./../src/components/userPersonalCenter/components/CardFlipActivity.vue')['default']
+    CardFlipActivity2: typeof import('./../src/components/userPersonalCenter/components/CardFlipActivity2.vue')['default']
     DailyTask: typeof import('./../src/components/userPersonalCenter/components/DailyTask.vue')['default']
     DeepThinking: typeof import('./../src/components/DeepThinking/index.vue')['default']
     ElAlert: typeof import('element-plus/es')['ElAlert']
diff --git a/Yi.Ai.Vue3/types/import_meta.d.ts b/Yi.Ai.Vue3/types/import_meta.d.ts
index d8a60d41..b3e9d275 100644
--- a/Yi.Ai.Vue3/types/import_meta.d.ts
+++ b/Yi.Ai.Vue3/types/import_meta.d.ts
@@ -6,7 +6,6 @@ interface ImportMetaEnv {
   readonly VITE_WEB_ENV: string;
   readonly VITE_WEB_BASE_API: string;
   readonly VITE_API_URL: string;
-  readonly VITE_BUILD_COMPRESS: string;
   readonly VITE_SSO_SEVER_URL: string;
   readonly VITE_APP_VERSION: string;
 }