{"id":33995,"date":"2025-04-04T01:18:11","date_gmt":"2025-04-03T17:18:11","guid":{"rendered":"https:\/\/naturesaltarofheaven.com\/?page_id=33995"},"modified":"2025-05-01T05:05:06","modified_gmt":"2025-04-30T21:05:06","slug":"%e7%b7%9a%e4%b8%8a%e9%9d%88%e9%ad%82%e8%b1%a1%e6%a3%8b%e5%8d%a0%e5%8d%9c7%e5%bc%b5%e6%a3%8b%e8%a9%ae%e5%8d%a6","status":"publish","type":"page","link":"https:\/\/naturesaltarofheaven.com\/zh_tw\/%e7%b7%9a%e4%b8%8a%e9%9d%88%e9%ad%82%e8%b1%a1%e6%a3%8b%e5%8d%a0%e5%8d%9c7%e5%bc%b5%e6%a3%8b%e8%a9%ae%e5%8d%a6\/","title":{"rendered":"\u7dda\u4e0a\u9748\u9b42\u8c61\u68cb\u5360\u535c(7\u5f35\u68cb\u8a6e\u5366)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33995\" class=\"elementor elementor-33995\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f9a72a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f9a72a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c73346\" data-id=\"2c73346\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9639bfe animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9639bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9748\u9b42\u8c61\u68cb\u5360\u535c<br>(7\u5f35\u68cb~\u8a6e\u5366)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe76708 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"fe76708\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u5360\u535c\u6d41\u7a0b~<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c758055 elementor-align-start animated-slow elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"c758055\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u9078\u64c7\u9069\u5408\u74b0\u5883(\u7121\u4eba\u6253\u64fe)\u3002<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u975c\u4e0b\u5fc3\uff0c\u5fc3\u4e0d\u975c\u5247\u795e\u4e0d\u793a\u3002<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u9ed8\u5ff5\u81ea\u5df1\u7684\u59d3\u540d\u3001\u865b\u6b72(\u6c11\u570b\u4eca\u5e74-\u51fa\u751f\u5e74+1)\u3001\u96fb\u8a71\u3001\u5730\u5740(\u4f4f\u7684\u5730\u65b9)\u3001\u554f\u984c\u3001\u4e26\u8aaa\u51fa\u7d05\u68cb\u4ee3\u8868\u597d\uff0c\u9ed1\u68cb\u4ee3\u8868\u4e0d\u597d\uff0c\u8acbOOO\u672c\u8056\u9748\uff0c\u7d66\u4f60\u6307\u793a\u8207\u5efa\u8b70\u3002<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u9ede\u62bd\u724c\uff0c\u4e00\u7ffb\u5169\u77aa\u773c\uff0c\u7ffb\u51fa\u4e09\u5f35\u724c\u3002<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u4f9d\u7167\u7ffb\u5230\u7684\u68cb\u724c\u53bb\u89e3\u7b54\u554f\u984c\u3002<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a2f018bb-a9b6-4f95-b053-9a02ed13b144\" data-name=\"Layer 1\" width=\"30\" height=\"29.5\" viewBox=\"0 0 30 29.5\"><ellipse cx=\"13.5\" cy=\"13\" rx=\"13.5\" ry=\"13\" style=\"opacity:0.15\"><\/ellipse><path d=\"M11.7562,15.1964l-1.4887,1.29L15.36,21.6927a1.0394,1.0394,0,0,0,.7227.307l.0217,0a1.0456,1.0456,0,0,0,.7142-.2778L29.7025,9.6267,28.2739,8.2781,16.1356,19.6736Z\" transform=\"translate(0 -0.5)\"><\/path><path d=\"M28.04,17A11.04,11.04,0,1,1,17,5.96c.0218,0,.0218-1.96,0-1.96A13,13,0,1,0,30,17,9.25,9.25,0,0,0,28.04,17Z\" transform=\"translate(0 -0.5)\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u540c\u4e00\u500b\u554f\u984c\u53ea\u80fd\u554f\u4e00\u6b21(\u901a\u5e383\u500b\u6708\u5f8c\u624d\u80fd\u518d\u554f\u4e00\u6b21)\uff0c\u4e0d\u80fd\u540c\u554f\u984c\u63db\u65b9\u5411\u554f!(\u4e0d\u7136\u6703\u4e82\u81ea\u5df1\u7684\u5224\u65b7)<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6062029 elementor-align-center elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"6062029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-bob\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8209\u4f8b~\u8acb\u554fOOO(\u81ea\u5df1\u7684\u540d\u5b50 )\u7684\u672c\u8056\u9748\uff0c\u67d0\u4eba\u6703\u5728\u5de5\u4f5c\u4e0a\u9677\u5bb3\u6211\u55ce?\u7d05\u68cb\u4ee3\u8868\u597d\u3001\u9ed1\u68cb\u4ee3\u8868\u4e0d\u597d\u3002<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7a4edd elementor-align-center elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"d7a4edd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-bob\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8209\u4f8b~\u8acb\u554fOOO(\u81ea\u5df1\u7684\u540d\u5b50 )\u7684\u672c\u8056\u9748\uff0c\u6211\u8fd1\u4e09\u500b\u6708\u7684\u8ca1\u904b\u597d\u55ce?\u7d05\u68cb\u4ee3\u8868\u597d\u3001\u9ed1\u68cb\u4ee3\u8868\u4e0d\u597d\u3002<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f91235d elementor-align-center elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"f91235d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-bob\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8209\u4f8b~\u8acb\u554fOOO(\u81ea\u5df1\u7684\u540d\u5b50 )\u7684\u672c\u8056\u9748\uff0c\u6211\u8ddf\u67d0\u4eba\u6709\u6a5f\u6703\u518d\u4e00\u8d77\u55ce?\u7d05\u68cb\u4ee3\u8868\u6709\u3001\u9ed1\u68cb\u4ee3\u8868\u6c92\u6709\u3002<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb3498c elementor-align-center elementor-mobile-align-center elementor-button-info elementor-widget elementor-widget-button\" data-id=\"fb3498c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-bob\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8209\u4f8b~\u8acb\u554fOOO(\u81ea\u5df1\u7684\u540d\u5b50 )\u7684\u672c\u8056\u9748\uff0c\u6211\u76ee\u524d\u9069\u5408\u5275\u696d\u55ce?<br>(\u5982\u679c\u4e0d\u9069\u5408\u5c31\u7121\u9700\u518d\u554f\u4e0b\u53bb\u4e86)\u7d05\u68cb\u4ee3\u8868\u9069\u5408\u3001\u9ed1\u68cb\u4ee3\u8868\u4e0d\u9069\u5408\u3002<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ea08aae e-flex e-con-boxed e-con e-parent\" data-id=\"ea08aae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a2c14a elementor-widget elementor-widget-html\" data-id=\"2a2c14a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n        \/* \u57fa\u672c\u6a23\u5f0f *\/\n        .card-draw-container {\n            font-family: Arial, sans-serif;\n            background-color: #1e1e1e;\n            color: #fff;\n            text-align: center;\n            padding: 20px;\n        }\n        .language-switcher {\n            margin-bottom: 20px;\n        }\n        .language-switcher button {\n            padding: 8px 16px;\n            margin: 0 5px;\n            font-size: 14px;\n            background-color: #555;\n            border: none;\n            border-radius: 4px;\n            color: #fff;\n            cursor: pointer;\n            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;\n        }\n        .language-switcher button.active,\n        .language-switcher button:hover {\n            background-color: #ff5722;\n            transform: scale(1.05);\n            box-shadow: 0 4px 8px rgba(255, 87, 34, 0.6);\n        }\n        .card-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n        \/* \u5361\u724c\u7ffb\u8f49\u6548\u679c *\/\n        .flip-card {\n            background-color: transparent;\n            width: 100px;\n            height: 140px;\n            perspective: 1000px;\n            cursor: pointer;\n            transition: transform 0.3s, box-shadow 0.3s;\n            position: relative; \/* \u78ba\u4fdd\u5b50\u5143\u7d20\u5b9a\u4f4d\u76f8\u5c0d\u65bc\u7236\u5143\u7d20 *\/\n        }\n        .flip-card:hover {\n            transform: scale(1.05);\n            box-shadow: 0 4px 8px rgba(255, 255, 255, 0.6);\n        }\n        .flip-card:focus,\n        .flip-card:active {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 6px 12px rgba(255, 87, 34, 0.8);\n            outline: none;\n        }\n        .flip-card-inner {\n            transform: rotateY(180deg); \/* \u65b0\u589e\u8fd9\u4e00\u884c *\/\n            position: relative;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            transition: transform 0.6s ease-in-out;\n            transform-style: preserve-3d;\n            border-radius: 10px;\n        }\n        .flipped .flip-card-inner {\n            transform: rotateY(0deg);\n        }\n        .flip-card-front, .flip-card-back {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            backface-visibility: hidden;\n            border: 2px solid #fff;\n            border-radius: 10px;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s, box-shadow 0.3s;\n        }\n        \/* \u5c07\u6b63\u9762\u8a2d\u7f6e\u70ba\u5361\u724c\u7684\u524d\u9762 *\/\n        .flip-card-front {\n            background-color: #fff;\n            color: black;\n        }\n        .flip-card-front img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* \u4f7f\u5716\u7247\u586b\u6eff\u5361\u724c *\/\n            border-radius: 8px;\n        }\n        \/* \u5c07\u80cc\u9762\u8a2d\u7f6e\u70ba\u5361\u724c\u7684\u80cc\u9762\u5716\u6848 *\/\n        .flip-card-back {\n            background-image: url('https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2024\/10\/7.png'); \/* \u66ff\u63db\u70ba\u60a8\u7684\u80cc\u9762\u5716\u6848URL *\/\n            background-size: cover;\n            background-position: center;\n            transform: rotateY(180deg);\n        }\n  \n        #drawBtn {\n            padding: 10px 20px;\n            font-size: 18px;\n            background-color: #ff5722;\n            border: none;\n            border-radius: 5px;\n            color: #fff;\n            cursor: pointer;\n            transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;\n            margin-bottom: 20px;\n        }\n        #drawBtn:hover {\n            background-color: #e64a19;\n            transform: scale(1.05);\n            box-shadow: 0 4px 8px rgba(255, 87, 34, 0.6);\n        }\n        #drawBtn:active,\n        #drawBtn:focus {\n            transform: translateY(-3px) scale(1.05);\n            background-color: #d84315;\n            box-shadow: 0 6px 12px rgba(255, 87, 34, 0.8);\n            outline: none;\n        }\n        .cross-layout {\n            display: none; \/* \u521d\u59cb\u96b1\u85cf *\/\n            max-width: 800px;\n            margin: 30px auto;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 20px; \/* \u5341\u5b57\u5f62\u6392\u5217\u7684\u9593\u9694 *\/\n        }\n        .cross-cards-container {\n            position: relative;\n            width: 420px; \/* \u8abf\u6574\u5bb9\u5668\u5bec\u5ea6 *\/\n            height: 500px; \/* \u8abf\u6574\u5bb9\u5668\u9ad8\u5ea6\u4ee5\u907f\u514d\u91cd\u758a *\/\n            margin: 20px 0;  \/* \u589e\u52a0\u4e0a\u4e0b\u9593\u8ddd *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        .cross-card {\n            width: 100px;\n            height: 140px;\n            position: absolute;\n            border: 2px solid #fff;\n            border-radius: 10px;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            color: #fff;\n            text-shadow: 1px 1px 2px black;\n            cursor: pointer;\n            opacity: 0;\n            transform: scale(0.8);\n            transition: opacity 0.5s, transform 0.5s, box-shadow 0.3s;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n        .cross-card:hover {\n            transform: scale(1.05);\n            box-shadow: 0 4px 8px rgba(255, 87, 34, 0.6);\n        }\n        .cross-card:focus,\n        .cross-card:active {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 6px 12px rgba(255, 87, 34, 0.8);\n            outline: none;\n        }\n        .cross-card-inner img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* \u4f7f\u5716\u7247\u586b\u6eff\u5361\u724c *\/\n            border-radius: 8px;\n        }\n        \n        \/* \u65b0\u589e\u5361\u724c\u4f4d\u7f6e *\/\n        .cross-card.top2 {\n           top: -10%;\n    left: 50%;\n    transform: translateX(-50%);\n         }\n       .cross-card.bottom2 {\n           top: 110%;\n    left: 50%;\n    transform: translateX(-50%);\n        }\n  \n  \n  \n  \/* \u8abf\u6574\u4e0a\u4e0b\u5361\u724c\u4f4d\u7f6e *\/\n.cross-card.top {\n    top: 20%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n        .cross-card.bottom {\n            top: 80%;\n    left: 50%;\n    transform: translateX(-50%);\n        }\n        .cross-card.left {\n            left: 10%;\n    top: 50%;\n    transform: translateY(-50%);\n        }\n        .cross-card.right {\n            left: 90%;\n    top: 50%;\n    transform: translateY(-50%);\n        }\n        .cross-card.center {\n    top: 50%; \/* \u6539\u7528\u767e\u5206\u6bd4\u5b9a\u4f4d *\/\n    left: 50%;\n    transform: translate(-50%, -50%); \/* \u7cbe\u78ba\u5c45\u4e2d *\/\n    z-index: 5; \/* \u63d0\u9ad8\u5c64\u7d1a *\/\n        }\n\n        \/* \u5341\u5b57\u5f62\u6392\u5217\u53f3\u5074\u7684\u540d\u7a31\u5217\u8868 *\/\n        .cross-names {\n            display: flex;\n            flex-direction: column;\n            gap: 10px; \/* \u540d\u7a31\u8207\u5361\u724c\u4e4b\u9593\u7684\u8ddd\u96e2 *\/\n            margin-left: 20px; \/* \u8207\u5341\u5b57\u5f62\u6392\u5217\u4e4b\u9593\u7684\u8ddd\u96e2 *\/\n            align-items: flex-start;\n        }\n        .cross-name {\n            background-color: #333;\n            padding: 5px 10px;\n            border-radius: 5px;\n            font-size: 14px;\n            text-align: left;\n            max-width: 150px;\n            animation: fadeIn 0.5s;\n            transition: background-color 0.3s;\n        }\n        .cross-name:hover {\n            background-color: #555;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        \/* \u6a21\u614b\u6846\u6a23\u5f0f *\/\n        .modal {\n            display: none;\n            position: fixed;\n            z-index: 1000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            overflow: auto;\n            background-color: rgba(0,0,0,0.8);\n            animation: fadeInModal 0.5s;\n        }\n        @keyframes fadeInModal {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        .modal-content {\n            background-color: #333;\n            margin: 10% auto;\n            padding: 20px;\n            border: 2px solid #fff;\n            width: 80%;\n            max-width: 500px;\n            border-radius: 10px;\n            position: relative;\n            color: #fff;\n            animation: slideIn 0.5s;\n            box-sizing: border-box;\n        }\n        @keyframes slideIn {\n            from { transform: translateY(-50px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n        .close {\n            color: #aaa;\n            position: absolute;\n            top: 10px;\n            right: 20px;\n            font-size: 30px;\n            font-weight: bold;\n            cursor: pointer;\n            transition: color 0.3s;\n        }\n        .close:hover,\n        .close:focus {\n            color: #fff;\n            text-decoration: none;\n        }\n\n        \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n        @media (max-width: 768px) {\n            .flip-card, .cross-card {\n                width: 80px;\n                height: 110px;\n                font-size: 12px;\n            }\n            .cross-cards-container {\n                width: 420px;\n                height: 380px;\n            }\n           .cross-card.top2 {\n               top: -10%;\n        left: 50%;\n           }\n          .cross-card.bottom2 {\n                top: 110%;\n        left: 50%;\n          }\n          .cross-card.top {\n              top: 20%;\n        left: 50%;\n         }\n         .cross-card.bottom {\n              top: 80%;\n        left: 50%;\n            }\n            .cross-card.left {\n                left: 10%;\n        top: 50%;\n            }\n            .cross-card.right {\n                left: 90%;\n        top: 50%;\n            }\n            .cross-card.center {\n                ltop: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n            }\n            .cross-names {\n                margin-left: 10px;\n                gap: 5px;\n            }\n            .cross-name {\n                max-width: 120px;\n                font-size: 12px;\n            }\n            .modal-content {\n                width: 90%;\n            }\n        }\n    <\/style>\n\n    <div class=\"card-draw-container\">\n        <h1 id=\"title\">\u9748\u9b42\u8c61\u68cb\u5360\u535c<\/h1>\n        \n        <!-- \u8a9e\u8a00\u5207\u63db -->\n        <div class=\"language-switcher\">\n            <button id=\"lang-zh\" class=\"active\">\u4e2d\u6587<\/button>\n            <button id=\"lang-en\">English<\/button>\n        <\/div>\n    \n        <div class=\"card-container\" id=\"cardContainer\">\n            <!-- 32\u5f35\u5361\u724c\u5c07\u7531JavaScript\u751f\u6210 -->\n        <\/div>\n        <button id=\"drawBtn\">\u62bd\u724c<\/button>\n    \n        <div class=\"cross-layout\" id=\"crossLayout\">\n            <div class=\"cross-cards-container\">\n                <!-- 5\u5f35\u9078\u4e2d\u7684\u5361\u724c\u5c07\u6392\u5217\u6210\u5341\u5b57\u5f62 -->\n                <div class=\"cross-card top2\" id=\"crossCard1\"><\/div>\n                <div class=\"cross-card top\" id=\"crossCard2\" tabindex=\"0\"><\/div>\n                <div class=\"cross-card left\" id=\"crossCard3\" tabindex=\"0\"><\/div>\n                <div class=\"cross-card center\" id=\"crossCard4\" tabindex=\"0\"><\/div>\n                <div class=\"cross-card right\" id=\"crossCard5\" tabindex=\"0\"><\/div>\n                <div class=\"cross-card bottom\" id=\"crossCard6\" tabindex=\"0\"><\/div>\n                <div class=\"cross-card bottom2\" id=\"crossCard7\"><\/div>\n            <\/div>\n            <!-- \u5341\u5b57\u5f62\u6392\u5217\u53f3\u5074\u7684\u540d\u7a31\u5217\u8868 -->\n            <div class=\"cross-names\" id=\"crossNames\">\n                <!-- \u540d\u7a31\u5c07\u7531JavaScript\u751f\u6210 -->\n            <\/div>\n        <\/div>\n    \n        <!-- \u6a21\u614b\u6846 -->\n        <div id=\"myModal\" class=\"modal\">\n            <div class=\"modal-content\">\n                <span class=\"close\">&times;<\/span>\n                <h2 id=\"modalTitle\">\u5361\u724c\u8a73\u60c5<\/h2>\n                <p id=\"modalDescription\">\u9019\u88e1\u662f\u5361\u724c\u7684\u8a73\u7d30\u4fe1\u606f\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u591a\u8a9e\u8a00\u652f\u6301\n            const translations = {\n                zh: {\n                    title: \"\u9748\u9b42\u8c61\u68cb\u5360\u535c\",\n                    drawBtn: \"\u62bd\u724c\",\n                    resetBtn: \"\u91cd\u65b0\u62bd\u724c\",\n                    modalTitle: \"\u5361\u724c\u8a73\u60c5\",\n                    modalDescription: \"\u9019\u88e1\u662f\u5361\u724c\u7684\u8a73\u7d30\u4fe1\u606f\u3002\",\n                    languages: {\n                        zh: \"\u4e2d\u6587\",\n                        en: \"English\"\n                    },\n                    cardNames: {\n                        1: \"\u5e25\",\n                        2: \"\u4ed5\",\n                        3: \"\u4ed5\",\n                        4: \"\u76f8\",\n                        5: \"\u76f8\",\n                        6: \"\u4fe5\",\n                        7: \"\u4fe5\",\n                        8: \"\u508c\",\n                        9: \"\u508c\",\n                        10: \"\u70ae\",\n                        11: \"\u70ae\",\n                        12: \"\u5175\",\n                        13: \"\u5175\",\n                        14: \"\u5175\",\n                        15: \"\u5175\",\n                        16: \"\u5175\",\n                        17: \"\u5c07\",\n                        18: \"\u58eb\",\n                        19: \"\u58eb\",\n                        20: \"\u8c61\",\n                        21: \"\u8c61\",\n                        22: \"\u8eca\",\n                        23: \"\u8eca\",\n                        24: \"\u99ac\",\n                        25: \"\u99ac\",\n                        26: \"\u5305\",\n                        27: \"\u5305\",\n                        28: \"\u5352\",\n                        29: \"\u5352\",\n                        30: \"\u5352\",\n                        31: \"\u5352\",\n                        32: \"\u5352\"\n                    }\n                },\n                en: {\n                    title: \"Soul Chess Divination\",\n                    drawBtn: \"Draw\",\n                    resetBtn: \"Redraw\",\n                    modalTitle: \"Card Details\",\n                    modalDescription: \"Here are the details of the card.\",\n                    languages: {\n                        zh: \"\u4e2d\u6587\",\n                        en: \"English\"\n                    },\n                    cardNames: {\n    1: \"General\",\n    2: \"Advisor\",\n    3: \"Advisor\",\n    4: \"Elephant\",\n    5: \"Elephant\",\n    6: \"Chariot\",\n    7: \"Chariot\",\n    8: \"Horse\",\n    9: \"Horse\",\n    10: \"Cannon\",\n    11: \"Cannon\",\n    12: \"Soldier\",\n    13: \"Soldier\",\n    14: \"Soldier\",\n    15: \"Soldier\",\n    16: \"Soldier\",\n    17: \"King\",\n    18: \"Guard\",\n    19: \"Guard\",\n    20: \"Minister\",\n    21: \"Minister\",\n    22: \"Rook\",\n    23: \"Rook\",\n    24: \"Knight\",\n    25: \"Knight\",\n    26: \"Catapult\",\n    27: \"Catapult\",\n    28: \"Pawn\",\n    29: \"Pawn\",\n    30: \"Pawn\",\n    31: \"Pawn\",\n    32: \"Pawn\"\n}\n                }\n            };\n\n            let currentLanguage = 'zh'; \/\/ \u521d\u59cb\u8a9e\u8a00\n\n            const cardContainer = document.getElementById('cardContainer');\n            const drawBtn = document.getElementById('drawBtn');\n            const crossLayout = document.getElementById('crossLayout');\n            const crossCards = [\n                document.getElementById('crossCard1'),\n                document.getElementById('crossCard2'),\n                document.getElementById('crossCard3'),\n                document.getElementById('crossCard4'),\n                document.getElementById('crossCard5'),\n                document.getElementById('crossCard6'),\n                document.getElementById('crossCard7')\n            ];\n            const crossNamesContainer = document.getElementById('crossNames');\n\n            \/\/ \u6a21\u614b\u6846\u5143\u7d20\n            const modal = document.getElementById('myModal');\n            const modalTitle = document.getElementById('modalTitle');\n            const modalDescription = document.getElementById('modalDescription');\n            const spanClose = document.getElementsByClassName('close')[0];\n\n            \/\/ \u8a9e\u8a00\u5207\u63db\u6309\u9215\n            const langZhBtn = document.getElementById('lang-zh');\n            const langEnBtn = document.getElementById('lang-en');\n\n            \/\/ 32\u5f35\u5361\u724c\u7684\u80cc\u666f\u5716\u7247URL\uff08\u8acb\u66ff\u63db\u70ba\u5be6\u969b\u7684\u5361\u724c\u6b63\u9762\u5716\u7247URL\uff09\n            const cardImages = [\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5e25.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u4ed5.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u4ed5.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u76f8.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u76f8.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u4fe5.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u4fe5.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u7d05\u99ac.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u7d05\u99ac.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u70ae.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u70ae.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5175.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5175.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5175.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5175.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5175.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5c07.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u58eb.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u58eb.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u8c61.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u8c61.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u8eca.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u8eca.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u9ed1\u99ac.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u9ed1\u99ac.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5305.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5305.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5352.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5352.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5352.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5352.png',\n            'https:\/\/naturesaltarofheaven.com\/wp-content\/uploads\/2025\/01\/\u5352.png'\n            ];\n\n            \/\/ \u5361\u724c\u63cf\u8ff0\uff08\u4e2d\u82f1\u6587\uff09\n            const cardDescriptions = {\n                1: {\n                    zh: \"\u5927\u5fb7\u3001\u5927\u4f01\u696d\u5bb6\u3001\u7e3d\u7d71\u3001\u8001\u95c6\u3001\u4e3b\u7ba1\u3001\u4e08\u592b\u3001\u5e25\u6c23\u3001\u795e\u52a9\u3001\u6307\u5c0e\u578b\u8001\u5e2b\u3001\u592a\u967d\u3001\u9818\u8896\u3001\u9748\u9b42\u3001\u982d\u9802\u3001\u638c\u751f\u6bba\u5927\u6b0a\u3002\",\n                    en: \"Great virtue, great entrepreneur, president, boss, supervisor, husband, handsome, divine help, guiding teacher, sun, leader, soul, head, power of life and death.\"\n                },\n                2: {\n                    zh: \"\u4ed5\u9014\u3001\u5b98\u8077\u3001\u516c\u8077\u3001\u4fdd\u8b77\u3001\u8001\u5a46\u3001\u5973\u53cb\u3001\u4e8b\u696d\u3001\u540c\u4e8b\u3001\u9069\u5408\u3001\u8003\u8a66\u3001\u662f\u3001\u8b58\u5224\u529b\u3001\u4e8b\u4e8b\u9806\u5fc3\u3001\u597d\u4e8b\u3002\",\n                    en: \"career, official position, public service, protection, wife, girlfriend, career, colleagues, suitability, examination, yes, judgment, everything goes well, good things.\"\n                },\n                3: {\n                    zh: \"\u4ed5\u9014\u3001\u5b98\u8077\u3001\u516c\u8077\u3001\u4fdd\u8b77\u3001\u8001\u5a46\u3001\u5973\u53cb\u3001\u4e8b\u696d\u3001\u540c\u4e8b\u3001\u9069\u5408\u3001\u8003\u8a66\u3001\u662f\u3001\u8b58\u5224\u529b\u3001\u4e8b\u4e8b\u9806\u5fc3\u3001\u597d\u4e8b\u3002\",\n                    en: \"career, official position, public service, protection, wife, girlfriend, career, colleagues, suitability, examination, yes, judgment, everything goes well, good things.\"\n                },\n                4: {\n                    zh: \"\u76f8\u8c8c\u3001\u60f3\u6cd5\u3001\u601d\u60f3\u3001\u8070\u660e\u3001\u4e09\u601d\u800c\u5f8c\u884c\u3001\u898b\u6a5f\u884c\u4e8b\u3001\u6e9d\u901a\u3001\u76f8\u8655\u3001\u76f8\u4fe1\u3001\u4fe1\u5ff5\u3001\u8003\u904b\u3001\u5fc3\u60f3\u4e8b\u6210\u3001\u597d\u73fe\u8c61\u3002\",\n                    en: \"Appearance, thoughts, thoughts, intelligence, think before acting, act according to circumstances, communication, getting along, belief, faith, luck, wishes come true, good phenomena.\"\n                },\n                5: {\n                    zh: \"\u76f8\u8c8c\u3001\u60f3\u6cd5\u3001\u601d\u60f3\u3001\u8070\u660e\u3001\u4e09\u601d\u800c\u5f8c\u884c\u3001\u898b\u6a5f\u884c\u4e8b\u3001\u6e9d\u901a\u3001\u76f8\u8655\u3001\u76f8\u4fe1\u3001\u4fe1\u5ff5\u3001\u8003\u904b\u3001\u5fc3\u60f3\u4e8b\u6210\u3001\u597d\u73fe\u8c61\u3002\",\n                    en: \"Appearance, thoughts, thoughts, intelligence, think before acting, act according to circumstances, communication, getting along, belief, faith, luck, wishes come true, good phenomena.\"\n                },\n                6: {\n                    zh: \"\u597d\u7de3\u4efd\u3001\u958b\u8eca\u3001\u52aa\u529b\u3001\u8a8d\u771f\u3001\u6709\u7de3\u3001\u597d\u6a5f\u6703\u3001\u958b\u5fc3\u3001\u597d\u6a5f\u904b\u3001\u7a69\u5b9a\u3001\u958b\u904b\u3001\u81ea\u5728\u3001\u958b\u667a\u6167\u3001\u5f15\u5c0e\u578b\u8001\u5e2b\u3001\u540c\u5c45\u3001\u597d\u5c45\u4f4f\u3001\u6709\u5229\u793e\u6703\u4e4b\u4e8b\u3001\u6709\u5fc3\u3002\",\n                    en: \"Good fate, driving, hard work, seriousness, predestined relationship, good opportunity, happiness, good luck, stability, good luck, freedom, open wisdom, guiding teacher, cohabitation, good living, beneficial to society, and intention.\"\n                },\n                7: {\n                    zh: \"\u597d\u7de3\u4efd\u3001\u958b\u8eca\u3001\u52aa\u529b\u3001\u8a8d\u771f\u3001\u6709\u7de3\u3001\u597d\u6a5f\u6703\u3001\u958b\u5fc3\u3001\u597d\u6a5f\u904b\u3001\u7a69\u5b9a\u3001\u958b\u904b\u3001\u81ea\u5728\u3001\u958b\u667a\u6167\u3001\u5f15\u5c0e\u578b\u8001\u5e2b\u3001\u540c\u5c45\u3001\u597d\u5c45\u4f4f\u3001\u6709\u5229\u793e\u6703\u4e4b\u4e8b\u3001\u6709\u5fc3\u3002\",\n                    en: \"Good fate, driving, hard work, seriousness, predestined relationship, good opportunity, happiness, good luck, stability, good luck, freedom, open wisdom, guiding teacher, cohabitation, good living, beneficial to society, and intention.\"\n                },\n                8: {\n                    zh: \"\u597d\u8ca1\u904b\u3001\u597d\u8fa6\u6cd5\u3001\u597d\u80fd\u91cf\u3001\u529f\u5fb7\u3001\u6cd5\u529b\u3001\u65b9\u6cd5\u3001\u53ef\u63a7\u7684\u3001\u8ca1\u7269\u70ba\u5148\u3001\u8cb7\u3001\u4e0d\u7f3a\u9322\u3001\u7a69\u5b9a\u3001\u81ea\u6211\u5b9a\u4f4d\u3001\u5167\u5728\u4fe1\u5fc3\u3002\",\n                    en: \"Good fortune, good methods, good energy, merit, magic power, methods, controllable, property first, buying, no shortage of money, stability, self-positioning, inner confidence.\"\n                },\n                9: {\n                    zh: \"\u597d\u8ca1\u904b\u3001\u597d\u8fa6\u6cd5\u3001\u597d\u80fd\u91cf\u3001\u529f\u5fb7\u3001\u6cd5\u529b\u3001\u65b9\u6cd5\u3001\u53ef\u63a7\u7684\u3001\u8ca1\u7269\u70ba\u5148\u3001\u8cb7\u3001\u4e0d\u7f3a\u9322\u3001\u7a69\u5b9a\u3001\u81ea\u6211\u5b9a\u4f4d\u3001\u5167\u5728\u4fe1\u5fc3\u3002\",\n                    en: \"Good fortune, good methods, good energy, merit, magic power, methods, controllable, property first, buying, no shortage of money, stability, self-positioning, inner confidence.\"\n                },\n                10: {\n                    zh: \"\u540d\u8072\u3001\u5316\u89e3\u3001\u8b8a\u5316\u3001\u6539\u8b8a\u3001\u62dc\u62dc\u3001\u4e00\u70ae\u6c96\u5929\u3001\u4fee\u7df4\u3001\u62dc\u8a17\u3001\u706b\u6c23\u5927\u3001\u6de8\u5316\u3001\u5982\u6cd5\u70ae\u88fd\u3001\u71b1\u60c5\u3001\u77ed\u66ab\u6709\u80fd\u91cf\u3002\",\n                    en: \"Fame, resolve, change, change, goodbye, soar to the sky, practice, please, strong fire, purification, follow the rules, enthusiasm, short-term energy.\"\n                },\n                11: {\n                    zh: \"\u540d\u8072\u3001\u5316\u89e3\u3001\u8b8a\u5316\u3001\u6539\u8b8a\u3001\u62dc\u62dc\u3001\u4e00\u70ae\u6c96\u5929\u3001\u4fee\u7df4\u3001\u62dc\u8a17\u3001\u706b\u6c23\u5927\u3001\u6de8\u5316\u3001\u5982\u6cd5\u70ae\u88fd\u3001\u71b1\u60c5\u3001\u77ed\u66ab\u6709\u80fd\u91cf\u3002\",\n                    en: \"Fame, resolve, change, change, goodbye, soar to the sky, practice, please, strong fire, purification, follow the rules, enthusiasm, short-term energy.\"\n                },\n                12: {\n                    zh: \"\u5973\u4eba\u3001\u5c0f\u5175\u7acb\u5927\u529f\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u8349\u6728\u7686\u5175\u3001\u5947\u5175\u3001\u5982\u5c65\u8584\u51b0\u3001\u7528\u529f\u3001\u904b\u52e2\u5e73\u5e73\u3001\u76f8\u656c\u5982\u51b0\u3001\u7834\u51b0\u3001\u52c7\u6562\u3001\u884c\u52d5\u529b\u3002\",\n                    en: \"Women, small soldiers make great achievements, everything depends on people, everything is a soldier, a rare soldier, walking on thin ice, hard work, average luck, respecting each other like ice, breaking the ice, bravery, action ability.\"\n                },\n                13: {\n                    zh: \"\u5973\u4eba\u3001\u5c0f\u5175\u7acb\u5927\u529f\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u8349\u6728\u7686\u5175\u3001\u5947\u5175\u3001\u5982\u5c65\u8584\u51b0\u3001\u7528\u529f\u3001\u904b\u52e2\u5e73\u5e73\u3001\u76f8\u656c\u5982\u51b0\u3001\u7834\u51b0\u3001\u52c7\u6562\u3001\u884c\u52d5\u529b\u3002\",\n                    en: \"Women, small soldiers make great achievements, everything depends on people, everything is a soldier, a rare soldier, walking on thin ice, hard work, average luck, respecting each other like ice, breaking the ice, bravery, action ability.\"\n                },\n                14: {\n                    zh: \"\u5973\u4eba\u3001\u5c0f\u5175\u7acb\u5927\u529f\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u8349\u6728\u7686\u5175\u3001\u5947\u5175\u3001\u5982\u5c65\u8584\u51b0\u3001\u7528\u529f\u3001\u904b\u52e2\u5e73\u5e73\u3001\u76f8\u656c\u5982\u51b0\u3001\u7834\u51b0\u3001\u52c7\u6562\u3001\u884c\u52d5\u529b\u3002\",\n                    en: \"Women, small soldiers make great achievements, everything depends on people, everything is a soldier, a rare soldier, walking on thin ice, hard work, average luck, respecting each other like ice, breaking the ice, bravery, action ability.\"\n                },\n                15: {\n                    zh: \"\u5973\u4eba\u3001\u5c0f\u5175\u7acb\u5927\u529f\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u8349\u6728\u7686\u5175\u3001\u5947\u5175\u3001\u5982\u5c65\u8584\u51b0\u3001\u7528\u529f\u3001\u904b\u52e2\u5e73\u5e73\u3001\u76f8\u656c\u5982\u51b0\u3001\u7834\u51b0\u3001\u52c7\u6562\u3001\u884c\u52d5\u529b\u3002\",\n                    en: \"Women, small soldiers make great achievements, everything depends on people, everything is a soldier, a rare soldier, walking on thin ice, hard work, average luck, respecting each other like ice, breaking the ice, bravery, action ability.\"\n                },\n                16: {\n                    zh: \"\u5973\u4eba\u3001\u5c0f\u5175\u7acb\u5927\u529f\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u8349\u6728\u7686\u5175\u3001\u5947\u5175\u3001\u5982\u5c65\u8584\u51b0\u3001\u7528\u529f\u3001\u904b\u52e2\u5e73\u5e73\u3001\u76f8\u656c\u5982\u51b0\u3001\u7834\u51b0\u3001\u52c7\u6562\u3001\u884c\u52d5\u529b\u3002\",\n                    en: \"Women, small soldiers make great achievements, everything depends on people, everything is a soldier, a rare soldier, walking on thin ice, hard work, average luck, respecting each other like ice, breaking the ice, bravery, action ability.\"\n                },\n                17: {\n                    zh: \"\u5973\u5f37\u4eba\u3001\u5973\u4f01\u696d\u5bb6\u3001\u6709\u4f01\u5716\u5fc3\u3001\u4e3b\u89c0\u610f\u5fd7\u529b\u3001\u5805\u5b9a\u3001\u56fa\u57f7\u3001\u5c07\u4f86\u3001\u5c07\u9818\u3001\u5c07\u8981\u3001\u958b\u5275\u3001\u9435\u9f52\u3001\u9748\u9b42\u3001\u9053\u5fb7\u3001\u7a81\u7834\u529b\u3002\",\n                    en: \"Strong woman, female entrepreneur, ambitious, subjective willpower, determination, stubbornness, future, general, will, pioneer, iron teeth, soul, morality, breakthrough power.\"\n                },\n                18: {\n                    zh: \"\u6c92\u6709\u540d\u5206\u3001\u4f5c\u5922\u3001\u4e0d\u9069\u5408\u3001\u570b\u58eb\u7121\u96d9\u3001\u5b64\u7368\u3001\u5c0f\u4e09\u3001\u6709\u540d\u7121\u5be6\u3001\u591a\u7591\u591a\u616e\u3001\u4e0d\u597d\u3001\u4e0d\u662f\u3001\u7121\u5f62\u529b\u91cf\u3001\u4e0d\u7406\u60f3\u3001\u5916\u9748\u3001\u4e0d\u4f73\u3001\u81ea\u4f5c\u591a\u60c5\u3001\u4e8b\u8207\u9858\u9055\u3002\",\n                    en: \"No status, dreaming, unsuitable, unparalleled in the country, lonely, mistress, nominal, suspicious, bad, not, invisible force, unideal, external spirit, bad, self-motivated, things go against your wishes.\"\n                },\n                19: {\n                    zh: \"\u6c92\u6709\u540d\u5206\u3001\u4f5c\u5922\u3001\u4e0d\u9069\u5408\u3001\u570b\u58eb\u7121\u96d9\u3001\u5b64\u7368\u3001\u5c0f\u4e09\u3001\u6709\u540d\u7121\u5be6\u3001\u591a\u7591\u591a\u616e\u3001\u4e0d\u597d\u3001\u4e0d\u662f\u3001\u7121\u5f62\u529b\u91cf\u3001\u4e0d\u7406\u60f3\u3001\u5916\u9748\u3001\u4e0d\u4f73\u3001\u81ea\u4f5c\u591a\u60c5\u3001\u4e8b\u8207\u9858\u9055\u3002\",\n                    en: \"No status, dreaming, unsuitable, unparalleled in the country, lonely, mistress, nominal, suspicious, bad, not, invisible force, unideal, external spirit, bad, self-motivated, things go against your wishes.\"\n                },\n                20: {\n                    zh: \"\u4e0d\u597d\u73fe\u8c61\u3001\u89e3\u6563\u3001\u4e0d\u76f8\u4fe1\u3001\u8ca0\u9762\u80fd\u91cf\u3001\u715e\u6c23\u3001\u5fc3\u60c5\u9b31\u60b6\u3001\u60c5\u7dd2\u4e0d\u597d\u3001\u6c92\u60f3\u6cd5\u3001\u58de\u5fc3\u8178\u3001\u6563\u6f2b\u3001\u7f3a\u4e4f\u601d\u8003\u3001\u7d50\u675f\u3001\u4fe1\u5ff5\u4e0d\u8db3\u3001\u4e0d\u8868\u9054\u81ea\u4fe1\u3002\",\n                    en: \"Bad phenomena, disbandment, disbelief, negative energy, evil spirits, depressed mood, bad mood, no ideas, bad-hearted, undisciplined, lack of thinking, ending, lack of belief, failure to express confidence.\"\n                },\n                21: {\n                    zh: \"\u4e0d\u597d\u73fe\u8c61\u3001\u89e3\u6563\u3001\u4e0d\u76f8\u4fe1\u3001\u8ca0\u9762\u80fd\u91cf\u3001\u715e\u6c23\u3001\u5fc3\u60c5\u9b31\u60b6\u3001\u60c5\u7dd2\u4e0d\u597d\u3001\u6c92\u60f3\u6cd5\u3001\u58de\u5fc3\u8178\u3001\u6563\u6f2b\u3001\u7f3a\u4e4f\u601d\u8003\u3001\u7d50\u675f\u3001\u4fe1\u5ff5\u4e0d\u8db3\u3001\u4e0d\u8868\u9054\u81ea\u4fe1\u3002\",\n                    en: \"Bad phenomena, disbandment, disbelief, negative energy, evil spirits, depressed mood, bad mood, no ideas, bad-hearted, undisciplined, lack of thinking, ending, lack of belief, failure to express confidence.\"\n                },\n                22: {\n                    zh: \"\u5371\u6a5f\u3001\u7a7a\u8f49\u3001\u5931\u63a7\u3001\u6bba\u6a5f\u3001\u7121\u76ee\u6a19\u3001\u4e0d\u597d\u6a5f\u6703\u3001\u61f6\u60f0\u3001\u7121\u7de3\u3001\u4e0d\u53d7\u7d04\u675f\u3001\u53e3\u8a9e\u722d\u57f7\u3001\u4e0d\u52aa\u529b\u3001\u653e\u7a7a\u3001\u6c92\u7528\u5fc3\u3001\u6709\u52c7\u7121\u8b00\u3002\",\n                    en: \"Crisis, idling, loss of control, murderous intention, no goal, bad opportunity, laziness, no luck, unrestrained, verbal disputes, lack of effort, empty-headed, useless, courageous and foolhardy.\"\n                },\n                23: {\n                    zh: \"\u5371\u6a5f\u3001\u7a7a\u8f49\u3001\u5931\u63a7\u3001\u6bba\u6a5f\u3001\u7121\u76ee\u6a19\u3001\u4e0d\u597d\u6a5f\u6703\u3001\u61f6\u60f0\u3001\u7121\u7de3\u3001\u4e0d\u53d7\u7d04\u675f\u3001\u53e3\u8a9e\u722d\u57f7\u3001\u4e0d\u52aa\u529b\u3001\u653e\u7a7a\u3001\u6c92\u7528\u5fc3\u3001\u6709\u52c7\u7121\u8b00\u3002\",\n                    en: \"Crisis, idling, loss of control, murderous intention, no goal, bad opportunity, laziness, no luck, unrestrained, verbal disputes, lack of effort, empty-headed, useless, courageous and foolhardy.\"\n                },\n                24: {\n                    zh: \"\u99ac\u99ac\u864e\u864e\u3001\u62cc\u99ac\u8173\u3001\u52ab\u8ca1\u3001\u4efb\u52d9\u3001\u5931\u63a7\u3001\u529f\u8ab2\u3001\u4f5c\u696d\u3001\u88ab\u7f75\u3001\u6c92\u81ea\u4fe1\u3002\",\n                    en: \"Careless, playing tricks, stealing money, tasks, losing control, homework, assignments, being scolded, lack of confidence.\"\n                },\n                25: {\n                    zh: \"\u99ac\u99ac\u864e\u864e\u3001\u62cc\u99ac\u8173\u3001\u52ab\u8ca1\u3001\u4efb\u52d9\u3001\u5931\u63a7\u3001\u529f\u8ab2\u3001\u4f5c\u696d\u3001\u88ab\u7f75\u3001\u6c92\u81ea\u4fe1\u3002\",\n                    en: \"Careless, playing tricks, stealing money, tasks, losing control, homework, assignments, being scolded, lack of confidence.\"\n                },\n                26: {\n                    zh: \"\u53e3\u820c\u662f\u975e\u3001\u5305\u85cf\u798d\u5fc3\u3001\u7b49\u5f85\u3001\u4fdd\u5b88\u3001\u6c92\u52d5\u529b\u3001\u51b7\u975c\u3001\u51fa\u5305\u3001\u662f\u975e\u3001\u8b1b\u5927\u8a71\u3001\u5305\u5bb9\u3001\u798d\u5f9e\u53e3\u51fa\u3001\u6709\u53bb\u7121\u56de\u3002\",\n                    en: \"Talking right and wrong, harboring evil intentions, waiting, conservative, lack of motivation, calm, making excuses, right and wrong, talking big words, tolerance, trouble comes from the mouth, once gone, there is no return.\"\n                },\n                27: {\n                    zh: \"\u53e3\u820c\u662f\u975e\u3001\u5305\u85cf\u798d\u5fc3\u3001\u7b49\u5f85\u3001\u4fdd\u5b88\u3001\u6c92\u52d5\u529b\u3001\u51b7\u975c\u3001\u51fa\u5305\u3001\u662f\u975e\u3001\u8b1b\u5927\u8a71\u3001\u5305\u5bb9\u3001\u798d\u5f9e\u53e3\u51fa\u3001\u6709\u53bb\u7121\u56de\u3002\",\n                    en: \"Talking right and wrong, harboring evil intentions, waiting, conservative, lack of motivation, calm, making excuses, right and wrong, talking big words, tolerance, trouble comes from the mouth, once gone, there is no return.\"\n                },\n                28: {\n                    zh: \"\u7537\u4eba\u3001\u5c0f\u5352\u8b8a\u82f1\u96c4\u3001\u904e\u5f80\u3001\u5fc3\u60c5\u9b31\u5352\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u5143\u6c23\u3001\u904b\u52e2\u5e73\u5e73\u3001\u55ae\u8eab\u3001\u7d50\u675f\u3001\u7562\u696d\u3001\u6c92\u6709\u884c\u52d5\u529b\uff0c\u6eff\u8db3\u73fe\u72c0\u3001\u8981\u540c\u7406\u5fc3\u3001\u52c7\u6c23\u3002\",\n                    en: \"Men, pawns become heroes, past, depressed mood, everything depends on human effort, vitality, mediocre fortune, single, ending, graduation, inactive, content with the status quo, need empathy, courage.\"\n                },\n                29: {\n                    zh: \"\u7537\u4eba\u3001\u5c0f\u5352\u8b8a\u82f1\u96c4\u3001\u904e\u5f80\u3001\u5fc3\u60c5\u9b31\u5352\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u5143\u6c23\u3001\u904b\u52e2\u5e73\u5e73\u3001\u55ae\u8eab\u3001\u7d50\u675f\u3001\u7562\u696d\u3001\u6c92\u6709\u884c\u52d5\u529b\uff0c\u6eff\u8db3\u73fe\u72c0\u3001\u8981\u540c\u7406\u5fc3\u3001\u52c7\u6c23\u3002\",\n                    en: \"Men, pawns become heroes, past, depressed mood, everything depends on human effort, vitality, mediocre fortune, single, ending, graduation, inactive, content with the status quo, need empathy, courage.\"\n                },\n                30: {\n                    zh: \"\u7537\u4eba\u3001\u5c0f\u5352\u8b8a\u82f1\u96c4\u3001\u904e\u5f80\u3001\u5fc3\u60c5\u9b31\u5352\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u5143\u6c23\u3001\u904b\u52e2\u5e73\u5e73\u3001\u55ae\u8eab\u3001\u7d50\u675f\u3001\u7562\u696d\u3001\u6c92\u6709\u884c\u52d5\u529b\uff0c\u6eff\u8db3\u73fe\u72c0\u3001\u8981\u540c\u7406\u5fc3\u3001\u52c7\u6c23\u3002\",\n                    en: \"Men, pawns become heroes, past, depressed mood, everything depends on human effort, vitality, mediocre fortune, single, ending, graduation, inactive, content with the status quo, need empathy, courage.\"\n                },\n                31: {\n                    zh: \"\u7537\u4eba\u3001\u5c0f\u5352\u8b8a\u82f1\u96c4\u3001\u904e\u5f80\u3001\u5fc3\u60c5\u9b31\u5352\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u5143\u6c23\u3001\u904b\u52e2\u5e73\u5e73\u3001\u55ae\u8eab\u3001\u7d50\u675f\u3001\u7562\u696d\u3001\u6c92\u6709\u884c\u52d5\u529b\uff0c\u6eff\u8db3\u73fe\u72c0\u3001\u8981\u540c\u7406\u5fc3\u3001\u52c7\u6c23\u3002\",\n                    en: \"Men, pawns become heroes, past, depressed mood, everything depends on human effort, vitality, mediocre fortune, single, ending, graduation, inactive, content with the status quo, need empathy, courage.\"\n                },\n                32: {\n                    zh: \"\u7537\u4eba\u3001\u5c0f\u5352\u8b8a\u82f1\u96c4\u3001\u904e\u5f80\u3001\u5fc3\u60c5\u9b31\u5352\u3001\u4e8b\u5728\u4eba\u70ba\u3001\u5143\u6c23\u3001\u904b\u52e2\u5e73\u5e73\u3001\u55ae\u8eab\u3001\u7d50\u675f\u3001\u7562\u696d\u3001\u6c92\u6709\u884c\u52d5\u529b\uff0c\u6eff\u8db3\u73fe\u72c0\u3001\u8981\u540c\u7406\u5fc3\u3001\u52c7\u6c23\u3002\",\n                    en: \"Men, pawns become heroes, past, depressed mood, everything depends on human effort, vitality, mediocre fortune, single, ending, graduation, inactive, content with the status quo, need empathy, courage.\"\n                }\n            };\n\n\/\/ \u751f\u621032\u5f35\u5361\u724c\nfunction generateCards() {\n    cardContainer.innerHTML = ''; \/\/ \u6e05\u7a7a\u5bb9\u5668\n    for (let i = 1; i <= 32; i++) {\n        const flipCard = document.createElement('div');\n        flipCard.classList.add('flip-card'); \/\/ \u521d\u59cb\u72c0\u614b\u4e0d\u6dfb\u52a0 flipped \u985e\n        flipCard.setAttribute('tabindex', '0'); \/\/ \u4f7f\u5361\u724c\u53ef\u805a\u7126\n\n        const flipCardInner = document.createElement('div');\n        flipCardInner.classList.add('flip-card-inner');\n\n        const flipCardFront = document.createElement('div');\n        flipCardFront.classList.add('flip-card-front');\n        const frontImage = document.createElement('img');\n        frontImage.dataset.src = cardImages[i - 1]; \/\/ \u4f7f\u7528 data-src \u9032\u884c\u61f6\u52a0\u8f09\n        frontImage.alt = `${translations[currentLanguage].cardNames[i] || 'Card ' + i} \u6b63\u9762`;\n        frontImage.loading = 'lazy'; \/\/ \u63d0\u4f9b\u61f6\u52a0\u8f09\u5c6c\u6027\u4f5c\u70ba\u5f8c\u5099\n        flipCardFront.appendChild(frontImage);\n        imageObserver.observe(frontImage); \/\/ \u89c0\u5bdf\u5716\u7247\n\n        const flipCardBack = document.createElement('div');\n        flipCardBack.classList.add('flip-card-back'); \/\/ \u80cc\u9762\u5716\u6848\u5df2\u5728CSS\u4e2d\u8a2d\u7f6e\uff0c\u7121\u9700\u6dfb\u52a0\u5167\u5bb9\n\n        flipCardInner.appendChild(flipCardBack); \/\/ \u80cc\u9762\u5728\u524d\n        flipCardInner.appendChild(flipCardFront); \/\/ \u6b63\u9762\u5728\u5f8c\n\n        flipCard.appendChild(flipCardInner);\n        cardContainer.appendChild(flipCard);\n\n        \/\/ \u6dfb\u52a0\u9ede\u64ca\u548c\u9375\u76e4\u4e8b\u4ef6\u4ee5\u7ffb\u8f49\u5361\u724c\u4e26\u986f\u793a\u8a73\u7d30\u4fe1\u606f\uff08\u6a21\u614b\u6846\uff09\n        flipCard.addEventListener('click', () => {\n            flipCard.classList.toggle('flipped'); \/\/ \u5207\u63db flipped \u985e\n            showCardDetails(i);\n        });\n\n        flipCard.addEventListener('keypress', (e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                flipCard.classList.toggle('flipped'); \/\/ \u5207\u63db flipped \u985e\n                showCardDetails(i);\n            }\n        });\n    }\n}\n\n            \/\/ \u96a8\u6a5f\u9078\u64c75\u5f35\u5361\u724c\n            function getRandomCards() {\n                const shuffled = [...Array(32).keys()].map(x => x + 1).sort(() => Math.random() - 0.5);\n                return shuffled.slice(0, 7);\n            }\n\n            \/\/ \u986f\u793a\u5341\u5b57\u5f62\u6392\u5217\u7684\u5361\u724c\u53ca\u540d\u7a31\n            function displayCrossLayout(selectedNumbers) {\n                crossNamesContainer.innerHTML = ''; \/\/ \u6e05\u7a7a\u4e4b\u524d\u7684\u540d\u7a31\n                selectedNumbers.forEach((num, index) => {\n                    const cardIndex = num - 1;\n                    crossCards[index].innerHTML = ''; \/\/ \u6e05\u7a7a\u73fe\u6709\u5167\u5bb9\n                    crossCards[index].classList.add('flipped'); \/\/ \u6539\u4e3a\u6dfb\u52a0 flipped \u7c7b\n\n                    const flipCardInner = document.createElement('div');\n                    flipCardInner.classList.add('flip-card-inner');\n\n                    const flipCardFront = document.createElement('div');\n                    flipCardFront.classList.add('flip-card-front');\n                    const frontImage = document.createElement('img');\n                    frontImage.dataset.src = cardImages[cardIndex];\n                    frontImage.alt = `${translations[currentLanguage].cardNames[num] || 'Card ' + num} \u6b63\u9762`;\n                    frontImage.loading = 'lazy';  \/\/ \u61f6\u52a0\u8f09\n                    flipCardFront.appendChild(frontImage);\n                    imageObserver.observe(frontImage); \/\/ \u89c0\u5bdf\u5716\u7247\n\n                    const flipCardBack = document.createElement('div');\n                    flipCardBack.classList.add('flip-card-back');\n                    \/\/ \u80cc\u9762\u5716\u6848\u5df2\u5728CSS\u4e2d\u8a2d\u7f6e\uff0c\u7121\u9700\u6dfb\u52a0\u5167\u5bb9\n\n                    flipCardInner.appendChild(flipCardFront);\n                    flipCardInner.appendChild(flipCardBack);\n                    crossCards[index].appendChild(flipCardInner);\n\n                    \/\/ \u78ba\u4fdd\u5361\u724c\u521d\u59cb\u986f\u793a\u6b63\u9762\n                    crossCards[index].classList.remove('flipped');\n\n                    \/\/ \u6dfb\u52a0\u9ede\u64ca\u548c\u9375\u76e4\u4e8b\u4ef6\u4ee5\u7ffb\u8f49\u5361\u724c\u4e26\u986f\u793a\u8a73\u7d30\u4fe1\u606f\n                    crossCards[index].addEventListener('click', () => {\n                        crossCards[index].classList.toggle('flipped');\n                        showCardDetails(num);\n                    });\n                    crossCards[index].addEventListener('keypress', (e) => {\n                        if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault();\n                            crossCards[index].classList.toggle('flipped');\n                            showCardDetails(num);\n                        }\n                    });\n\n                    \/\/ \u6dfb\u52a0\u540d\u7a31\u5230\u53f3\u5074\n                    const nameDiv = document.createElement('div');\n                    nameDiv.classList.add('cross-name');\n                    nameDiv.textContent = translations[currentLanguage].cardNames[num] || `Card ${num}`;\n                    crossNamesContainer.appendChild(nameDiv);\n\n                    \/\/ \u986f\u793a\u5361\u724c\n                    crossCards[index].style.opacity = '1';\n                    crossCards[index].style.transform = 'scale(1)';\n                    crossCards[index].style.display = 'block';\n                });\n                crossLayout.style.display = 'flex';\n            }\n\n            \/\/ \u96b1\u85cf\u5341\u5b57\u5f62\u6392\u5217\u7684\u5361\u724c\u53ca\u540d\u7a31\n            function hideCrossLayout() {\n                crossCards.forEach(card => {\n                    card.style.opacity = '0';\n                    card.style.transform = 'scale(0.8)';\n                    card.style.display = 'none';\n                    card.dataset.cardNumber = '';\n                    \/\/ \u6e05\u7a7a\u5716\u7247\n                    card.innerHTML = '';\n                    \/\/ \u79fb\u9664 'flipped' \u985e\n                    card.classList.remove('flipped');\n                });\n                crossNamesContainer.innerHTML = ''; \/\/ \u6e05\u7a7a\u540d\u7a31\n                crossLayout.style.display = 'none';\n            }\n\n            \/\/ \u62bd\u724c\u4e26\u6392\u5217\u6210\u5341\u5b57\n            function drawCards() {\n                \/\/ \u6e05\u7a7a\u73fe\u6709\u7684\u5341\u5b57\u5e03\u5c40\n                hideCrossLayout();\n\n                \/\/ \u91cd\u65b0\u751f\u621032\u5f35\u5361\u724c\n                generateCards();\n\n                \/\/ \u96a8\u6a5f\u9078\u64c77\u5f35\u5361\u724c\n                const selected = getRandomCards();\n                displayCrossLayout(selected);\n\n                \/\/ \u96b1\u85cf32\u5f35\u5361\u724c\n                cardContainer.style.display = 'none';\n                drawBtn.textContent = translations[currentLanguage].resetBtn;\n            }\n\n            \/\/ \u986f\u793a\u5361\u724c\u8a73\u7d30\u4fe1\u606f\uff08\u6a21\u614b\u6846\uff09\n            function showCardDetails(cardNumber) {\n                modal.style.display = 'block';\n                modalTitle.textContent = `${translations[currentLanguage].modalTitle} - ${translations[currentLanguage].cardNames[cardNumber] || 'Card ' + cardNumber}`;\n                modalDescription.textContent = cardDescriptions[cardNumber][currentLanguage] || `${translations[currentLanguage].modalDescription} #${cardNumber}.`;\n            }\n\n            \/\/ \u95dc\u9589\u6a21\u614b\u6846\n            spanClose.onclick = function() {\n                modal.style.display = 'none';\n            }\n\n            \/\/ \u9ede\u64ca\u6a21\u614b\u6846\u5916\u90e8\u95dc\u9589\u6a21\u614b\u6846\n            window.onclick = function(event) {\n                if (event.target == modal) {\n                    modal.style.display = 'none';\n                }\n            }\n\n            \/\/ \u8a9e\u8a00\u5207\u63db\u51fd\u6578\n            function switchLanguage(lang) {\n                currentLanguage = lang;\n                \/\/ \u66f4\u65b0\u975c\u614b\u6587\u672c\n                document.getElementById('title').textContent = translations[lang].title;\n                drawBtn.textContent = crossLayout.style.display === 'flex' ? translations[lang].resetBtn : translations[lang].drawBtn;\n                modalTitle.textContent = translations[lang].modalTitle;\n                modalDescription.textContent = translations[lang].modalDescription;\n\n                \/\/ \u66f4\u65b0\u8a9e\u8a00\u6309\u9215\u7684\u6a23\u5f0f\n                if (lang === 'zh') {\n                    langZhBtn.classList.add('active');\n                    langEnBtn.classList.remove('active');\n                } else {\n                    langEnBtn.classList.add('active');\n                    langZhBtn.classList.remove('active');\n                }\n\n                \/\/ \u66f4\u65b0\u5341\u5b57\u5f62\u6392\u5217\u7684\u540d\u7a31\n                const currentSelectedCards = [];\n                for (let i = 0; i < 5; i++) {\n                    const cardNumber = crossCards[i].dataset.cardNumber;\n                    if (cardNumber) {\n                        currentSelectedCards.push(parseInt(cardNumber));\n                    }\n                }\n                if (currentSelectedCards.length === 5) {\n                    crossNamesContainer.innerHTML = '';\n                    currentSelectedCards.forEach(num => {\n                        const nameDiv = document.createElement('div');\n                        nameDiv.classList.add('cross-name');\n                        nameDiv.textContent = translations[currentLanguage].cardNames[num] || `Card ${num}`;\n                        crossNamesContainer.appendChild(nameDiv);\n                    });\n                }\n\n                \/\/ \u66f4\u65b0\u5361\u724c\u7684alt\u5c6c\u6027\u4ee5\u5339\u914d\u8a9e\u8a00\n                const allCards = document.querySelectorAll('.flip-card-front img');\n                allCards.forEach((img, index) => {\n                    const cardNum = index + 1;\n                    img.alt = `${translations[currentLanguage].cardNames[cardNum] || 'Card ' + cardNum} \u6b63\u9762`;\n                });\n            }\n\n            \/\/ \u8a9e\u8a00\u5207\u63db\u6309\u9215\u4e8b\u4ef6\n            langZhBtn.addEventListener('click', () => switchLanguage('zh'));\n            langEnBtn.addEventListener('click', () => switchLanguage('en'));\n\n            \/\/ \u62bd\u724c\u6309\u9215\u9ede\u64ca\u4e8b\u4ef6\n            drawBtn.addEventListener('click', () => {\n                if (crossLayout.style.display === 'flex') {\n                    \/\/ \u5982\u679c\u5df2\u7d93\u5728\u986f\u793a\u5341\u5b57\u5f62\uff0c\u5247\u91cd\u7f6e\u56de32\u5f35\u5361\u724c\n                    hideCrossLayout();\n                    generateCards();\n                    cardContainer.style.display = 'flex';\n                    drawBtn.textContent = translations[currentLanguage].drawBtn;\n                } else {\n                    \/\/ \u986f\u793a\u5341\u5b57\u5f62\u6392\u5217\u76845\u5f35\u5361\u724c\n                    drawCards();\n                }\n            });\n\n            \/\/ \u4f7f\u7528 Intersection Observer API \u9032\u884c\u5716\u7247\u61f6\u52a0\u8f09\n            const observerOptions = {\n                root: null,\n                rootMargin: '0px',\n                threshold: 0.1\n            };\n\n            const imageObserver = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        const img = entry.target;\n                        if (img.dataset.src) {\n                            img.src = img.dataset.src;\n                            img.removeAttribute('data-src');\n                        }\n                        observer.unobserve(img);\n                    }\n                });\n            }, observerOptions);\n\n            \/\/ \u521d\u59cb\u5316\u5361\u724c\u751f\u6210\n            function initializeCards() {\n                generateCards();\n                cardContainer.style.display = 'flex';\n            }\n\n            \/\/ \u521d\u59cb\u5316\u9801\u9762\n            initializeCards();\n        });\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u9748\u9b42\u8c61\u68cb\u5360\u535c(7\u5f35\u68cb~\u8a6e\u5366) \u5360\u535c\u6d41\u7a0b~ \u9078\u64c7\u9069\u5408\u74b0\u5883(\u7121\u4eba\u6253\u64fe)\u3002 \u975c\u4e0b\u5fc3\uff0c\u5fc3\u4e0d\u975c\u5247\u795e\u4e0d\u793a\u3002 \u9ed8\u5ff5\u81ea\u5df1\u7684\u59d3\u540d [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33995","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/pages\/33995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=33995"}],"version-history":[{"count":0,"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/pages\/33995\/revisions"}],"wp:attachment":[{"href":"https:\/\/naturesaltarofheaven.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=33995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}