Arcane Siege 移动端卡组 UI

Goal: Create a polished dark fantasy mobile game lobby/deck-building screen for a Clash Royale-like game titled {argument name="game title" default="Arcane Siege"}, shown as a vertical smartphone UI screenshot. Canvas: Tall portrait mobile screen, about 768×1152, with rounded black phone-screen corners. Use a dark blurred green-and-purple magical battlefield background, subtle vignette, and glowing UI panels. Top branding: At the top center, place an ornate fantasy emblem with purple banners, gold filigree, crossed weapons, runic details, and a large metallic gold medieval logo reading “{argument name="game title" default="Arcane Siege"}”. Player panel: Below the logo, add a rounded dark purple input panel. It contains the small uppercase label “BATTLE NAME” and a dark text field showing “{argument name="battle name" default="Nameless Mage"}”. Deck panel: Under the name field, create one large rounded dark purple card-selection panel. Header text on the left reads “BATTLE DECK” in yellow-gold uppercase. On the right show “avg 3.4” in magenta with a small magenta elixir dot. Top deck strip: Directly below the deck header, show exactly 8 small selected-card thumbnails in one horizontal row. Each has a tiny purple circular elixir cost badge at the top-left. The visible costs from left to right are: 3, 3, 2, 5, 4, 4, 4, 2. The cards depict gritty fantasy units and spells. Main card grid: Below the strip, show exactly 16 collectible battle cards in a 4-column by 4-row grid. Each card has a dark fantasy illustration, rounded black frame, purple circular elixir cost badge at top-left, white name label at the bottom, and selected cards have a thin glowing gold outline plus a small gold check mark at top-right. The 16 cards, in reading order, are: 1. cost 3, “Squire”, armored young swordsman with blue cloak, selected. 2. cost 3, “Twin Archers”, hooded archer drawing a bow, selected. 3. cost 2, “Bone Pack”, skeletal undead soldiers, selected. 4. cost 5, “Colossus”, hulking stone giant, selected. 5. cost 4, “Ember Drake”, red-orange dragon, selected. 6. cost 3, “Gale Imps”, icy winged imp creature, unselected. 7. cost 4, “Sharpshooter”, rugged gunner with long rifle, selected. 8. cost 5, “Pyromancer”, fiery mage holding flame, unselected. 9. cost 4, “Berserker”, muscular warrior with axe, unselected. 10. cost 4, “Stag Rider”, dark horned stag mount and rider, unselected. 11. cost 3, “Frost Adept”, blue-white ice mage, unselected. 12. cost 3, “Ballista”, wooden siege crossbow, unselected. 13. cost 4, “Storm Spire”, magical storm tower, unselected. 14. cost 4, “Meteor”, flaming meteor falling from sky, selected. 15. cost 3, “Arrow Volley”, battlefield sky filled with arrows, unselected. 16. cost 2, “Thunderbolt”, bright blue lightning strike, selected. Bottom controls: Below the deck panel, show exactly 7 visible controls. First is a wide rounded gold button labeled “QUICK MATCH”. Second row has a wide purple button labeled “VS BOT”, followed by two smaller difficulty buttons: “EASY” highlighted in purple and “HARD” dark. At the very bottom edge, partially visible, include three rectangular controls: blue “CREATE ROOM”, dark “CODE”, and blue “JOIN”. Visual style: High-quality fantasy game UI, cinematic card art, gold and purple color palette, glossy beveled buttons, glowing outlines, clean mobile-game typography, crisp readable labels, dramatic lighting, no real-world branding, no watermark. Keep the layout centered with generous margins and make it look like a finished mobile game asset screen.

