/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#2c3e50] text-white", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-4 bg-[#34495e]", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-lexend text-4xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "抽卡游戏"))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow container mx-auto p-6", __source: { fileName: "", lineNumber: 7, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-[#1abc9c] text-white font-bold rounded-lg font-lexend text-lg transition duration-300 ease-in-out hover:bg-[#16a085] animate-pulse focus:outline-none focus:ring-2 focus:ring-[#1abc9c] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "开始抽卡"))), /*#__PURE__*/ React.createElement("section", { className: "flex justify-center items-center mb-10", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-[420px] bg-[#e74c3c] flex items-center justify-center flex-col", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-zilla-slab text-xl mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "卡牌名称"), /*#__PURE__*/ React.createElement("img", { src: "./card_image.png", alt: "Vibrant game card with fantasy character", className: "w-[250px] h-[350px] object-cover mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-zilla-slab", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "卡牌描述或能力介绍"))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-zilla-slab text-lg mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "卡牌图鉴："), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] p-3 rounded-lg text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lexend mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "卡牌 A"), /*#__PURE__*/ React.createElement("img", { src: "./card_thumb_01.png", alt: "Thumbnail of card A", className: "w-full h-[150px] object-cover", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] p-3 rounded-lg text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lexend mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "卡牌 B"), /*#__PURE__*/ React.createElement("img", { src: "./card_thumb_02.png", alt: "Thumbnail of card B", className: "w-full h-[150px] object-cover", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] p-3 rounded-lg text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lexend mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "卡牌 C"), /*#__PURE__*/ React.createElement("img", { src: "./card_thumb_03.png", alt: "Thumbnail of card C", className: "w-full h-[150px] object-cover", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] p-3 rounded-lg text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-lexend mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "卡牌 D"), /*#__PURE__*/ React.createElement("img", { src: "./card_thumb_04.png", alt: "Thumbnail of card D", className: "w-full h-[150px] object-cover", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }))))));