{"id":1942,"date":"2026-04-27T11:11:14","date_gmt":"2026-04-27T03:11:14","guid":{"rendered":"https:\/\/c114133108.gowp.space\/?page_id=1942"},"modified":"2026-06-01T11:07:00","modified_gmt":"2026-06-01T03:07:00","slug":"transportation","status":"publish","type":"page","link":"https:\/\/c114133108.gowp.space\/en\/transportation\/","title":{"rendered":"Game"},"content":{"rendered":"\n<div id=\"restaurant-wheel-app\">\n    <!-- \u9802\u90e8\u8f49\u76e4\u5340\u57df -->\n    <div class=\"wheel-wrapper\">\n        <h2 class=\"wheel-title\">\ud83c\udf54 \u6b61\u6a02\u8f49\u76e4\u5927\u62bd\u734e \ud83c\udf4c<\/h2>\n        <div class=\"wheel-container\">\n            <div class=\"wheel-pointer\"><\/div>\n            <canvas id=\"wheelCanvas\" width=\"800\" height=\"800\"><\/canvas>\n        <\/div>\n        <button id=\"spinBtn\" class=\"spin-btn\">\u9ede\u6211\u62bd\u734e<\/button>\n    <\/div>\n\n    <!-- \u5206\u9694\u7dda -->\n    <div class=\"rwheel-divider\">\n        <span>\ud83c\udf81 \u734e\u9805\u6e05\u55ae\u8207\u8a73\u7d30\u8aaa\u660e \ud83c\udf81<\/span>\n    <\/div>\n\n    <!-- \u65b0\u589e\uff1a\u6f5b\u5728\u7522\u54c1\u8207\u6d3b\u52d5\u734e\u9805\u8a73\u60c5\u4ecb\u7d39\u5340 (3\u6b04\u6a6b\u5411) -->\n    <div class=\"prize-showcase-grid\">\n        <!-- \u734e\u9805 1 -->\n        <div class=\"prize-card\" data-prize-index=\"0\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_7re6zo7re6zo7re6.png\" alt=\"\u6574\u55ae 85 \u6298\u512a\u60e0\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u6574\u55ae 85 \u6298\u512a\u60e0<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n        <!-- \u734e\u9805 2 -->\n        <div class=\"prize-card\" data-prize-index=\"1\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_oa6rxsoa6rxsoa6r.png\" alt=\"\u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n        <!-- \u734e\u9805 3 -->\n        <div class=\"prize-card\" data-prize-index=\"2\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_9xcs6i9xcs6i9xcs.png\" alt=\"\u514d\u8cbb\u6b61\u6a02\u70b8\u85af\u689d\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u514d\u8cbb\u6b61\u6a02\u70b8\u85af\u689d<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n        <!-- \u734e\u9805 4 -->\n        <div class=\"prize-card\" data-prize-index=\"3\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_em5py5em5py5em5p.png\" alt=\"\u9298\u8b1d\u60e0\u9867\u4e0b\u6b21\u518d\u4f86\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u9298\u8b1d\u60e0\u9867\u4e0b\u6b21\u518d\u4f86<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n        <!-- \u734e\u9805 5 -->\n        <div class=\"prize-card\" data-prize-index=\"4\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_qir8aaqir8aaqir8.png\" alt=\"\u7d93\u5178\u8d77\u53f8\u6f22\u5821\u534a\u50f9\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u7d93\u5178\u8d77\u53f8\u6f22\u5821\u534a\u50f9<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n        <!-- \u734e\u9805 6 -->\n        <div class=\"prize-card\" data-prize-index=\"5\">\n            <div class=\"prize-card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_p0zj97p0zj97p0zj.png\" alt=\"\u514d\u8cbb\u7121\u9650\u66a2\u98f2\u6c7d\u6c34\">\n            <\/div>\n            <div class=\"prize-card-info\">\n                <h3>\u514d\u8cbb\u7121\u9650\u66a2\u98f2\u6c7d\u6c34<\/h3>\n                <button class=\"view-detail-btn\">\u67e5\u770b\u8a73\u60c5<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u62bd\u734e\u7d50\u679c\u5f48\u51fa\u8996\u7a97 -->\n    <div id=\"resultModal\" class=\"modal-overlay rwheel-hidden\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\ud83c\udf89 \u606d\u559c\uff01 \ud83c\udf89<\/div>\n            <div class=\"modal-body\">\n                \u4f60\u4e2d\u4e86 <br>\n                <span id=\"prizeResultText\" class=\"prize-text\"><\/span> \uff01\n                \n                <!-- \u5716\u7247\u986f\u793a\u5340\u584a -->\n                <div id=\"imageContainer\" class=\"image-container rwheel-hidden\">\n                    <img decoding=\"async\" id=\"prizeResultImage\" src=\"\" alt=\"\u734e\u54c1\u5716\u7247\" class=\"prize-image rwheel-hidden\">\n                    <div id=\"imageErrorMsg\" class=\"image-error-msg rwheel-hidden\">\n                        \u26a0\ufe0f <b>\u5716\u7247\u8f09\u5165\u4e2d&#8230;<\/b><br>\n                        <span class=\"error-small-text\">\u8acb\u78ba\u4fdd\u5716\u7247\u5df2\u6210\u529f\u4e0a\u50b3\u81f3 WordPress \u5a92\u9ad4\u5eab\u3002<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <button id=\"closeModalBtn\" class=\"modal-btn\">\u592a\u68d2\u4e86\uff0c\u78ba\u5b9a\uff01<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- \u7522\u54c1\u8a73\u60c5\u5c08\u7528\u5f48\u51fa\u8996\u7a97 -->\n    <div id=\"detailModal\" class=\"modal-overlay rwheel-hidden\">\n        <div class=\"modal-content\">\n            <div id=\"detailModalHeader\" class=\"modal-header\">\ud83c\udf81 \u734e\u9805\u4ecb\u7d39 \ud83c\udf81<\/div>\n            <div class=\"modal-body\">\n                <span id=\"detailPrizeTitle\" class=\"prize-text\"><\/span>\n                <div class=\"detail-image-container\">\n                    <img decoding=\"async\" id=\"detailPrizeImage\" src=\"\" alt=\"\u734e\u54c1\u8a73\u60c5\u5716\" class=\"prize-image\">\n                <\/div>\n                <p id=\"detailPrizeDesc\" class=\"detail-description-text\"><\/p>\n                <div class=\"detail-tc-box\">\n                    <h4>\ud83d\udccc \u514c\u63db\u898f\u5247\uff1a<\/h4>\n                    <ul id=\"detailPrizeTC\">\n                        <!-- \u898f\u5247\u52d5\u614b\u63d2\u5165 -->\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <button id=\"closeDetailModalBtn\" class=\"modal-btn\" style=\"background-color: #212121; box-shadow: 0 8px 0 #000;\">\u95dc\u9589\u4ecb\u7d39<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u9650\u5b9a\u7bc4\u570d\u7684 CSS\uff0c\u907f\u514d\u5f71\u97ff WordPress \u5176\u4ed6\u7248\u9762 *\/\n    #restaurant-wheel-app {\n        font-family: 'Helvetica Neue', Helvetica, Arial, \"\u5fae\u8edf\u6b63\u9ed1\u9ad4\", sans-serif;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 50px;\n        background-image: repeating-linear-gradient(45deg, #ffffff, #ffffff 30px, #f4f4f4 30px, #f4f4f4 60px);\n        border: 8px solid #D32F2F;\n        border-radius: 30px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.25);\n        max-width: 1200px; \/* \u5f9e 700px \u5de8\u5e45\u653e\u5927\u81f3 1200px\uff0c\u9069\u61c9 3x2 \u6392\u5217 *\/\n        margin: 0 auto;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .wheel-wrapper {\n        text-align: center;\n        width: 100%;\n    }\n\n    .wheel-title {\n        color: #D32F2F;\n        font-size: 48px; \/* \u5f9e 32px \u653e\u5927\u81f3 48px *\/\n        font-weight: bold;\n        margin-bottom: 35px;\n        text-shadow: 3px 3px 0px #FFC107;\n    }\n\n    .wheel-container {\n        position: relative;\n        width: 100%;\n        max-width: 750px; \/* \u8f49\u76e4\u5916\u6846\u6700\u5927\u5bec\u5ea6\u5f9e 550px \u653e\u5927\u81f3 750px *\/\n        margin: 0 auto;\n        aspect-ratio: 1 \/ 1;\n    }\n\n    \/* \u97ff\u61c9\u5f0f Canvas *\/\n    #wheelCanvas {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        box-shadow: 0 0 0 15px #212121, 0 20px 40px rgba(0,0,0,0.3);\n        transform: rotate(0deg); \n    }\n\n    \/* \u9802\u90e8\u6307\u6a19 *\/\n    .wheel-pointer {\n        position: absolute;\n        top: -30px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 0;\n        height: 0;\n        border-left: 35px solid transparent; \/* \u52a0\u5927\u6307\u6a19 *\/\n        border-right: 35px solid transparent;\n        border-top: 70px solid #212121; \n        z-index: 10;\n        filter: drop-shadow(0 8px 4px rgba(0,0,0,0.3));\n    }\n    .wheel-pointer::after {\n        content: '';\n        position: absolute;\n        top: -65px;\n        left: -24px;\n        border-left: 24px solid transparent;\n        border-right: 24px solid transparent;\n        border-top: 48px solid #FFC107;\n    }\n\n    .spin-btn {\n        margin-top: 50px;\n        background-color: #D32F2F;\n        color: white;\n        border: none;\n        padding: 24px 80px; \/* \u6309\u9215\u5de8\u5e45\u52a0\u5927 *\/\n        font-size: 36px; \/* \u6309\u9215\u5b57\u578b\u5f9e 26px \u653e\u5927\u81f3 36px *\/\n        font-weight: bold;\n        border-radius: 80px;\n        cursor: pointer;\n        box-shadow: 0 10px 0 #9A0007, 0 15px 25px rgba(0,0,0,0.25);\n        transition: all 0.1s;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n    }\n\n    .spin-btn:hover {\n        background-color: #F44336;\n    }\n\n    .spin-btn:active, .spin-btn.disabled {\n        box-shadow: 0 4px 0 #9A0007, 0 8px 8px rgba(0,0,0,0.2);\n        transform: translateY(6px);\n    }\n    \n    .spin-btn.disabled {\n        background-color: #9e9e9e;\n        box-shadow: 0 10px 0 #616161;\n        cursor: not-allowed;\n    }\n\n    \/* \u5206\u9694\u7dda\u6a23\u5f0f *\/\n    .rwheel-divider {\n        width: 100%;\n        text-align: center;\n        border-bottom: 4px dashed #D32F2F;\n        line-height: 0.1em;\n        margin: 70px 0 50px;\n    }\n\n    .rwheel-divider span {\n        background: #fff;\n        padding: 0 30px;\n        color: #D32F2F;\n        font-size: 32px; \/* \u5206\u9694\u7dda\u6587\u5b57\u5f9e 22px \u653e\u5927\u81f3 32px *\/\n        font-weight: bold;\n        text-shadow: 2px 2px 0px #FFC107;\n    }\n\n    \/* \u734e\u54c1\u8a73\u60c5\u5c55\u793a\u5340\u7db2\u683c\uff1a\u6539\u70ba 3x2 \u4f48\u5c40 *\/\n    .prize-showcase-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \/* \u5f37\u5236\u8a2d\u5b9a\u70ba 3 \u6b04 *\/\n        gap: 30px;\n        width: 100%;\n        max-width: 1100px;\n        margin-top: 15px;\n    }\n\n    \/* \u97ff\u61c9\u5f0f\u8655\u7406\uff0c\u7576\u87a2\u5e55\u592a\u5c0f\u6642\u624d\u6539\u56de 2 \u6b04\u6216 1 \u6b04 *\/\n    @media (max-width: 900px) {\n        .prize-showcase-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    @media (max-width: 600px) {\n        .prize-showcase-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .prize-card {\n        background-color: #ffffff;\n        border: 4px solid #212121;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 6px 6px 0px #212121;\n        transition: transform 0.2s, box-shadow 0.2s;\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .prize-card:hover {\n        transform: translate(-3px, -3px);\n        box-shadow: 9px 9px 0px #212121;\n    }\n\n    .prize-card-img-wrap {\n        width: 100%;\n        height: 220px; \/* \u5716\u7247\u5340\u9ad8\u5ea6\u5f9e 140px \u653e\u5927\u81f3 220px *\/\n        overflow: hidden;\n        border-bottom: 4px solid #212121;\n        background-color: #fff;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .prize-card-img-wrap img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n        transition: transform 0.3s;\n    }\n\n    .prize-card:hover .prize-card-img-wrap img {\n        transform: scale(1.08);\n    }\n\n    .prize-card-info {\n        padding: 20px;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-grow: 1;\n    }\n\n    .prize-card-info h3 {\n        font-size: 24px; \/* \u5361\u7247\u6a19\u984c\u5f9e 18px \u653e\u5927\u81f3 24px *\/\n        color: #212121;\n        margin: 0 0 15px 0;\n        font-weight: bold;\n    }\n\n    .view-detail-btn {\n        background-color: #FFC107;\n        color: #212121;\n        border: 3px solid #212121;\n        border-radius: 8px;\n        padding: 10px 20px;\n        font-weight: bold;\n        font-size: 18px; \/* \u6309\u9215\u6587\u5b57\u5f9e 14px \u653e\u5927\u81f3 18px *\/\n        cursor: pointer;\n        box-shadow: 3px 3px 0px #212121;\n        transition: all 0.1s;\n    }\n\n    .prize-card:hover .view-detail-btn {\n        background-color: #FFD54F;\n    }\n\n    \/* \u5f48\u51fa\u8996\u7a97 CSS *\/\n    .modal-overlay {\n        position: fixed; \/* \u4fee\u6539\u70ba fixed \u8b93\u5927\u8996\u7a97\u80fd\u5728\u756b\u9762\u4e2d\u7f6e\u4e2d\u4e0d\u52d5 *\/\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.8);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 9999;\n        opacity: 1;\n        transition: opacity 0.3s ease;\n    }\n\n    .modal-overlay.rwheel-hidden {\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .modal-content {\n        background-color: white;\n        padding: 50px; \/* \u5167\u908a\u8ddd\u52a0\u5927 *\/\n        border-radius: 25px;\n        text-align: center;\n        box-shadow: 0 20px 60px rgba(0,0,0,0.6);\n        border: 8px solid #FFC107;\n        transform: scale(1);\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        max-width: 90%;\n        width: 650px; \/* \u8996\u7a97\u5bec\u5ea6\u5f9e 420px \u653e\u5927\u81f3 650px *\/\n        max-height: 90vh;\n        overflow-y: auto;\n    }\n\n    .modal-overlay.rwheel-hidden .modal-content {\n        transform: scale(0.8);\n    }\n\n    .modal-header {\n        font-size: 42px; \/* \u5f9e 28px \u653e\u5927\u81f3 42px *\/\n        color: #D32F2F;\n        font-weight: bold;\n        margin-bottom: 20px;\n    }\n\n    .modal-body {\n        font-size: 28px; \/* \u5167\u6587\u5f9e 22px \u653e\u5927\u81f3 28px *\/\n        color: #333;\n        line-height: 1.6;\n        margin-bottom: 30px;\n    }\n\n    .prize-text {\n        display: inline-block;\n        font-size: 42px; \/* \u734e\u9805\u540d\u7a31\u5f9e 28px \u653e\u5927\u81f3 42px *\/\n        color: #D32F2F;\n        font-weight: 900;\n        margin-top: 15px;\n        background-color: #FFF9C4;\n        padding: 12px 30px;\n        border-radius: 12px;\n        border: 4px dashed #D32F2F;\n    }\n\n    \/* \u5716\u7247\u5bb9\u5668\u8207\u6a23\u5f0f *\/\n    .image-container, .detail-image-container {\n        margin-top: 30px;\n        width: 100%;\n        height: 350px; \/* \u5f48\u7a97\u5167\u5716\u7247\u9ad8\u5ea6\u5f9e 240px \u653e\u5927\u81f3 350px *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n\n    .image-container.rwheel-hidden {\n        display: none !important;\n    }\n\n    .prize-image {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n        border-radius: 16px;\n        box-shadow: 0 8px 16px rgba(0,0,0,0.2);\n        display: block;\n        border: 4px solid #eee;\n        background-color: #fff;\n    }\n\n    .prize-image.rwheel-hidden {\n        display: none !important;\n    }\n\n    \/* \u8a73\u60c5\u63cf\u8ff0\u5b57\u578b *\/\n    .detail-description-text {\n        font-size: 22px; \/* \u6558\u8ff0\u5b57\u9ad4\u5f9e 16px \u653e\u5927\u81f3 22px *\/\n        color: #555;\n        margin: 25px 0 20px;\n        text-align: left;\n        line-height: 1.6;\n    }\n\n    \/* \u514c\u63db\u689d\u6b3e\u8207\u689d\u4ef6\u5c0f\u76d2\u5b50 *\/\n    .detail-tc-box {\n        background-color: #FFFDE7;\n        border: 3px solid #FFD54F;\n        border-radius: 12px;\n        padding: 20px;\n        text-align: left;\n        margin-bottom: 30px;\n    }\n\n    .detail-tc-box h4 {\n        margin: 0 0 10px 0;\n        color: #d32f2f;\n        font-size: 22px; \/* \u5f9e 16px \u653e\u5927\u81f3 22px *\/\n        font-weight: bold;\n    }\n\n    .detail-tc-box ul {\n        margin: 0;\n        padding-left: 25px;\n        font-size: 18px; \/* \u5f9e 14px \u653e\u5927\u81f3 18px *\/\n        color: #616161;\n        line-height: 1.6;\n    }\n\n    .image-error-msg {\n        background-color: #f5f5f5;\n        border: 3px dashed #ccc;\n        border-radius: 12px;\n        padding: 20px;\n        color: #d32f2f;\n        font-size: 18px;\n        line-height: 1.5;\n        max-width: 90%;\n    }\n\n    .image-error-msg.rwheel-hidden {\n        display: none !important;\n    }\n\n    .error-small-text {\n        font-size: 14px;\n        color: #666;\n        display: block;\n        margin-top: 8px;\n    }\n\n    .modal-btn {\n        background-color: #4CAF50;\n        color: white;\n        border: none;\n        padding: 18px 45px; \/* \u6309\u9215\u653e\u5927 *\/\n        font-size: 24px; \/* \u5b57\u578b\u653e\u5927 *\/\n        font-weight: bold;\n        border-radius: 12px;\n        cursor: pointer;\n        box-shadow: 0 8px 0 #388E3C;\n        transition: all 0.1s;\n    }\n\n    .modal-btn:active {\n        box-shadow: 0 0 0 #388E3C;\n        transform: translateY(8px);\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const canvas = document.getElementById(\"wheelCanvas\");\n    const ctx = canvas.getContext(\"2d\");\n    const spinBtn = document.getElementById(\"spinBtn\");\n    const resultModal = document.getElementById(\"resultModal\");\n    const prizeResultText = document.getElementById(\"prizeResultText\");\n    \n    const imageContainer = document.getElementById(\"imageContainer\");\n    const prizeResultImage = document.getElementById(\"prizeResultImage\");\n    const imageErrorMsg = document.getElementById(\"imageErrorMsg\");\n    const closeModalBtn = document.getElementById(\"closeModalBtn\");\n\n    \/\/ \u8a73\u60c5\u8996\u7a97 DOM \u5143\u7d20\n    const detailModal = document.getElementById(\"detailModal\");\n    const detailPrizeTitle = document.getElementById(\"detailPrizeTitle\");\n    const detailPrizeImage = document.getElementById(\"detailPrizeImage\");\n    const detailPrizeDesc = document.getElementById(\"detailPrizeDesc\");\n    const detailPrizeTC = document.getElementById(\"detailPrizeTC\");\n    const closeDetailModalBtn = document.getElementById(\"closeDetailModalBtn\");\n\n    \/\/ \u5305\u542b\u5b8c\u6574 WordPress \u5716\u7247\u8def\u5f91\u7684\u6b63\u78ba\u6620\u5c04\u6578\u64da\u53ca\u8a73\u60c5\u4ecb\u7d39\n    const prizeData = [\n        { \n            text: \"\u6574\u55ae 85 \u6298\u512a\u60e0\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_7re6zo7re6zo7re6.png\",\n            desc: \"\u606d\u559c\u60a8\u62bd\u4e2d\u8d85\u7d1a\u5be6\u7528\u7684\u300c\u6574\u55ae 85 \u6298\u512a\u60e0\u5238\u300d\uff01\u9019\u7d55\u5c0d\u662f\u5e97\u5167\u5927\u5feb\u6735\u9824\u7684\u6700\u597d\u6642\u6a5f\uff0c\u7121\u8ad6\u662f\u9ede\u7206\u6c41\u5927\u6f22\u5821\u3001\u72c2\u55d1\u70b8\u8106\u85af\u9084\u662f\u66a2\u98f2\u6c7d\u6c34\uff0c\u901a\u901a\u7acb\u6298 15%\uff01\",\n            tc: [\n                \"\u672c\u5238\u53ef\u65bc\u5e97\u5167\u5167\u7528\u6d88\u8cbb\u5168\u55ae\u54c1\u9805\u4f7f\u7528\uff08\u9152\u7cbe\u98f2\u6599\u9664\u5916\uff09\u3002\",\n                \"\u7d50\u5e33\u524d\u5fc5\u9808\u5411\u5e97\u54e1\u51fa\u793a\u6b64\u4e2d\u734e\u756b\u9762\u6838\u92b7\u3002\",\n                \"\u6bcf\u6b21\u6d88\u8cbb\u9650\u4f7f\u7528\u4e00\u5f35\u512a\u60e0\u5238\uff0c\u4e0d\u53ef\u8207\u5176\u4ed6\u6298\u6263\u6d3b\u52d5\u4f75\u7528\u3002\",\n                \"\u4f7f\u7528\u671f\u9650\uff1a\u81ea\u62bd\u4e2d\u7576\u65e5\u8d77 30 \u5929\u5167\u6709\u6548\u3002\"\n            ]\n        },\n        { \n            text: \"\u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_oa6rxsoa6rxsoa6r.png\",\n            desc: \"\u60a8\u62bd\u4e2d\u4e86\u5e97\u5167\u8d85\u7d1a\u660e\u661f\u8d08\u54c1\u300c\u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03\u300d\uff01\u9019\u96bb\u9577\u9054\u4e00\u7c73\u3001\u8d85\u67d4\u8edf\u7121\u6bd4\u7684\u7642\u7652\u5927\u5a03\u5a03\u7d55\u5c0d\u662f\u6c99\u767c\u3001\u5e8a\u982d\u4e0a\u7684\u6700\u4f73\u826f\u4f34\uff0c\u4eba\u898b\u4eba\u611b\uff01\",\n            tc: [\n                \"\u4e2d\u734e\u5f8c\u8acb\u7acb\u5373\u51fa\u793a\u4e2d\u734e\u756b\u9762\u7d66\u6ac3\u6aaf\u670d\u52d9\u4eba\u54e1\u767b\u8a18\u3002\",\n                \"\u8acb\u65bc\u73fe\u5834\u76f4\u63a5\u9818\u53d6\uff0c\u4e0d\u63d0\u4f9b\u4e8b\u5f8c\u5b85\u914d\u6216\u88dc\u5bc4\u670d\u52d9\u3002\",\n                \"\u5a03\u5a03\u6b3e\u5f0f\u8207\u8272\u6fa4\u4ee5\u73fe\u5834\u5be6\u7269\u70ba\u6e96\uff0c\u6578\u91cf\u6709\u9650\u63db\u5b8c\u70ba\u6b62\u3002\",\n                \"\u6b64\u8d08\u54c1\u4e0d\u63d0\u4f9b\u9000\u63db\u8ca8\u3001\u4ea6\u4e0d\u53ef\u514c\u63db\u7b49\u503c\u73fe\u91d1\u3002\"\n            ]\n        },\n        { \n            text: \"\u514d\u8cbb\u6b61\u6a02\u70b8\u85af\u689d\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_9xcs6i9xcs6i9xcs.png\",\n            desc: \"\u9165\u8106\u91d1\u9ec3\u3001\u9999\u6c23\u8a98\u4eba\uff01\u73fe\u9ede\u73fe\u70b8\u3001\u5e36\u6709\u4e9b\u8a31\u9ed1\u80e1\u6912\u9e7d\u9999\u5473\u7684\u7f8e\u5f0f\u7d93\u5178\u70b8\u8106\u85af\uff0c\u662f\u6bcf\u5f35\u684c\u4e0a\u5fc5\u5099\u7684\u8d85\u7d1a\u958b\u80c3\u9ede\u5fc3\uff01\",\n            tc: [\n                \"\u9650\u5167\u7528\u6d88\u8cbb\u4efb\u610f\u4e3b\u9910\uff08\u5982\u6f22\u5821\u3001\u6392\u9910\u7b49\uff09\u5373\u53ef\u514d\u8cbb\u514c\u63db\u4e00\u76e4\u3002\",\n                \"\u672c\u5238\u4e0d\u53ef\u76f4\u63a5\u6298\u62b5\u73fe\u91d1\uff0c\u4ea6\u4e0d\u80fd\u8207\u5176\u4ed6\u6298\u6263\u512a\u60e0\u5171\u540c\u4f7f\u7528\u3002\",\n                \"\u7d50\u5e33\u6642\u8acb\u4e3b\u52d5\u51fa\u793a\u6b64\u4e2d\u734e\u756b\u9762\u9032\u884c\u6838\u92b7\u8207\u514c\u63db\u3002\",\n                \"\u6709\u6548\u671f\u9650\uff1a\u62bd\u4e2d\u5f8c 14 \u5929\u5167\u5230\u5e97\u5167\u7528\u6709\u6548\u3002\"\n            ]\n        },\n        { \n            text: \"\u9298\u8b1d\u60e0\u9867\u4e0b\u6b21\u518d\u4f86\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_em5py5em5py5em5p.png\",\n            desc: \"\u5dee\u4e00\u9ede\u9ede\u5c31\u4e2d\u734e\u4e86\uff01\u597d\u904b\u6b63\u5728\u8def\u4e0a\u5462\uff0c\u5225\u6c23\u9912\uff0c\u5feb\u6309\u4e0b\u4e0a\u65b9\u7684\u300c\u518d\u62bd\u4e00\u6b21\u300d\u91cd\u65b0\u8f49\u52d5\u8f49\u76e4\uff0c\u9999\u8549\u5a03\u5a03\u8207\u6f22\u5821\u5927\u734e\u5728\u7b49\u8457\u60a8\uff01\",\n            tc: [\n                \"\u672c\u9805\u672a\u4e2d\u734e\uff0c\u7121\u63d0\u4f9b\u5be6\u7269\u6216\u6298\u6263\u514c\u63db\u3002\",\n                \"\u60a8\u53ef\u4ee5\u96a8\u6642\u518d\u6b21\u514d\u8cbb\u9ede\u64ca\u62bd\u734e\u6309\u9215\uff0c\u6b21\u6578\u4e0d\u9650\uff01\",\n                \"\u795d\u60a8\u4e0b\u4e00\u6b21\u65cb\u8f49\u597d\u904b\u7206\u68da\uff01\"\n            ]\n        },\n        { \n            text: \"\u7d93\u5178\u8d77\u53f8\u6f22\u5821\u534a\u50f9\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_qir8aaqir8aaqir8.png\",\n            desc: \"\u4e3b\u5eda\u63a8\u85a6\uff01\u539a\u5be6\u98fd\u6eff\u7684\u73fe\u714e\u706b\u70e4\u725b\u8089\u9905\uff0c\u92ea\u4e0a\u4e00\u5c64\u878d\u5316\u7684\u9ec3\u91d1\u5207\u9054\u8d77\u53f8\u3001\u9178\u9ec3\u74dc\u3001\u6d0b\u8525\u8207\u7279\u8abf\u7f8e\u5f0f\u6f22\u5821\u91ac\uff0c\u6fc3\u90c1\u8089\u9999\u4ee4\u4eba\u4e00\u5403\u96e3\u5fd8\uff0c\u73fe\u5728\u76f4\u63a5\u300c\u534a\u50f9\u300d\uff01\",\n            tc: [\n                \"\u6191\u6b64\u5238\u5230\u5e97\u5167\u7528\u6d88\u8cbb\uff0c\u53ef\u4eab\u300c\u7d93\u5178\u8d77\u53f8\u6f22\u5821\uff08\u55ae\u9ede\uff09\u300d\u534a\u50f9\u512a\u60e0\u4e59\u6b21\u3002\",\n                \"\u4e0d\u53ef\u76f4\u63a5\u6298\u62b5\u5176\u4ed6\u54c1\u9805\u6216\u5957\u88dd\u5347\u7d1a\u8cbb\u7528\u3002\",\n                \"\u9ede\u9910\u524d\u8acb\u5148\u544a\u77e5\u670d\u52d9\u54e1\uff0c\u7d50\u5e33\u6642\u51fa\u793a\u672c\u4e2d\u734e\u756b\u9762\u5b8c\u6210\u6838\u92b7\u3002\",\n                \"\u6709\u6548\u671f\u9650\uff1a\u62bd\u4e2d\u7576\u65e5\u8d77\u8a08 15 \u5929\u5167\u5230\u5e97\u4f7f\u7528\u3002\"\n            ]\n        },\n        { \n            text: \"\u514d\u8cbb\u7121\u9650\u66a2\u98f2\u6c7d\u6c34\", \n            img: \"https:\/\/c114133108.gowp.space\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_p0zj97p0zj97p0zj.png\",\n            desc: \"\u6c23\u6ce1\u98fd\u6eff\u3001\u51b0\u6dbc\u66a2\u5feb\uff01\u70ba\u60a8\u5e36\u4f86\u7f8e\u5f0f\u6d3e\u5c0d\u7684\u6975\u81f4\u723d\u611f\u3002\u5230\u5e97\u5167\u7528\u76f4\u63a5\u66a2\u5feb\u559d\u5230\u98fd\uff0c\u53ef\u96a8\u610f\u5207\u63db\u53ef\u6a02\u3001\u96ea\u78a7\u3001\u82ac\u9054\u7b49\u591a\u7a2e\u53e3\u5473\uff01\",\n            tc: [\n                \"\u9650\u5230\u5e97\u5167\u7528\u6d88\u8cbb\u4efb\u610f\u4e3b\u9910\u6216\u70b8\u7269\uff0c\u5373\u53ef\u514d\u8cbb\u5347\u7d1a\u70ba\u7121\u9650\u66a2\u98f2\u51b7\u98f2\u676f\u4e59\u500b\u3002\",\n                \"\u50c5\u9650\u500b\u4eba\u5167\u7528\u66a2\u98f2\u4f7f\u7528\uff0c\u4e0d\u53ef\u8207\u4ed6\u4eba\u5171\u7528\u540c\u4e00\u500b\u676f\u5b50\u3002\",\n                \"\u7d50\u5e33\u524d\u51fa\u793a\u4e2d\u734e\u756b\u9762\u5373\u53ef\u9032\u884c\u6b64\u6d3b\u52d5\u514c\u63db\u3002\",\n                \"\u6709\u6548\u671f\u9650\uff1a\u62bd\u4e2d\u5f8c 30 \u5929\u5167\u55ae\u6b21\u4f7f\u7528\u6709\u6548\u3002\"\n            ]\n        }\n    ];\n\n    const prizes = prizeData.map(p => p.text);\n\n    const colors = [\"#D32F2F\", \"#FFC107\", \"#D32F2F\", \"#FFC107\", \"#D32F2F\", \"#FFC107\"];\n    const textColors = [\"#FFFFFF\", \"#212121\", \"#FFFFFF\", \"#212121\", \"#FFFFFF\", \"#212121\"];\n\n    const numSlices = prizes.length;\n    const sliceAngle = (2 * Math.PI) \/ numSlices;\n    \n    let currentAngle = 0; \n    let isSpinning = false;\n    let animationId;\n\n    \/\/ \u7d81\u5b9a\u4e0b\u65b9\u5361\u7247\u9ede\u64ca\u300c\u67e5\u770b\u8a73\u60c5\u300d\u7684\u4e8b\u4ef6\n    document.querySelectorAll('.prize-card').forEach(card => {\n        card.addEventListener('click', function() {\n            const index = parseInt(this.getAttribute('data-prize-index'));\n            openPrizeDetail(index);\n        });\n    });\n\n    \/\/ \u6253\u958b\u7522\u54c1\/\u734e\u9805\u8a73\u60c5 Modal \u908f\u8f2f\n    function openPrizeDetail(index) {\n        const data = prizeData[index];\n        detailPrizeTitle.innerText = data.text;\n        detailPrizeImage.src = data.img;\n        detailPrizeDesc.innerText = data.desc;\n\n        \/\/ \u52d5\u614b\u751f\u6210\u514c\u63db\u898f\u5247\n        detailPrizeTC.innerHTML = \"\";\n        data.tc.forEach(rule => {\n            const li = document.createElement(\"li\");\n            li.innerText = rule;\n            detailPrizeTC.appendChild(li);\n        });\n\n        \/\/ \u986f\u793a\u8a73\u60c5\u5f48\u7a97\n        detailModal.classList.remove(\"rwheel-hidden\");\n    }\n\n    \/\/ \u95dc\u9589\u8a73\u60c5\u5f48\u7a97\n    closeDetailModalBtn.addEventListener(\"click\", () => {\n        detailModal.classList.add(\"rwheel-hidden\");\n    });\n\n    function drawWheel() {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n        const centerX = canvas.width \/ 2;\n        const centerY = canvas.height \/ 2;\n        const radius = Math.min(centerX, centerY);\n\n        for (let i = 0; i < numSlices; i++) {\n            const startAngle = currentAngle + i * sliceAngle;\n            const endAngle = startAngle + sliceAngle;\n\n            ctx.beginPath();\n            ctx.moveTo(centerX, centerY);\n            ctx.arc(centerX, centerY, radius, startAngle, endAngle);\n            ctx.fillStyle = colors[i];\n            ctx.fill();\n            \n            ctx.lineWidth = 2;\n            ctx.strokeStyle = \"#FFFFFF\";\n            ctx.stroke();\n\n            ctx.save();\n            ctx.translate(centerX, centerY);\n            ctx.rotate(startAngle + sliceAngle \/ 2);\n            ctx.textAlign = \"right\";\n            ctx.textBaseline = \"middle\";\n            ctx.fillStyle = textColors[i];\n            \/\/ \u8f49\u76e4\u4e0a\u7684\u6587\u5b57\u5b57\u578b\u9032\u4e00\u6b65\u653e\u5927\u81f3 36px\n            ctx.font = \"bold 36px '\u5fae\u8edf\u6b63\u9ed1\u9ad4', sans-serif\";\n            \n            \/\/ \u914d\u5408\u5b57\u9ad4\u518d\u6b21\u653e\u5927\uff0c\u5fae\u8abf\u6587\u5b57\u5f80\u5916\u63a8\u79fb\u7684\u8ddd\u96e2\n            ctx.fillText(prizes[i], radius - 50, 0);\n            ctx.restore();\n        }\n        \n        \/\/ \u8f49\u76e4\u4e2d\u9593\u7684\u91d1\u5c6c\u88dd\u98fe\u5713\u5708\u653e\u5927\n        ctx.beginPath();\n        ctx.arc(centerX, centerY, 45, 0, 2 * Math.PI);\n        ctx.fillStyle = \"#212121\";\n        ctx.fill();\n        ctx.lineWidth = 5;\n        ctx.strokeStyle = \"#FFFFFF\";\n        ctx.stroke();\n    }\n\n    let spinVelocity = 0;\n    const friction = 0.985; \n\n    function animate() {\n        currentAngle += spinVelocity;\n        spinVelocity *= friction;\n        drawWheel();\n\n        if (spinVelocity > 0.003) {\n            animationId = requestAnimationFrame(animate);\n        } else {\n            isSpinning = false;\n            spinBtn.classList.remove(\"disabled\");\n            spinBtn.innerText = \"\u518d\u62bd\u4e00\u6b21\";\n            calculateWinner();\n        }\n    }\n\n    function calculateWinner() {\n        const pointerAngle = 1.5 * Math.PI;\n        const normalizedWheelAngle = currentAngle % (2 * Math.PI);\n        let offsetAngle = (pointerAngle - normalizedWheelAngle + 2 * Math.PI) % (2 * Math.PI);\n        \n        const winningIndex = Math.floor(offsetAngle \/ sliceAngle);\n        const wonPrize = prizes[winningIndex];\n        const wonImageName = prizeData[winningIndex].img;\n\n        setTimeout(() => {\n            prizeResultText.innerText = wonPrize;\n            imageContainer.classList.remove(\"rwheel-hidden\");\n            \n            prizeResultImage.classList.add(\"rwheel-hidden\");\n            imageErrorMsg.classList.remove(\"rwheel-hidden\");\n\n            prizeResultImage.onload = function() {\n                prizeResultImage.classList.remove(\"rwheel-hidden\");\n                imageErrorMsg.classList.add(\"rwheel-hidden\");\n            };\n\n            prizeResultImage.onerror = function() {\n                console.log(\"\u7121\u6cd5\u52a0\u8f09\u5716\u7247\uff1a\" + wonImageName);\n            };\n\n            prizeResultImage.src = wonImageName;\n            resultModal.classList.remove(\"rwheel-hidden\");\n        }, 300);\n    }\n\n    spinBtn.addEventListener(\"click\", () => {\n        if (isSpinning) return;\n        \n        isSpinning = true;\n        spinBtn.classList.add(\"disabled\");\n        spinBtn.innerText = \"\u8f49\u52d5\u4e2d...\";\n        \n        spinVelocity = Math.random() * 0.2 + 0.4;\n        \n        if(animationId) cancelAnimationFrame(animationId);\n        animate();\n    });\n\n    closeModalBtn.addEventListener(\"click\", () => {\n        resultModal.classList.add(\"rwheel-hidden\");\n    });\n\n    drawWheel();\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf54 \u6b61\u6a02\u8f49\u76e4\u5927\u62bd\u734e \ud83c\udf4c \u9ede\u6211\u62bd\u734e \ud83c\udf81 \u734e\u9805\u6e05\u55ae\u8207\u8a73\u7d30\u8aaa\u660e \ud83c\udf81 \u6574\u55ae 85 \u6298\u512a\u60e0 \u67e5\u770b\u8a73\u60c5 \u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1942","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"etfrtb_logo":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/c114133108.gowp.space\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\ud83c\udf54 \u6b61\u6a02\u8f49\u76e4\u5927\u62bd\u734e \ud83c\udf4c \u9ede\u6211\u62bd\u734e \ud83c\udf81 \u734e\u9805\u6e05\u55ae\u8207\u8a73\u7d30\u8aaa\u660e \ud83c\udf81 \u6574\u55ae 85 \u6298\u512a\u60e0 \u67e5\u770b\u8a73\u60c5 \u5de8\u7121\u9738\u5927\u9999\u8549\u5a03\u5a03 &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/pages\/1942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/comments?post=1942"}],"version-history":[{"count":15,"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/pages\/1942\/revisions"}],"predecessor-version":[{"id":2151,"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/pages\/1942\/revisions\/2151"}],"wp:attachment":[{"href":"https:\/\/c114133108.gowp.space\/en\/wp-json\/wp\/v2\/media?parent=1942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}