目标：为一款类似《皇室战争》的游戏创建一个精致的暗黑奇幻风格移动端游戏大厅/卡组构建界面，以竖屏智能手机 UI 截图形式呈现。 画布：高竖屏移动端屏幕，约 768×1152，带有圆角黑色手机屏幕边缘。使用深色模糊的绿紫色魔法战场背景，带有微妙的暗角效果和发光的 UI 面板。 顶部品牌：在顶部中心放置一个华丽的奇幻徽章，配有紫色旗帜、金色花丝、交叉武器、符文细节，以及一个巨大的金属金色中世纪风格标志，文字为“{argument name="game title" default="Arcane Siege"}”。 玩家面板：在标志下方，添加一个圆角深紫色输入面板。面板包含小号大写标签“BATTLE NAME”以及显示“{argument name="battle name" default="Nameless Mage"}”的深色文本框。 卡组面板：在名称栏下方，创建一个大型圆角深紫色卡牌选择面板。左侧标题文字为黄金色的“BATTLE DECK”，右侧显示洋红色的“avg 3.4”以及一个小型的洋红色圣水点。 顶部卡组栏：在卡组标题正下方，水平排列显示 8 张选定的小型卡牌缩略图。每张卡牌左上角都有一个微小的紫色圆形圣水消耗徽章。从左到右的可见消耗为：3、3、2、5、4、4、4、2。卡牌描绘了粗犷的奇幻单位和法术。 主卡牌网格：在卡组栏下方，显示 16 张可收集的战斗卡牌，排列为 4 列 4 行的网格。每张卡牌都有暗黑奇幻插图、黑色圆角边框、左上角紫色圆形圣水消耗徽章、底部白色名称标签；选定的卡牌带有细细的金色发光轮廓，右上角有一个小金钩。16 张卡牌按阅读顺序排列如下： 1. 消耗 3，“Squire”（侍从），身穿蓝色斗篷的装甲年轻剑士，已选定。 2. 消耗 3，“Twin Archers”（双子弓箭手），拉弓的带帽弓箭手，已选定。 3. 消耗 2，“Bone Pack”（骸骨群），骷髅亡灵士兵，已选定。 4. 消耗 5，“Colossus”（巨像），庞大的石巨人，已选定。 5. 消耗 4，“Ember Drake”（余烬幼龙），红橙色巨龙，已选定。 6. 消耗 3，“Gale Imps”（疾风小鬼），冰冷的带翼小鬼生物，未选定。 7. 消耗 4，“Sharpshooter”（神枪手），手持长步枪的粗犷枪手，已选定。 8. 消耗 5，“Pyromancer”（炎术士），手持火焰的火系法师，未选定。 9. 消耗 4，“Berserker”（狂战士），肌肉发达的斧头战士，未选定。 10. 消耗 4，“Stag Rider”（雄鹿骑士），带有深色长角雄鹿坐骑的骑士，未选定。 11. 消耗 3，“Frost Adept”（寒冰学徒），蓝白色的冰系法师，未选定。 12. 消耗 3，“Ballista”（弩炮），木制攻城弩，未选定。 13. 消耗 4，“Storm Spire”（风暴尖塔），魔法风暴塔，未选定。 14. 消耗 4，“Meteor”（陨石），从天而降的燃烧陨石，已选定。 15. 消耗 3，“Arrow Volley”（箭雨），布满箭矢的战场天空，未选定。 16. 消耗 2，“Thunderbolt”（雷击），明亮的蓝色闪电打击，已选定。 底部控制：在卡组面板下方，显示 7 个可见的控制选项。第一个是标有“QUICK MATCH”的宽大圆角金色按钮。第二行有一个标有“VS BOT”的宽大紫色按钮，后面跟着两个较小的难度按钮：紫色高亮的“EASY”和深色的“HARD”。在最底边缘，部分可见三个矩形控制按钮：蓝色的“CREATE ROOM”、深色的“CODE”和蓝色的“JOIN”。 视觉风格：高质量奇幻游戏 UI，电影级卡牌艺术，金紫色配色方案，光泽斜面按钮，发光轮廓，简洁的移动游戏排版，清晰易读的标签，戏剧性灯光，无现实世界品牌，无水印。保持布局居中并留有充足边距，使其看起来像一个成品移动游戏资源界面。