\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket<\/title>\r\n<style>\r\n :root{ --coin-size:180px; }\r\n body{\r\n font-family:\"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif;\r\n background:linear-gradient(180deg,#fff7e0,#ffffff);\r\n text-align:center; margin:0; padding:40px 20px; color:#333;\r\n }\r\n .box{\r\n max-width:460px;margin:0 auto;background:#fff;padding:24px;border-radius:20px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.08);\r\n }\r\n h1{ color:#2563eb; margin:.2rem 0 .4rem 0; }\r\n p.lead{ color:#666; margin:.2rem 0 1rem 0; }\r\n\r\n .coin{\r\n width:var(--coin-size); height:var(--coin-size); margin:22px auto; position:relative;\r\n border-radius:50%; background:radial-gradient(circle at 30% 30%, #fcd34d, #f59e0b);\r\n box-shadow:inset 0 0 12px rgba(0,0,0,.15);\r\n display:grid; place-items:center; perspective:1000px; overflow:hidden;\r\n }\r\n .coin.spin{ animation:flip3D .85s ease; }\r\n @keyframes flip3D{\r\n 0%{ transform:rotateY(0) scale(1); }\r\n 40%{ transform:rotateY(180deg) scale(1.18); }\r\n 80%{ transform:rotateY(320deg) scale(.96); }\r\n 100%{ transform:rotateY(360deg) scale(1); }\r\n }\r\n\r\n .coin img{\r\n width:100%; height:100%; object-fit:cover; display:block; user-select:none; pointer-events:none;\r\n }\r\n .label{\r\n position:absolute; inset:auto 0 10px 0; text-align:center; font-weight:800;\r\n color:#ffffff; text-shadow:0 1px 2px rgba(0,0,0,.45); font-size:1.25rem;\r\n }\r\n\r\n .controls{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:10px; }\r\n button{\r\n padding:12px 28px; border:none; border-radius:12px; background:#2563eb; color:#fff; cursor:pointer;\r\n }\r\n button:hover{ background:#1d4ed8; }\r\n .toggle{\r\n display:flex; gap:8px; align-items:center; justify-content:center; color:#666; margin-top:10px;\r\n }\r\n .toggle input{ transform:scale(1.15); }\r\n\r\n .result{ margin-top:12px; font-weight:700; color:#e11d48; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"box\">\r\n <h1>\u96a8\u7de3\u786c\u5e63\ud83e\ude99<\/h1>\r\n \r\n <div id=\"coin\" class=\"coin\">\r\n <img decoding=\"async\" id=\"coinImg\" alt=\"coin face\" src=\"\" \/>\r\n <div id=\"overlayLabel\" class=\"label\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"controls\">\r\n <button onclick=\"flipCoin()\">\u64f2\u516c\u5b57\uff01<\/button>\r\n <\/div>\r\n\r\n <label class=\"toggle\">\r\n <input type=\"checkbox\" id=\"soundToggle\" checked> \u958b\u555f\u8072\u6548\r\n <\/label>\r\n <div class=\"result\" id=\"resultText\">\u6309\u4e0b\u958b\u59cb\uff01<\/div>\r\n<\/div>\r\n\r\n<audio id=\"coinSound\"><\/audio>\r\n\r\n<script>\r\n\/* ====== \u81ea\u8a02\u8a2d\u5b9a\uff08\u628a\u4ee5\u4e0b\u63db\u6210\u4f60\u7684\u6a94\u6848 URL \/ \u53c3\u6578\uff09====== *\/\r\nconst SETTINGS = {\r\n HEAD_IMG: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/heads.png.png\", \/\/ \u786c\u5e63\u300c\u516c\u300d\u9762\u5716\r\n TAIL_IMG: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/tails.png.png\", \/\/ \u786c\u5e63\u300c\u5b57\u300d\u9762\u5716\r\n SOUND_URL: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/coin-flip.mp3.mp3\", \/\/ \u8072\u97f3\u6a94\r\n COIN_SIZE_PX: 200, \/\/ \u786c\u5e63\u76f4\u5f91\uff08\u50cf\u7d20\uff09\r\n SHOW_LABEL: true, \/\/ \u662f\u5426\u5728\u5716\u7247\u4e0a\u758a\u52a0\u300c\u516c\/\u5b57\u300d\u6587\u5b57\r\n LABEL_HEAD: \"\u516c\", \/\/ \u516c\u5b57\u6a19\u7c64\r\n LABEL_TAIL: \"\u5b57\" \/\/ \u5b57\u6a19\u7c64\r\n};\r\n\/* ======================================================== *\/\r\n\r\nconst coin = document.getElementById('coin');\r\nconst img = document.getElementById('coinImg');\r\nconst label= document.getElementById('overlayLabel');\r\nconst resultText = document.getElementById('resultText');\r\nconst sound = document.getElementById('coinSound');\r\nconst soundToggle = document.getElementById('soundToggle');\r\n\r\n\/\/ \u5957\u7528\u5c3a\u5bf8\u8207\u521d\u59cb\u5716\r\ndocument.documentElement.style.setProperty('--coin-size', SETTINGS.COIN_SIZE_PX + 'px');\r\nimg.src = SETTINGS.HEAD_IMG; \/\/ \u521d\u59cb\u986f\u793a\u516c\u9762\r\nsound.src = SETTINGS.SOUND_URL;\r\nlabel.style.display = SETTINGS.SHOW_LABEL ? 'block' : 'none';\r\nlabel.textContent = SETTINGS.LABEL_HEAD;\r\n\r\nfunction flipCoin(){\r\n \/\/ Reset animation\r\n coin.classList.remove('spin'); void coin.offsetWidth; coin.classList.add('spin');\r\n\r\n if (soundToggle.checked && SETTINGS.SOUND_URL) {\r\n try { sound.currentTime = 0; sound.play(); } catch(e){}\r\n }\r\n\r\n const isHead = Math.random() < 0.5;\r\n const faceImg = isHead ? SETTINGS.HEAD_IMG : SETTINGS.TAIL_IMG;\r\n const faceTxt = isHead ? SETTINGS.LABEL_HEAD : SETTINGS.LABEL_TAIL;\r\n\r\n \/\/ \u8207\u52d5\u756b\u540c\u6b65\uff080.35s \u5f8c\u63db\u9762\uff09\r\n setTimeout(()=>{\r\n img.src = faceImg;\r\n if (SETTINGS.SHOW_LABEL) label.textContent = faceTxt;\r\n resultText.textContent = `\u7d50\u679c\uff1a${faceTxt}`;\r\n }, 350);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket […]<\/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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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-697","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"pocketuser","author_link":"https:\/\/my4dpocket.com\/index.php\/author\/pocketuser\/"},"uagb_comment_info":0,"uagb_excerpt":"\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket […]","_links":{"self":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":8,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket<\/title>\r\n<style>\r\n :root{ --coin-size:180px; }\r\n body{\r\n font-family:\"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif;\r\n background:linear-gradient(180deg,#fff7e0,#ffffff);\r\n text-align:center; margin:0; padding:40px 20px; color:#333;\r\n }\r\n .box{\r\n max-width:460px;margin:0 auto;background:#fff;padding:24px;border-radius:20px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.08);\r\n }\r\n h1{ color:#2563eb; margin:.2rem 0 .4rem 0; }\r\n p.lead{ color:#666; margin:.2rem 0 1rem 0; }\r\n\r\n .coin{\r\n width:var(--coin-size); height:var(--coin-size); margin:22px auto; position:relative;\r\n border-radius:50%; background:radial-gradient(circle at 30% 30%, #fcd34d, #f59e0b);\r\n box-shadow:inset 0 0 12px rgba(0,0,0,.15);\r\n display:grid; place-items:center; perspective:1000px; overflow:hidden;\r\n }\r\n .coin.spin{ animation:flip3D .85s ease; }\r\n @keyframes flip3D{\r\n 0%{ transform:rotateY(0) scale(1); }\r\n 40%{ transform:rotateY(180deg) scale(1.18); }\r\n 80%{ transform:rotateY(320deg) scale(.96); }\r\n 100%{ transform:rotateY(360deg) scale(1); }\r\n }\r\n\r\n .coin img{\r\n width:100%; height:100%; object-fit:cover; display:block; user-select:none; pointer-events:none;\r\n }\r\n .label{\r\n position:absolute; inset:auto 0 10px 0; text-align:center; font-weight:800;\r\n color:#ffffff; text-shadow:0 1px 2px rgba(0,0,0,.45); font-size:1.25rem;\r\n }\r\n\r\n .controls{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:10px; }\r\n button{\r\n padding:12px 28px; border:none; border-radius:12px; background:#2563eb; color:#fff; cursor:pointer;\r\n }\r\n button:hover{ background:#1d4ed8; }\r\n .toggle{\r\n display:flex; gap:8px; align-items:center; justify-content:center; color:#666; margin-top:10px;\r\n }\r\n .toggle input{ transform:scale(1.15); }\r\n\r\n .result{ margin-top:12px; font-weight:700; color:#e11d48; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"box\">\r\n <h1>\u96a8\u7de3\u786c\u5e63\ud83e\ude99<\/h1>\r\n \r\n <div id=\"coin\" class=\"coin\">\r\n <img decoding=\"async\" id=\"coinImg\" alt=\"coin face\" src=\"\" \/>\r\n <div id=\"overlayLabel\" class=\"label\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"controls\">\r\n <button onclick=\"flipCoin()\">\u64f2\u516c\u5b57\uff01<\/button>\r\n <\/div>\r\n\r\n <label class=\"toggle\">\r\n <input type=\"checkbox\" id=\"soundToggle\" checked> \u958b\u555f\u8072\u6548\r\n <\/label>\r\n <div class=\"result\" id=\"resultText\">\u6309\u4e0b\u958b\u59cb\uff01<\/div>\r\n<\/div>\r\n\r\n<audio id=\"coinSound\"><\/audio>\r\n\r\n<script>\r\n\/* ====== \u81ea\u8a02\u8a2d\u5b9a\uff08\u628a\u4ee5\u4e0b\u63db\u6210\u4f60\u7684\u6a94\u6848 URL \/ \u53c3\u6578\uff09====== *\/\r\nconst SETTINGS = {\r\n HEAD_IMG: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/heads.png.png\", \/\/ \u786c\u5e63\u300c\u516c\u300d\u9762\u5716\r\n TAIL_IMG: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/tails.png.png\", \/\/ \u786c\u5e63\u300c\u5b57\u300d\u9762\u5716\r\n SOUND_URL: \"https:\/\/my4dpocket.com\/wp-content\/uploads\/2025\/11\/coin-flip.mp3.mp3\", \/\/ \u8072\u97f3\u6a94\r\n COIN_SIZE_PX: 200, \/\/ \u786c\u5e63\u76f4\u5f91\uff08\u50cf\u7d20\uff09\r\n SHOW_LABEL: true, \/\/ \u662f\u5426\u5728\u5716\u7247\u4e0a\u758a\u52a0\u300c\u516c\/\u5b57\u300d\u6587\u5b57\r\n LABEL_HEAD: \"\u516c\", \/\/ \u516c\u5b57\u6a19\u7c64\r\n LABEL_TAIL: \"\u5b57\" \/\/ \u5b57\u6a19\u7c64\r\n};\r\n\/* ======================================================== *\/\r\n\r\nconst coin = document.getElementById('coin');\r\nconst img = document.getElementById('coinImg');\r\nconst label= document.getElementById('overlayLabel');\r\nconst resultText = document.getElementById('resultText');\r\nconst sound = document.getElementById('coinSound');\r\nconst soundToggle = document.getElementById('soundToggle');\r\n\r\n\/\/ \u5957\u7528\u5c3a\u5bf8\u8207\u521d\u59cb\u5716\r\ndocument.documentElement.style.setProperty('--coin-size', SETTINGS.COIN_SIZE_PX + 'px');\r\nimg.src = SETTINGS.HEAD_IMG; \/\/ \u521d\u59cb\u986f\u793a\u516c\u9762\r\nsound.src = SETTINGS.SOUND_URL;\r\nlabel.style.display = SETTINGS.SHOW_LABEL ? 'block' : 'none';\r\nlabel.textContent = SETTINGS.LABEL_HEAD;\r\n\r\nfunction flipCoin(){\r\n \/\/ Reset animation\r\n coin.classList.remove('spin'); void coin.offsetWidth; coin.classList.add('spin');\r\n\r\n if (soundToggle.checked && SETTINGS.SOUND_URL) {\r\n try { sound.currentTime = 0; sound.play(); } catch(e){}\r\n }\r\n\r\n const isHead = Math.random() < 0.5;\r\n const faceImg = isHead ? SETTINGS.HEAD_IMG : SETTINGS.TAIL_IMG;\r\n const faceTxt = isHead ? SETTINGS.LABEL_HEAD : SETTINGS.LABEL_TAIL;\r\n\r\n \/\/ \u8207\u52d5\u756b\u540c\u6b65\uff080.35s \u5f8c\u63db\u9762\uff09\r\n setTimeout(()=>{\r\n img.src = faceImg;\r\n if (SETTINGS.SHOW_LABEL) label.textContent = faceTxt;\r\n resultText.textContent = `\u7d50\u679c\uff1a${faceTxt}`;\r\n }, 350);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket […]<\/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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","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-697","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"pocketuser","author_link":"https:\/\/my4dpocket.com\/index.php\/author\/pocketuser\/"},"uagb_comment_info":0,"uagb_excerpt":"\u64f2\u516c\u5b57\uff5c\u767e\u5bf6\u888b My 4D Pocket […]","_links":{"self":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":8,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/pages\/697\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/my4dpocket.com\/index.php\/wp-json\/wp\/v2\/media?parent=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}