品牌连连看

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

重建一个名为“品牌连连看”的中文移动端优先记忆配对游戏。整体是单页、居中的竖向应用界面：页面全屏，深紫蓝三色渐变背景（约从左上 #0f0c29 到 #302b63、#24243e），中央内容最大宽度约 600px，顶部有标题“✖ 品牌连连看 ✖”，标题使用较小的粗体中文字体、较宽字距，并用橙黄渐变文字。标题下方是一行游戏状态栏，左右分布显示“已匹配: 0 / 7”“步数: 0”和计时器“00:00”；标签为灰色，数字和计时器为金黄色粗体。下方是居中排列、可换行的 14 张卡牌（7 个品牌各两张），卡牌大小在普通屏幕约 80×80px，小屏幕宽度不超过 430px 时约 70px，不超过 360px 时约 62px，卡牌间距约 7px（更窄屏幕约 5px/4px）。棋盘在剩余垂直空间内居中排列，适配手机和桌面窄窗口。每局开始时随机洗牌。玩家通过鼠标点击或触摸一次翻开一张卡，连续翻开两张后算一步；如果两张属于同一品牌则配对成功，否则约 0.9 秒后自动翻回。翻牌使用约 0.45 秒的 3D Y 轴翻转动画，卡片有圆角（约 12px）、透视效果和不可选中文本。未翻开的卡背是深蓝紫渐变，带半透明金色边框、淡淡金色光晕，中央显示半透明金色五角星“★”。翻开的正面为白色卡片、浅灰边框，内部铺满对应品牌的简化徽标图像；成功匹配的卡片保持正面朝上、不能再点击，边框变为青绿色并有淡青色光晕，同时进行一次轻微放大再恢复的 pulse 动画。

七个品牌及其两张相同卡片必须是：Calvin Klein、Calvin Klein Jeans、Ferragamo、Longchamp、Nike、Canada Goose、Lacoste。不要依赖外部图片；用 canvas 或等价矢量绘制这些品牌风格的简化徽标，卡片尺寸变化时保持清晰：1）Calvin Klein：纯白底，中央黑色斜体粗体“CK”，下方小号灰色“Calvin Klein”；2）Calvin Klein Jeans：深蓝色上下渐变底并带很淡的斜向牛仔纹理，中央白色粗体“CKJ”，下方“JEANS”，并在下部有一个小金色圆形牛仔纽扣轮廓；3）Ferragamo：米白底，中央酒红色斜体粗体“SF”，下方带酒红色波浪装饰线和小号灰色“Ferragamo”；4）Longchamp：绿色横向渐变底（两侧深绿、中间较亮），顶部黄色小字“LONGCHAMP”，中间黄色简化奔马剪影，底部半透明黄色“PARIS”；5）Nike：白底，中间是黑色大号简化 swoosh，下方黑色“NIKE”；6）Canada Goose：深海军蓝底，中间白色圆形徽章、深蓝圆环线和简化鹅形剪影，底部白色“CANADA GOOSE”；7）Lacoste：浅灰白底，左侧一条窄绿色竖条，中间绿色简化鳄鱼剪影，底部绿色“LACOSTE”。这些绘制图案是游戏实际的品牌识别视觉，不要加入其他牌子、道具或额外玩法。

规则和反馈：计时器初始为 00:00，玩家第一次翻牌时才开始每秒递增；成功配对增加“已匹配”数量，翻开两张牌后无论对错增加步数。不能点击已匹配卡、已经翻开的卡、两张牌之外的卡，也不能在错误配对等待翻回期间点击。所有 7 对都匹配后停止计时并显示覆盖全屏的半透明黑色遮罩（带轻微背景模糊）。中央胜利弹窗为深蓝紫渐变面板、金色边框、圆角，带淡入缩放动画，显示“🎉 恭喜通关!”、副标题“全部品牌已匹配”、两块统计信息“总步数”和最终用时，以及红粉色渐变按钮“再来一局”。点击该按钮清除完成状态、计时、步数和匹配数，重新随机排列 14 张牌并开始新局；初始不显示弹窗。整体字体使用清晰的中文无衬线风格，品牌字样可使用优雅的衬线/斜体效果来接近代码中的绘制风格。