{"id":14,"date":"2025-11-09T08:27:51","date_gmt":"2025-11-09T08:27:51","guid":{"rendered":"https:\/\/qos.ppl.mybluehost.me\/website_5d80e4d3\/home\/"},"modified":"2025-12-29T04:13:45","modified_gmt":"2025-12-29T04:13:45","slug":"home","status":"publish","type":"page","link":"https:\/\/learndeeplytw.com\/zh_tw\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"nfd-wb-hero__hero-1 wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"nfd-container nfd-gap-0 wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex\">\n<div class=\"nfd-container nfd-p-lg nfd-rounded-lg nfd-bg-surface nfd-theme-light is-style-nfd-theme-light wp-block-group alignfull nfd-bg-effect-grid-3 is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"nfd-gap-x-4xl nfd-gap-y-3xl wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-gap-2xl nfd-text-md wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-d6b9ab57 wp-block-group-is-layout-flex\">\n<h1 class=\"nfd-text-huge nfd-text-primary nfd-text-balance wp-block-heading has-text-align-left\" style=\"font-size:clamp(27.894px, 1.743rem + ((1vw - 3.2px) * 1.571), 48px);\">\u5152\u7ae5\u7684\u77e5\u8b58\u9ad4\u7cfb<br>\u662f\u7531\u5152\u7ae5\u81ea\u5df1<br>\u4e3b\u52d5\u69cb\u5efa<\/h1>\n\n\n\n<p class=\"nfd-text-md has-text-align-left\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);\">&#8212; \u9ad4\u9a57\u904b\u7b97\u601d\u7dad\u8207\u6d77\u9f9c\u5e7e\u5408\u7684\u9b45\u529b&#8212;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow\">\n<p class=\"nfd-text-balance\"><strong>\u6436\u5148\u9ad4\u9a57<\/strong><\/p>\n\n\n\n<p class=\"nfd-text-faded nfd-text-base\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);\">\u52a0\u5165\u6211\u5011\u7684\u4e0d\u63d2\u96fb\u5b78\u7a0b\u5f0f\u8207\u6d77\u9f9c\u5e7e\u4f55\u6d3b\u52d5\uff0c\u4e86\u89e3\u96fb\u8166\u79d1\u5b78\u7684\u57fa\u790e\u539f\u7406\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-e3d1c41b wp-block-column-is-layout-flow\">\n<p class=\"nfd-text-balance\"><strong>\u6d3b\u52d5\u4eae\u9ede<\/strong><\/p>\n\n\n\n<p class=\"nfd-text-faded nfd-text-base\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);\">\u60f3\u8981\u5b78\u597d\u4ec0\u9ebc,\u5148\u60f3\u660e\u767d\u9019\u4e9b\u6709\u4ec0\u9ebc\u610f\u7fa9\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"nfd-text-base wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-1aff515d wp-block-buttons-is-layout-flex\" style=\"font-style:normal;font-weight:600\">\n<div class=\"nfd-btn-xl wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/learndeeplytw.com\/about\/\">\u95dc\u65bc\u6211\u5011<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"is-style-nfd-dots-bottom-right wp-block-image size-large is-resized has-custom-border wp-duotone-unset-1\" style=\"margin-top:0;margin-bottom:0\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mpi.slx.mybluehost.me\/wp-content\/uploads\/2025\/11\/Dermochelys-coriacea-8bit-45-3.webp\" alt=\"\" style=\"border-top-left-radius:250px;border-top-right-radius:250px;border-bottom-left-radius:250px;border-bottom-right-radius:250px;aspect-ratio:1;object-fit:cover;width:471px;height:auto\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"nfd-gap-2xl wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7abde1fe wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image alignfull size-full\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1192\" height=\"926\" loading=\"lazy\" src=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8.png 1192w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8-300x233.png 300w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8-1024x795.png 1024w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8-768x597.png 768w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u7d50\u696d\u8b49\u66f8-15x12.png 15w\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image aligncenter size-large\" style=\"margin-top:0;margin-bottom:0\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mpi.slx.mybluehost.me\/wp-content\/uploads\/2025\/11\/\u622a\u5716-2025-11-11-\u51cc\u666812.10.18.png\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" loading=\"lazy\" src=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u622a\u5716-2025-11-11-\u51cc\u666812.09.49-1024x788.png\" alt=\"\" class=\"wp-image-53\" srcset=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u622a\u5716-2025-11-11-\u51cc\u666812.09.49-1024x788.png 1024w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u622a\u5716-2025-11-11-\u51cc\u666812.09.49-300x231.png 300w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/\u622a\u5716-2025-11-11-\u51cc\u666812.09.49.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"nfd-container nfd-p-md nfd-wb-blog__blog-4 is-style-nfd-theme-white wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"nfd-gap-xl nfd-gap-y-2xl wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div class=\"nfd-query-loop-2 wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-944 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-56\">\n\n<div class=\"nfd-p-card-md nfd-rounded wp-block-cover has-custom-content-position is-position-bottom-center wp-elements-c4974ce2dac1ae8232d69e69c84f7bda wp-duotone-unset-2\" style=\"min-height:435px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1584\" height=\"672\" loading=\"lazy\" class=\"wp-block-cover__image-background wp-image-696 size-full\" alt=\"\" src=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM.webp\" data-object-fit=\"cover\" srcset=\"https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM.webp 1584w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM-300x127.webp 300w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM-1024x434.webp 1024w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM-768x326.webp 768w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM-1536x652.webp 1536w, https:\/\/learndeeplytw.com\/wp-content\/uploads\/2025\/11\/Generated-Image-November-29-2025-3_08PM-18x8.webp 18w\" sizes=\"auto, (max-width: 1584px) 100vw, 1584px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim\" style=\"background-color:#466683\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"nfd-gap-md wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"nfd-backdrop-blur-sm nfd-text-base nfd-rounded-sm wp-block-group has-border-color has-white-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-color:#ffffff45;border-width:1px;background-color:#00000021;padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:16px;font-style:normal;font-weight:600\"><div class=\"taxonomy-category has-link-color wp-elements-5dbdfe10a8b50862f12ecea70b075572 wp-block-post-terms\"><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/category\/blog\/\" rel=\"tag\">Blog<\/a><span class=\"wp-block-post-terms__separator\"> <\/span><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/category\/%e9%9b%bb%e8%85%a6%e7%a7%91%e5%ad%b8%e5%8f%b2\/\" rel=\"tag\">\u96fb\u8166\u79d1\u5b78\u53f2<\/a><\/div><\/div>\n\n\n<h3 style=\"font-style:normal;font-weight:500;\" class=\"nfd-text-xl nfd-text-balance wp-elements-4da9aaf414f135991b07b6cdca879160 wp-block-post-title\"><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/%e9%9b%bb%e8%85%a6%e7%a7%91%e5%ad%b8%e7%99%bc%e5%b1%95%e5%8f%b2\/\" target=\"_self\" >\u96fb\u8166\u79d1\u5b78\u767c\u5c55\u53f2\uff1a\u5f9e\u7b97\u76e4\u5230\u751f\u7269\u8a08\u7b97\u7684\u77e5\u8b58\u8207\u6280\u8853\u6f14\u9032<\/a><\/h3>\n\n\n<div class=\"nfd-text-base wp-block-group has-white-color has-text-color is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-070a0d77 wp-block-group-is-layout-flex\"><div style=\"font-style:normal;font-weight:600;\" class=\"wp-block-post-author\"><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\">yuchang23<\/p><\/div><\/div>\n\n\n<p class=\"nfd-text-opacity-80 nfd-text-xs\">\u2022<\/p>\n\n\n<div class=\"nfd-text-opacity-80 wp-block-post-date\"><time datetime=\"2026-02-10T15:27:35+00:00\">2026-02-10<\/time><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"nfd-gap-xl wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<h2 class=\"nfd-text-lg wp-block-heading\">\u63a2\u7d22\u5b78\u7fd2\u7684\u7121\u9650\u53ef\u80fd<\/h2>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-container-core-post-template-is-layout-dd39ac5c wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-941 post type-post status-publish format-standard has-post-thumbnail hentry category-56 tag-lambda- tag-61 tag-59 tag-73 tag-72\">\n\n<div class=\"nfd-gap-xs wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b46fc1c wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-bottom:25px\"><h3 style=\"font-style:normal;font-weight:500;\" class=\"nfd-text-balance nfd-text-md nfd-text-contrast wp-block-post-title\"><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/church-turing-thesis\/\" target=\"_self\" >\u90b1\u5947-\u5716\u9748\u8ad6\u984c\uff1a\u8a08\u7b97\u7406\u8ad6\u7684\u54f2\u5b78\u57fa\u77f3<\/a><\/h3>\n\n<div class=\"nfd-text-faded nfd-text-base wp-block-post-date\"><time datetime=\"2026-02-09T07:37:22+00:00\">2026-02-09<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-932 post type-post status-publish format-standard has-post-thumbnail hentry category-55 category-58 category-57 category-56 tag-church-turing tag-stem tag-68 tag-63 tag-61 tag-59 tag-62 tag-60 tag-67 tag-70 tag-71 tag-66 tag-65\">\n\n<div class=\"nfd-gap-xs wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b46fc1c wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-bottom:25px\"><h3 style=\"font-style:normal;font-weight:500;\" class=\"nfd-text-balance nfd-text-md nfd-text-contrast wp-block-post-title\"><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/1936%e5%b9%b4%e7%9a%84%e5%a4%a9%e6%89%8d%e6%a7%8b%e6%83%b3%ef%bc%9a%e5%9c%96%e9%9d%88%e6%a9%9f%e5%a6%82%e4%bd%95%e5%ae%9a%e7%be%a9%e3%80%8c%e5%8f%af%e8%a8%88%e7%ae%97%e3%80%8d%e7%9a%84%e9%82%8a\/\" target=\"_self\" >1936\u5e74\u7684\u5929\u624d\u69cb\u60f3\uff1a\u5716\u9748\u6a5f\u5982\u4f55\u5b9a\u7fa9\u300c\u53ef\u8a08\u7b97\u300d\u7684\u908a\u754c<\/a><\/h3>\n\n<div class=\"nfd-text-faded nfd-text-base wp-block-post-date\"><time datetime=\"2026-02-08T15:36:42+00:00\">2026-02-08<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-916 post type-post status-publish format-standard has-post-thumbnail hentry category-cs-unplugged category-intractability tag-54 tag-26 tag-53 tag-24\">\n\n<div class=\"nfd-gap-xs wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b46fc1c wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-bottom:25px\"><h3 style=\"font-style:normal;font-weight:500;\" class=\"nfd-text-balance nfd-text-md nfd-text-contrast wp-block-post-title\"><a href=\"https:\/\/learndeeplytw.com\/zh_tw\/dominating-sets\/\" target=\"_self\" >\u51b0\u6dc7\u6dcb\u8eca\u5927\u4f5c\u6230\uff01\u7528\u300c\u65c5\u904a\u5c0f\u93ae\u300d\u6311\u6230\u96fb\u8166\u4e5f\u7b97\u4e0d\u51fa\u4f86\u7684\u96e3\u984c(Dominating Sets)<\/a><\/h3>\n\n<div class=\"nfd-text-faded nfd-text-base wp-block-post-date\"><time datetime=\"2026-01-27T04:01:14+00:00\">2026-01-27<\/time><\/div><\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-embed-aspect-4-3 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Computer Science Unplugged - The Show\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/VpDDPWVn5-Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"DeepMind \u91cd\u78c5\u7d00\u9304\u7247 The Thinking Game\uff0c\u901a\u7528\u4eba\u5de5\u667a\u6167\u5c07\u81e8\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/iMnFCOI_Nv0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"nfd-container nfd-p-lg nfd-wb-features__features-4 is-style-nfd-theme-darker wp-block-group has-small-font-size nfd-bg-effect-dots is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-fe9cc265 wp-block-group-is-layout-flex\">\n<div class=\"nfd-text-base nfd-gap-md nfd-gap-y-xl wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md is-style-nfd-theme-dark wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-dd225191 wp-block-group-is-layout-flex\" style=\"border-width:1px\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">01<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/representing-information\/\" data-type=\"link\" data-id=\"https:\/\/mpi.slx.mybluehost.me_5d80e4d3\/category\/cs-unplugged\/representing-information\/\">\u8cc7\u6599 (\u5982\u4f55\u8868\u9054\u8cc7\u8a0a)<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u300c\u96fb\u8166\u300d\u9019\u500b\u5b57\u7684\u82f1\u6587\u662f computer\uff0c\u662f\u5f9e\u62c9\u4e01\u6587\u4e2d\u7684\u201ccomputare\u201d\u6f14\u8b8a\u800c\u4f86\uff0c\u8868\u793a\u8a08\u7b97\u6216\u628a\u6578\u5b57\u52a0\u8d77\u4f86\u3002\u4e0d\u904e\u4eca\u5929\u7684\u96fb\u8166\u5df2\u7d93\u4e0d\u53ea\u662f\u4e00\u500b\u5de8\u578b\u7684\u8a08\u7b97\u6a5f\u4e86\u3002\u5b83\u5011\u53ef\u4ee5\u662f\u4e00\u9593\u5716\u66f8\u9928\uff0c\u5e6b\u6211\u5011\u5beb\u6587\u4ef6\u6216\u627e\u8cc7\u6599\uff0c\u64ad\u653e\u97f3\u6a02\u6216\u96fb\u5f71\u7b49\u7b49\u3002\u90a3\u9ebc\u96fb\u8166\u662f\u5982\u4f55\u5132\u5b58\u9019\u4e9b\u8cc7\u8a0a\u7684\u5462\uff1f\u4fe1\u4e0d\u4fe1\u7531\u4f60\uff0c\u5176\u5be6\u96fb\u8166\u53ea\u7528\u4e86\u5169\u500b\u6771\u897f\uff1a0\u8ddf1\uff01<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-dd225191 wp-block-group-is-layout-flex\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">02<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/algorithms\/\">\u8b93\u96fb\u8166\u904b\u4f5c\u2014\u6f14\u7b97\u6cd5<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u96fb\u8166\u662f\u6839\u64da\u8a2d\u5b9a\u597d\u7684\u4e00\u9023\u4e32\u6307\u4ee4\u4f86\u904b\u4f5c\u3002\u9019\u4e9b\u6307\u4ee4\u8b93\u96fb\u8166\u5f97\u4ee5\u6392\u5e8f\u3001\u641c\u7d22\u53ca\u50b3\u9001\u8cc7\u8a0a\u3002\u70ba\u4e86\u76e1\u53ef\u80fd\u5feb\u901f\u5730\u505a\u9019\u4e9b\u4e8b\uff0c\u6bd4\u65b9\u8aaa\u5728\u5927\u91cf\u7684\u8cc7\u6599\u4e2d\u627e\u5230\u9700\u8981\u7684\u6771\u897f\uff0c\u9084\u6709\u5728\u7db2\u8def\u4e0a\u50b3\u9001\u8cc7\u8a0a\uff0c\u9700\u8981\u4e00\u4e9b\u597d\u7684\u65b9\u6cd5\u624d\u80fd\u5f88\u5feb\u5730\u628a\u4e8b\u60c5\u505a\u597d\u505a\u6eff\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md is-style-nfd-theme-dark wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-dd225191 wp-block-group-is-layout-flex\" style=\"border-width:1px\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">03<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/representing-procedures\/\">\u544a\u8a34\u96fb\u8166\u8981\u505a\u4ec0\u9ebc\u2014\u5982\u4f55\u8868\u9054\u7a0b\u5e8f<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u4e00\u500b\u597d\u7684\u5de5\u7a0b\u5e2b\u61c9\u8a72\u8981\u5b78\u6703\u5982\u4f55\u7528\u53ef\u4ee5\u4f9d\u7167\u5b57\u9762\u89e3\u91cb\u7684\u7279\u5b9a\u7d44\u5408\u6307\u4ee4\u96c6\u4f86\u544a\u8a34\u96fb\u8166\u5982\u4f55\u904b\u4f5c\u3002\u9019\u4e9b\u6307\u4ee4\u96c6\u5c31\u7a31\u70ba\u7a0b\u5f0f\u3002\u6709\u5f88\u591a\u4e0d\u540c\u7684\u7a0b\u5f0f\u8a9e\u8a00\u53ef\u4ee5\u4f9b\u5de5\u7a0b\u5e2b\u9078\u64c7\u4f86\u7de8\u5beb\u9019\u4e9b\u6307\u4ee4\uff0c\u4f46\u662f\u6211\u5011\u5c07\u4f7f\u7528\u4e00\u500b\u7c21\u55ae\u5230\u6c92\u6709\u96fb\u8166\u4e5f\u53ef\u4ee5\u4f7f\u7528\u7684\u8a9e\u8a00\u3002<br><br><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"nfd-text-base nfd-gap-md nfd-gap-y-xl wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-dd225191 wp-block-group-is-layout-flex\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">04<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/intractability\/\">\u96fb\u8166\u4e5f\u62ff\u5b83\u6c92\u8f4d\u2014\u4e0d\u53ef\u99d5\u99ad\u554f\u984c<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u6211\u5011\u53ef\u4ee5\u900f\u904e\u5beb\u7a0b\u5f0f\u4f86\u544a\u8a34\u96fb\u8166\u505a\u4ec0\u9ebc\uff0c\u4f46\u96fb\u8166\u9084\u662f\u9700\u8981\u975e\u5e38\u975e\u5e38\u975e\u5e38\u9577\u7684\u6642\u9593\uff1a\u641e\u4e0d\u597d\u8981\u4e00\u767e\u842c\u500b\u4e16\u7d00\u80fd\u7b97\u51fa\u7d50\u679c\u3002\u8cb7\u66f4\u5feb\u7684\u96fb\u8166\u5176\u5be6\u4f5c\u7528\u4e0d\u5927\uff1a\u5373\u4f7f\u662f\u5feb\u4e00\u767e\u500d\uff0c\u9019\u985e\u554f\u984c\u4ecd\u7136\u9700\u8981\u6578\u767e\u842c\u5e74\u7684\u6642\u9593\uff1b\u751a\u81f3\u662f\u5feb\u4e00\u842c\u500d\u4e5f\u9084\u662f\u8981\u82b1\u4e0a\u6578\u767e\u5e74\u3002\u9019\u5c31\u662f\u6240\u8b02\u4e0d\u53ef\u99d5\u99ad\u7684\u554f\u984c\u4e00\u5373\u4f7f\u7528\u6700\u5feb\u7684\u96fb\u8166\uff0c\u60f3\u5f97\u5230\u89e3\u6c7a\u9700\u8981\u7684\u6642\u9593\u9060\u9060\u8d85\u904e\u96fb\u8166\u7684\u4f7f\u7528\u58fd\u547d\uff01<br><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md is-style-nfd-theme-dark wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-cfd2f0e8 wp-block-group-is-layout-flex\" style=\"border-width:1px;margin-top:0;margin-bottom:0\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">05<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/cryptography\/\">\u6a5f\u5bc6\u5206\u4eab\u8207\u6253\u64ca\u72af\u7f6a\u2014\u5bc6\u78bc\u5b78<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u4f60\u4e00\u5b9a\u807d\u904e\u9593\u8adc\u548c\u7279\u52d9\u4f7f\u7528\u96b1\u5bc6\u7684\u4ee3\u78bc\u6216\u96b1\u5f62\u58a8\u6c34\u5beb\u4e0b\u4e26\u4ea4\u63db\u8a0a\u606f\u4e4b\u985e\u7684\u6545\u4e8b\u3002\u90a3\u5c31\u662f\u300c\u5bc6\u78bc\u5b78\u300d\u9019\u9580\u5b78\u554f\u7684\u6e90\u8d77\u3002\u5bc6\u78bc\u5b78\u662f\u4e00\u9580\u50b3\u905e\u8a0a\u606f\u7684\u85dd\u8853\u3002\u5728\u4e8c\u6230\u671f\u9593\uff0c\u82f1\u570b\u4eba\u5efa\u9020\u4e86\u5c08\u9580\u7834\u89e3\u5bc6\u78bc\u7684\u96fb\u5b50\u6a5f\u5668\uff0c\u4e26\u4e14\u7528\u9019\u6a5f\u5668\u4f86\u7834\u89e3\u6575\u8ecd\u7684\u8ecd\u4e8b\u6a5f\u5bc6\u8a0a\u606f\u3002\u63a5\u8457\uff0c\u96fb\u8166\u7684\u51fa\u73fe\u6539\u8b8a\u4e86\u4e00\u5207\uff0c\u4e26\u4e14\u4f7f\u5bc6\u78bc\u5b78\u9032\u5165\u4e86\u4e00\u500b\u65b0\u7684\u6642\u4ee3\u3002<br><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"nfd-shadow-xs nfd-p-card-square nfd-rounded nfd-gap-md wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-dd225191 wp-block-group-is-layout-flex\">\n<p class=\"nfd-text-xl nfd-text-primary nfd-text-balance has-text-align-left\" style=\"font-style:normal;font-weight:300;letter-spacing:2px\">06<\/p>\n\n\n\n<h3 class=\"nfd-text-md nfd-text-contrast wp-block-heading has-text-align-left\" style=\"font-style:normal;font-weight:500\"><a href=\"https:\/\/learndeeplytw.com\/category\/cs-unplugged\/hci\/\">\u5de7\u514b\u529b\u5de5\u5ee0\u2014\u4eba\u6027\u5316\u4ecb\u9762\u8a2d\u8a08<\/a><\/h3>\n\n\n\n<p class=\"nfd-text-balance nfd-text-faded  has-text-align-left\" style=\"font-size:14px\"><br>\u96fb\u8166\u904b\u7b97\u4e2d\uff0c\u91cd\u8981\u7684\u5176\u5be6\u662f\u6e9d\u901a\uff0c\u800c\u4e0d\u662f\u8a08\u7b97\u3002\u96fb\u8166\u904b\u7b97\u672c\u8eab\u4e26\u6c92\u6709\u4efb\u4f55\u50f9\u503c\uff0c\u53ea\u6709\u5728\u7522\u751f\u7684\u7d50\u679c\u80fd\u5920\u8207\u5916\u754c\u6e9d\u901a\uff0c\u4e26\u9020\u6210\u67d0\u7a2e\u7a0b\u5ea6\u7684\u5f71\u97ff\u6642\uff0c\u5b83\u771f\u6b63\u6709\u50f9\u503c\u3002\u4e5f\u8a31\u4f60\u6703\u89ba\u5f97\u5f88\u9a5a\u8a1d\uff0c\u9019\u4ee3\u8868\u8cc7\u8a0a\u79d1\u5b78\u9019\u9580\u5b78\u554f\u7684\u91cd\u9ede\u5176\u5be6\u662f\u4eba\uff0c\u800c\u4e0d\u662f\u96fb\u8166<\/p>\n\n\n\n<p class=\"\"><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- \n    WORDPRESS EMBED INSTRUCTIONS:\n    1. Copy all the code below.\n    2. In WordPress, add a \"Custom HTML\" block.\n    3. Paste the code.\n    4. Save\/Publish.\n-->\n<div id=\"binary-game-wrapper\" style=\"width: 100%; max-width: 100%; overflow: hidden;\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;700&#038;family=Share+Tech+Mono&#038;display=swap\"\n        rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            corePlugins: {\n                preflight: false, \/\/ Disable global reset to protect WordPress styles\n            },\n            prefix: 'tw-', \/\/ Prefix to avoid class conflicts\n            theme: {\n                extend: {\n                    fontFamily: {\n                        mono: [\"'JetBrains Mono'\", \"monospace\"],\n                        display: [\"'Share Tech Mono'\", \"monospace\"],\n                    },\n                    colors: {\n                        bg: \"#000000\",\n                        panel: \"#111217\",\n                        border: \"#22252b\",\n                        text: \"#c7d0d9\",\n                        neon: \"#57f287\",\n                        alert: \"#f2495c\",\n                        warn: \"#ff9830\",\n                        info: \"#73bf69\",\n                    },\n                    boxShadow: {\n                        'neon': '0 0 5px rgba(87, 242, 135, 0.5), 0 0 10px rgba(87, 242, 135, 0.3)',\n                    }\n                },\n            },\n        }\n    <\/script>\n    <style>\n        \/* Scoped Styles for the Game Container *\/\n        #binary-game-root {\n            background-color: #000000;\n            color: #c7d0d9;\n            font-family: 'JetBrains Mono', monospace;\n            line-height: 1.5;\n        }\n\n        #binary-game-root * {\n            box-sizing: border-box;\n        }\n\n        #binary-game-root .text-glow {\n            text-shadow: 0 0 10px rgba(87, 242, 135, 0.5);\n        }\n\n        #binary-game-root .scanline {\n            background: linear-gradient(to bottom,\n                    rgba(255, 255, 255, 0),\n                    rgba(255, 255, 255, 0) 50%,\n                    rgba(0, 0, 0, 0.2) 50%,\n                    rgba(0, 0, 0, 0.2));\n            background-size: 100% 4px;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            pointer-events: none;\n            z-index: 50;\n            opacity: 0.15;\n        }\n\n        \/* Custom Scrollbar scoped *\/\n        #binary-game-root ::-webkit-scrollbar {\n            width: 4px;\n            height: 4px;\n        }\n\n        #binary-game-root ::-webkit-scrollbar-track {\n            background: #111217;\n        }\n\n        #binary-game-root ::-webkit-scrollbar-thumb {\n            background: #22252b;\n            border-radius: 2px;\n        }\n\n        #binary-game-root ::-webkit-scrollbar-thumb:hover {\n            background: #57f287;\n        }\n\n        \/* Flip Card Styles *\/\n        #binary-game-root .card-perspective {\n            perspective: 1000px;\n        }\n\n        #binary-game-root .card-inner {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n            transition: transform 0.6s;\n            transform-style: preserve-3d;\n        }\n\n        #binary-game-root .card-flipped .card-inner {\n            transform: rotateY(180deg);\n        }\n\n        #binary-game-root .card-face {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 2px solid #57f287;\n            background-color: #000000;\n            box-shadow: 0 0 5px rgba(87, 242, 135, 0.5), 0 0 10px rgba(87, 242, 135, 0.3);\n        }\n\n        #binary-game-root .card-back {\n            background-color: #111217;\n            border-color: #22252b;\n            box-shadow: none;\n            transform: rotateY(180deg);\n        }\n    <\/style>\n\n    <div id=\"binary-game-root\"\n        class=\"tw-relative tw-w-full tw-min-h-[600px] tw-p-2 sm:tw-p-4 tw-rounded-lg tw-overflow-hidden tw-text-sm sm:tw-text-base\">\n        <div class=\"scanline\"><\/div>\n\n        <!-- Top Bar -->\n        <header class=\"tw-flex tw-justify-between tw-items-center tw-mb-4 tw-border-b tw-border-border tw-pb-2\">\n            <div class=\"tw-flex tw-items-center tw-gap-2\">\n                <div\n                    class=\"tw-w-2 tw-h-2 sm:tw-w-3 sm:tw-h-3 tw-bg-neon tw-rounded-full tw-animate-pulse tw-shadow-neon\">\n                <\/div>\n                <h1 id=\"appTitle\"\n                    class=\"tw-text-neon tw-font-display tw-text-lg sm:tw-text-xl tw-tracking-widest tw-truncate\">\u4e8c\u9032\u4f4d\u5100\u8868\u677f\n                    v1.0<\/h1>\n            <\/div>\n            <div class=\"tw-flex tw-gap-4 tw-text-base tw-shrink-0\">\n                <button id=\"langZh\" onclick=\"window.binaryGame.switchLanguage('zh')\"\n                    class=\"tw-px-4 tw-py-2 tw-border-2 tw-border-neon tw-text-neon tw-bg-black tw-transition-colors\">\u4e2d\u6587<\/button>\n                <button id=\"langEn\" onclick=\"window.binaryGame.switchLanguage('en')\"\n                    class=\"tw-px-4 tw-py-2 tw-border-2 tw-border-gray-800 tw-text-gray-500 tw-bg-black hover:tw-border-gray-600 hover:tw-text-gray-400 tw-transition-colors\">EN<\/button>\n            <\/div>\n        <\/header>\n\n        <!-- Dashboard Grid -->\n        <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-12 tw-gap-2 sm:tw-gap-4\">\n\n            <!-- Left Column: Stats & Target -->\n            <div class=\"lg:tw-col-span-4 tw-space-y-2 sm:tw-space-y-4\">\n                <!-- System Stats Panel -->\n                <div class=\"tw-bg-panel tw-border tw-border-border tw-rounded-sm tw-p-3 sm:tw-p-4\">\n                    <h2 id=\"sessionStats\"\n                        class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-uppercase tw-mb-3 tw-flex tw-items-center tw-gap-2\">\n                        <svg class=\"tw-w-3 tw-h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\">\n                            <\/path>\n                        <\/svg>\n                        \u5de5\u4f5c\u968e\u6bb5\u7d71\u8a08\n                    <\/h2>\n                    <div class=\"tw-grid tw-grid-cols-2 tw-gap-2 sm:tw-gap-4\">\n                        <div>\n                            <div id=\"levelLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-400\">\u95dc\u5361<\/div>\n                            <div id=\"level\" class=\"tw-text-xl sm:tw-text-2xl tw-font-display tw-text-white\">1<\/div>\n                        <\/div>\n                        <div>\n                            <div id=\"scoreLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-400\">\u5f97\u5206<\/div>\n                            <div id=\"score\" class=\"tw-text-xl sm:tw-text-2xl tw-font-display tw-text-neon\">0<\/div>\n                        <\/div>\n                        <div>\n                            <div id=\"uptimeLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-400\">\u904b\u884c\u6642\u9593<\/div>\n                            <div id=\"uptime\" class=\"tw-text-xs sm:tw-text-sm tw-font-mono tw-text-white\">00:00:00<\/div>\n                        <\/div>\n                        <div>\n                            <div id=\"statusLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-400\">\u7cfb\u7d71\u72c0\u614b<\/div>\n                            <div id=\"statusValue\" class=\"tw-text-xs sm:tw-text-sm tw-font-mono tw-text-neon\">\u6b63\u5e38<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Target Panel -->\n                <div\n                    class=\"tw-bg-panel tw-border tw-border-border tw-rounded-sm tw-p-3 sm:tw-p-4 tw-relative tw-overflow-hidden\">\n                    <div class=\"tw-absolute tw-top-0 tw-right-0 tw-p-2 tw-opacity-10\">\n                        <svg class=\"tw-w-12 tw-h-12 sm:tw-w-16 sm:tw-h-16 tw-text-neon\" fill=\"currentColor\"\n                            viewBox=\"0 0 24 24\">\n                            <path\n                                d=\"M12 2L2 7l10 5 10-5-10-5zm0 9l2.5-1.25L12 8.5l-2.5 1.25L12 11zm0 2.5l-5-2.5-5 2.5L12 22l10-8.5-5-2.5-5 2.5z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 id=\"targetLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-uppercase tw-mb-2\">\u76ee\u6a19\u6578\u503c\n                    <\/h2>\n                    <div class=\"tw-flex tw-items-end tw-gap-2\">\n                        <span id=\"targetNumber\"\n                            class=\"tw-text-4xl sm:tw-text-5xl tw-font-display tw-text-neon text-glow\">5<\/span>\n                        <span id=\"decimalLabel\" class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-mb-2\">\u5341\u9032\u4f4d<\/span>\n                    <\/div>\n\n                    <div class=\"tw-mt-4 tw-pt-4 tw-border-t tw-border-border\">\n                        <h2 id=\"currentLabel\"\n                            class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-uppercase tw-mb-1\">\u7576\u524d\u7e3d\u548c<\/h2>\n                        <div class=\"tw-flex tw-justify-between tw-items-center\">\n                            <span id=\"currentValue\"\n                                class=\"tw-text-2xl sm:tw-text-3xl tw-font-display tw-text-white\">0<\/span>\n                            <div id=\"diffIndicator\"\n                                class=\"tw-text-[10px] sm:tw-text-xs tw-px-2 tw-py-1 tw-rounded tw-bg-gray-800 tw-text-gray-400\">\n                                \u5dee\u503c: -5<\/div>\n                        <\/div>\n                        <!-- Progress Bar -->\n                        <div class=\"tw-w-full tw-h-1 tw-bg-gray-800 tw-mt-2 tw-rounded-full tw-overflow-hidden\">\n                            <div id=\"progressBar\" class=\"tw-h-full tw-bg-neon tw-transition-all tw-duration-300 tw-w-0\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: Bit Registers (Cards) -->\n            <div class=\"lg:tw-col-span-8 tw-space-y-2 sm:tw-space-y-4\">\n                <div\n                    class=\"tw-bg-panel tw-border tw-border-border tw-rounded-sm tw-p-3 sm:tw-p-4 tw-h-full tw-flex tw-flex-col\">\n                    <h2\n                        class=\"tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-uppercase tw-mb-4 tw-flex tw-items-center tw-justify-between\">\n                        <span id=\"bitRegisters\">\u4f4d\u5143\u66ab\u5b58\u5668<\/span>\n                        <span id=\"binaryResult\" class=\"tw-font-mono tw-text-neon tw-text-xs sm:tw-text-sm\">11111 =\n                            31<\/span>\n                    <\/h2>\n\n                    <!-- Registers Container -->\n                    <div id=\"cardsContainer\"\n                        class=\"tw-flex-1 tw-flex tw-flex-nowrap tw-justify-center tw-items-center tw-gap-1 sm:tw-gap-4 tw-content-center tw-py-4 sm:tw-py-8 tw-overflow-x-auto sm:tw-overflow-visible tw-px-2\">\n                        <!-- Registers injected here -->\n                    <\/div>\n\n                    <!-- Tutorial \/ Log -->\n                    <div id=\"consolePanel\"\n                        class=\"tw-mt-auto tw-bg-black tw-border tw-border-border tw-p-2 tw-font-mono tw-text-[10px] sm:tw-text-xs tw-h-24 sm:tw-h-32 tw-overflow-y-auto tw-font-thin\">\n                        <div id=\"systemLog\" class=\"tw-text-gray-500 tw-border-b tw-border-gray-800 tw-pb-1 tw-mb-1\">\u7cfb\u7d71\u65e5\u8a8c\n                        <\/div>\n                        <div id=\"logContent\" class=\"tw-space-y-1\">\n                            <div class=\"tw-text-neon\">> \u7cfb\u7d71\u521d\u59cb\u5316\u5b8c\u6210&#8230;<\/div>\n                            <div class=\"tw-text-gray-400\">> \u7b49\u5f85\u8f38\u5165&#8230;<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Controls Footer -->\n        <div class=\"tw-mt-4 tw-grid tw-grid-cols-2 md:tw-grid-cols-4 tw-gap-2 sm:tw-gap-4\">\n            <button onclick=\"window.binaryGame.checkAnswer()\" id=\"submitBtn\"\n                class=\"tw-bg-neon\/10 tw-border tw-border-neon tw-text-neon hover:tw-bg-neon hover:tw-text-black tw-p-3 tw-font-bold tw-tracking-wider tw-transition-all tw-uppercase tw-flex tw-items-center tw-justify-center tw-gap-2 tw-group tw-text-sm sm:tw-text-base\">\n                <span>[ \u57f7\u884c ]<\/span>\n                <span class=\"group-hover:tw-translate-x-1 tw-transition-transform\">\u2192<\/span>\n            <\/button>\n            <button onclick=\"window.binaryGame.nextLevel()\" id=\"nextBtn\"\n                class=\"tw-hidden tw-bg-info\/10 tw-border tw-border-info tw-text-info hover:tw-bg-info hover:tw-text-black tw-p-3 tw-font-bold tw-tracking-wider tw-transition-all tw-uppercase tw-text-sm sm:tw-text-base\">\n                [ \u4e0b\u4e00\u95dc ]\n            <\/button>\n            <button onclick=\"window.binaryGame.resetCards()\" id=\"resetBtn\"\n                class=\"tw-bg-panel tw-border tw-border-border tw-text-gray-400 hover:tw-border-white hover:tw-text-white tw-p-3 tw-font-bold tw-tracking-wider tw-transition-all tw-uppercase tw-text-sm sm:tw-text-base\">\n                [ \u91cd\u7f6e ]\n            <\/button>\n            <button onclick=\"window.binaryGame.endGame()\" id=\"quitBtn\"\n                class=\"tw-bg-alert\/10 tw-border tw-border-alert tw-text-alert hover:tw-bg-alert hover:tw-text-black tw-p-3 tw-font-bold tw-tracking-wider tw-transition-all tw-uppercase tw-text-sm sm:tw-text-base\">\n                [ \u7d42\u6b62 ]\n            <\/button>\n        <\/div>\n\n        <!-- Modal Overlay -->\n        <div id=\"gameOver\"\n            class=\"tw-fixed tw-inset-0 tw-bg-black\/90 tw-z-50 tw-hidden tw-flex tw-items-center tw-justify-center tw-backdrop-blur-sm tw-p-4\"\n            style=\"position: absolute;\">\n            <div\n                class=\"tw-bg-panel tw-border tw-border-neon tw-p-6 sm:tw-p-8 tw-max-w-md tw-w-full tw-shadow-neon tw-relative\">\n                <div class=\"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-neon\"><\/div>\n                <h2 id=\"gameOverTitle\"\n                    class=\"tw-text-2xl sm:tw-text-3xl tw-font-display tw-text-neon tw-mb-6 tw-text-center text-glow\">\n                    \u5de5\u4f5c\u968e\u6bb5\u5df2\u7d42\u6b62<\/h2>\n\n                <div class=\"tw-space-y-4 tw-font-mono tw-text-xs sm:tw-text-sm tw-mb-8\">\n                    <div class=\"tw-flex tw-justify-between tw-border-b tw-border-gray-800 tw-pb-2\">\n                        <span id=\"finalLevelLabel\" class=\"tw-text-gray-500\">\u5b8c\u6210\u95dc\u5361<\/span>\n                        <span id=\"finalLevel\" class=\"tw-text-white\">0<\/span>\n                    <\/div>\n                    <div class=\"tw-flex tw-justify-between tw-border-b tw-border-gray-800 tw-pb-2\">\n                        <span id=\"finalScoreLabel\" class=\"tw-text-gray-500\">\u7e3d\u5f97\u5206<\/span>\n                        <span id=\"finalScore\" class=\"tw-text-neon\">0<\/span>\n                    <\/div>\n                    <div class=\"tw-flex tw-justify-between tw-border-b tw-border-gray-800 tw-pb-2\">\n                        <span id=\"correctLabel\" class=\"tw-text-gray-500\">\u6b63\u78ba\u64cd\u4f5c<\/span>\n                        <span id=\"correctAnswers\" class=\"tw-text-white\">0<\/span>\n                    <\/div>\n                    <div class=\"tw-flex tw-justify-between\">\n                        <span id=\"accuracyLabel\" class=\"tw-text-gray-500\">\u6548\u7387<\/span>\n                        <span id=\"accuracy\" class=\"tw-text-white\">0%<\/span>\n                    <\/div>\n                <\/div>\n\n                <button onclick=\"window.binaryGame.restartGame()\" id=\"restartBtn\"\n                    class=\"tw-w-full tw-bg-neon tw-text-black tw-font-bold tw-py-3 hover:tw-bg-white tw-transition-colors tw-uppercase tw-tracking-widest tw-text-sm sm:tw-text-base\">\n                    [ \u91cd\u555f\u7cfb\u7d71 ]\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Encapsulate game logic in a namespace to avoid global conflicts\n        window.binaryGame = (function () {\n            const cardValues = [16, 8, 4, 2, 1];\n            let currentTarget = 5;\n            let currentLevel = 1;\n            let currentScore = 0;\n            let cardStates = [true, true, true, true, true];\n            let correctCount = 0;\n            let totalAttempts = 0;\n            let currentLang = 'zh';\n            let levelCompleted = false;\n            let startTime = Date.now();\n\n            \/\/ Update Uptime\n            setInterval(() => {\n                const diff = Math.floor((Date.now() - startTime) \/ 1000);\n                const h = Math.floor(diff \/ 3600).toString().padStart(2, '0');\n                const m = Math.floor((diff % 3600) \/ 60).toString().padStart(2, '0');\n                const s = (diff % 60).toString().padStart(2, '0');\n                const el = document.getElementById('uptime');\n                if (el) el.textContent = `${h}:${m}:${s}`;\n            }, 1000);\n\n            function log(msg, type = 'info') {\n                const logPanel = document.getElementById('logContent');\n                if (!logPanel) return;\n                const entry = document.createElement('div');\n                const timestamp = new Date().toLocaleTimeString('en-US', { hour12: false });\n                entry.textContent = `[${timestamp}] ${msg}`;\n\n                if (type === 'error') entry.className = 'tw-text-alert';\n                else if (type === 'success') entry.className = 'tw-text-neon';\n                else entry.className = 'tw-text-gray-400';\n\n                logPanel.prepend(entry);\n            }\n\n            const i18n = {\n                zh: {\n                    appTitle: '\u4e8c\u9032\u4f4d\u5100\u8868\u677f v1.0',\n                    sessionStats: '\u5de5\u4f5c\u968e\u6bb5\u7d71\u8a08',\n                    levelLabel: '\u95dc\u5361',\n                    scoreLabel: '\u5f97\u5206',\n                    uptimeLabel: '\u904b\u884c\u6642\u9593',\n                    statusLabel: '\u7cfb\u7d71\u72c0\u614b',\n                    statusValue: '\u6b63\u5e38',\n                    statusError: '\u7570\u5e38',\n                    targetLabel: '\u76ee\u6a19\u6578\u503c',\n                    decimalLabel: '\u5341\u9032\u4f4d',\n                    currentLabel: '\u7576\u524d\u7e3d\u548c',\n                    diffPrefix: '\u5dee\u503c',\n                    bitRegisters: '\u4f4d\u5143\u66ab\u5b58\u5668',\n                    systemLog: '\u7cfb\u7d71\u65e5\u8a8c',\n                    valPrefix: '\u4f4d\u503c',\n                    submitBtn: '[ \u57f7\u884c ]',\n                    resetBtn: '[ \u91cd\u7f6e ]',\n                    nextBtn: '[ \u4e0b\u4e00\u95dc ]',\n                    quitBtn: '[ \u7d42\u6b62 ]',\n                    gameOverTitle: '\u5de5\u4f5c\u968e\u6bb5\u5df2\u7d42\u6b62',\n                    finalLevelLabel: '\u5b8c\u6210\u95dc\u5361',\n                    finalScoreLabel: '\u7e3d\u5f97\u5206',\n                    correctLabel: '\u6b63\u78ba\u64cd\u4f5c',\n                    accuracyLabel: '\u6548\u7387',\n                    restartBtn: '[ \u91cd\u555f\u7cfb\u7d71 ]',\n                    correct: '\u64cd\u4f5c\u6210\u529f\u3002\u76ee\u6a19\u9054\u6210\u3002',\n                    incorrect: '\u932f\u8aa4\uff1a\u6578\u503c\u4e0d\u7b26\u3002\u9810\u671f {target}\uff0c\u5be6\u969b {current}\u3002',\n                    logNewTarget: '\u65b0\u76ee\u6a19\u5df2\u8a2d\u5b9a: {target}',\n                    logReset: '\u66ab\u5b58\u5668\u5df2\u91cd\u7f6e',\n                    logLevel: '\u95dc\u5361 {level} \u5df2\u555f\u52d5',\n                    logTerminated: '\u4f7f\u7528\u8005\u7d42\u6b62\u4e86\u5de5\u4f5c\u968e\u6bb5',\n                    tutorial: [\n                        '\u521d\u59cb\u5316\u6559\u5b78\u5e8f\u5217...',\n                        '\u2022 \u5207\u63db\u66ab\u5b58\u5668 [\u4f4d\u5143] \u4ee5\u4fee\u6539\u7e3d\u548c',\n                        '\u2022 \u4f4d\u5143\u503c\uff1a16, 8, 4, 2, 1',\n                        '\u2022 \u5339\u914d\u76ee\u6a19\u6578\u503c\u4ee5\u7e7c\u7e8c',\n                        '\u7cfb\u7d71\u5c31\u7dd2\u3002'\n                    ]\n                },\n                en: {\n                    appTitle: 'BINARY_DIGITS_v1.0',\n                    sessionStats: 'SESSION_STATS',\n                    levelLabel: 'LEVEL',\n                    scoreLabel: 'SCORE',\n                    uptimeLabel: 'UPTIME',\n                    statusLabel: 'STATUS',\n                    statusValue: 'ACTIVE',\n                    statusError: 'ERROR',\n                    targetLabel: 'TARGET_VALUE',\n                    decimalLabel: 'DECIMAL',\n                    currentLabel: 'CURRENT_SUM',\n                    diffPrefix: 'DIFF',\n                    bitRegisters: 'BIT_REGISTERS',\n                    systemLog: 'SYSTEM_LOG',\n                    valPrefix: 'VAL',\n                    submitBtn: '[ EXECUTE ]',\n                    resetBtn: '[ RESET ]',\n                    nextBtn: '[ NEXT_LEVEL ]',\n                    quitBtn: '[ TERMINATE ]',\n                    gameOverTitle: 'SESSION_TERMINATED',\n                    finalLevelLabel: 'LEVELS_CLEARED',\n                    finalScoreLabel: 'TOTAL_SCORE',\n                    correctLabel: 'CORRECT_OPS',\n                    accuracyLabel: 'EFFICIENCY',\n                    restartBtn: '[ REBOOT_SYSTEM ]',\n                    correct: 'OPERATION SUCCESSFUL. TARGET MATCHED.',\n                    incorrect: 'ERROR: VALUE MISMATCH. EXPECTED {target}, GOT {current}.',\n                    logNewTarget: 'NEW TARGET SET: {target}',\n                    logReset: 'REGISTERS RESET',\n                    logLevel: 'LEVEL {level} INITIATED',\n                    logTerminated: 'SESSION TERMINATED BY USER',\n                    tutorial: [\n                        'INITIALIZING TUTORIAL SEQUENCE...',\n                        '\u2022 TOGGLE REGISTERS [BITS] TO MODIFY SUM',\n                        '\u2022 BIT VALUES: 16, 8, 4, 2, 1',\n                        '\u2022 MATCH TARGET VALUE TO PROCEED',\n                        'SYSTEM READY.'\n                    ]\n                }\n            };\n\n            function switchLanguage(lang) {\n                currentLang = lang;\n\n                const btnZh = document.getElementById('langZh');\n                const btnEn = document.getElementById('langEn');\n\n                if (lang === 'zh') {\n                    btnZh.className = \"tw-px-4 tw-py-2 tw-border-2 tw-border-neon tw-text-neon tw-bg-black tw-transition-colors\";\n                    btnEn.className = \"tw-px-4 tw-py-2 tw-border-2 tw-border-gray-800 tw-text-gray-500 tw-bg-black hover:tw-border-gray-600 hover:tw-text-gray-400 tw-transition-colors\";\n                } else {\n                    btnEn.className = \"tw-px-4 tw-py-2 tw-border-2 tw-border-neon tw-text-neon tw-bg-black tw-transition-colors\";\n                    btnZh.className = \"tw-px-4 tw-py-2 tw-border-2 tw-border-gray-800 tw-text-gray-500 tw-bg-black hover:tw-border-gray-600 hover:tw-text-gray-400 tw-transition-colors\";\n                }\n\n                const t = i18n[lang];\n\n                document.getElementById('appTitle').textContent = t.appTitle;\n                document.getElementById('sessionStats').innerHTML = `<svg class=\"tw-w-3 tw-h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg> ${t.sessionStats}`;\n                document.getElementById('levelLabel').textContent = t.levelLabel;\n                document.getElementById('scoreLabel').textContent = t.scoreLabel;\n                document.getElementById('uptimeLabel').textContent = t.uptimeLabel;\n                document.getElementById('statusLabel').textContent = t.statusLabel;\n                const statusEl = document.getElementById('statusValue');\n                if (statusEl.classList.contains('tw-text-alert')) {\n                    statusEl.textContent = t.statusError;\n                } else {\n                    statusEl.textContent = t.statusValue;\n                }\n\n                document.getElementById('targetLabel').textContent = t.targetLabel;\n                document.getElementById('decimalLabel').textContent = t.decimalLabel;\n                document.getElementById('currentLabel').textContent = t.currentLabel;\n                document.getElementById('bitRegisters').textContent = t.bitRegisters;\n                document.getElementById('systemLog').textContent = t.systemLog;\n\n                document.querySelector('#submitBtn span').textContent = t.submitBtn;\n                document.getElementById('nextBtn').textContent = t.nextBtn;\n                document.getElementById('resetBtn').textContent = t.resetBtn;\n                document.getElementById('quitBtn').textContent = t.quitBtn;\n\n                document.getElementById('gameOverTitle').textContent = t.gameOverTitle;\n                document.getElementById('finalLevelLabel').textContent = t.finalLevelLabel;\n                document.getElementById('finalScoreLabel').textContent = t.finalScoreLabel;\n                document.getElementById('correctLabel').textContent = t.correctLabel;\n                document.getElementById('accuracyLabel').textContent = t.accuracyLabel;\n                document.getElementById('restartBtn').textContent = t.restartBtn;\n\n                createCards();\n                updateCurrentValue();\n            }\n\n            function createCards() {\n                const container = document.getElementById('cardsContainer');\n                container.innerHTML = '';\n\n                cardValues.forEach((value, index) => {\n                    const register = document.createElement('div');\n                    register.className = 'tw-flex tw-flex-col tw-items-center tw-gap-1 tw-group tw-cursor-pointer';\n                    register.onclick = () => toggleCard(index);\n\n                    \/\/ Card Container (Perspective)\n                    const cardBox = document.createElement('div');\n                    cardBox.id = `card-box-${index}`;\n                    cardBox.className = 'card-perspective tw-w-14 tw-h-20 sm:tw-w-16 sm:tw-h-24 tw-relative';\n\n                    \/\/ Card Inner (Transform)\n                    const cardInner = document.createElement('div');\n                    cardInner.id = `card-inner-${index}`;\n                    cardInner.className = 'card-inner';\n\n                    \/\/ Front Face (With Dots)\n                    const cardFront = document.createElement('div');\n                    cardFront.className = 'card-face card-front tw-flex-col tw-p-2';\n\n                    \/\/ Dots Container\n                    const dotsContainer = document.createElement('div');\n\n                    \/\/ Determine grid columns based on value\n                    let gridCols = 'tw-grid-cols-1';\n                    if (value === 4 || value === 8) {\n                        gridCols = 'tw-grid-cols-2';\n                    } else if (value === 16) {\n                        gridCols = 'tw-grid-cols-4';\n                    }\n\n                    dotsContainer.className = `tw-grid ${gridCols} tw-gap-1 tw-justify-items-center tw-content-center tw-w-full tw-h-full`;\n\n                    for (let i = 0; i < value; i++) {\n                        const dot = document.createElement('div');\n                        dot.className = 'tw-w-1.5 tw-h-1.5 sm:tw-w-2 sm:tw-h-2 tw-rounded-full tw-bg-neon';\n                        dotsContainer.appendChild(dot);\n                    }\n                    cardFront.appendChild(dotsContainer);\n\n                    \/\/ Back Face (Empty\/Off)\n                    const cardBack = document.createElement('div');\n                    cardBack.className = 'card-face card-back';\n\n                    \/\/ Assemble\n                    cardInner.appendChild(cardFront);\n                    cardInner.appendChild(cardBack);\n                    cardBox.appendChild(cardInner);\n\n                    const valueLabel = document.createElement('div');\n                    valueLabel.className = 'tw-text-[10px] sm:tw-text-xs tw-text-gray-500 tw-font-mono';\n                    valueLabel.textContent = `${i18n[currentLang].valPrefix}:${value}`;\n\n                    register.appendChild(valueLabel);\n                    register.appendChild(cardBox);\n                    container.appendChild(register);\n\n                    updateCardVisuals(index);\n                });\n            }\n\n            function updateCardVisuals(index) {\n                const cardBox = document.getElementById(`card-box-${index}`);\n\n                \/\/ If state is true (1), show front (dots). If false (0), show back (empty).\n                \/\/ Logic: \"Flipped\" usually means showing the back. \n                \/\/ Here, let's say:\n                \/\/ State 1 (Active) -> Show Front (Dots) -> No Flip Class\n                \/\/ State 0 (Inactive) -> Show Back (Empty) -> Add Flip Class\n\n                if (cardStates[index]) {\n                    cardBox.classList.remove('card-flipped');\n                } else {\n                    cardBox.classList.add('card-flipped');\n                }\n            }\n\n            function toggleCard(index) {\n                cardStates[index] = !cardStates[index];\n                updateCardVisuals(index);\n                updateCurrentValue();\n                updateBinaryResult();\n            }\n\n            function updateCurrentValue() {\n                const current = cardStates.reduce((sum, state, index) => {\n                    return sum + (state ? cardValues[index] : 0);\n                }, 0);\n                document.getElementById('currentValue').textContent = current;\n\n                const diff = current - currentTarget;\n                const diffEl = document.getElementById('diffIndicator');\n                const progressEl = document.getElementById('progressBar');\n                const prefix = i18n[currentLang].diffPrefix;\n\n                if (diff === 0) {\n                    diffEl.textContent = 'MATCH';\n                    diffEl.className = 'tw-text-[10px] sm:tw-text-xs tw-px-2 tw-py-1 tw-rounded tw-bg-neon tw-text-black tw-font-bold';\n                    progressEl.className = 'tw-h-full tw-bg-neon tw-transition-all tw-duration-300 tw-w-full';\n                } else {\n                    diffEl.textContent = `${prefix}: ${diff > 0 ? '+' : ''}${diff}`;\n                    diffEl.className = diff > 0 ? 'tw-text-[10px] sm:tw-text-xs tw-px-2 tw-py-1 tw-rounded tw-bg-warn tw-text-black' : 'tw-text-[10px] sm:tw-text-xs tw-px-2 tw-py-1 tw-rounded tw-bg-gray-800 tw-text-gray-400';\n\n                    const percent = Math.min(100, Math.max(0, (current \/ (currentTarget * 1.5)) * 100));\n                    progressEl.style.width = `${percent}%`;\n                    progressEl.className = diff > 0 ? 'tw-h-full tw-bg-warn tw-transition-all tw-duration-300' : 'tw-h-full tw-bg-gray-600 tw-transition-all tw-duration-300';\n                }\n            }\n\n            function updateBinaryResult() {\n                const binaryString = cardStates.map(state => state ? '1' : '0').join('');\n                const decimalValue = cardStates.reduce((sum, state, index) => {\n                    return sum + (state ? cardValues[index] : 0);\n                }, 0);\n                document.getElementById('binaryResult').textContent = `${binaryString} = ${decimalValue}`;\n            }\n\n            function generateTarget() {\n                const maxValue = Math.min(10 + currentLevel * 3, 31);\n                const minValue = Math.max(1, currentLevel - 1);\n                currentTarget = Math.floor(Math.random() * (maxValue - minValue + 1)) + minValue;\n                document.getElementById('targetNumber').textContent = currentTarget;\n                log(i18n[currentLang].logNewTarget.replace('{target}', currentTarget));\n            }\n\n            function setStatus(type) {\n                const statusEl = document.getElementById('statusValue');\n                if (type === 'error') {\n                    statusEl.textContent = i18n[currentLang].statusError;\n                    statusEl.className = 'tw-text-xs sm:tw-text-sm tw-font-mono tw-text-alert';\n                } else {\n                    statusEl.textContent = i18n[currentLang].statusValue;\n                    statusEl.className = 'tw-text-xs sm:tw-text-sm tw-font-mono tw-text-neon';\n                }\n            }\n\n            function checkAnswer() {\n                const current = cardStates.reduce((sum, state, index) => {\n                    return sum + (state ? cardValues[index] : 0);\n                }, 0);\n\n                const nextBtn = document.getElementById('nextBtn');\n                const submitBtn = document.getElementById('submitBtn');\n                totalAttempts++;\n\n                if (current === currentTarget) {\n                    log(i18n[currentLang].correct, 'success');\n\n                    if (!levelCompleted) {\n                        currentScore += 10 * currentLevel;\n                        correctCount++;\n                        levelCompleted = true;\n                    }\n\n                    setStatus('normal');\n                    updateDisplay();\n                    nextBtn.classList.remove('tw-hidden');\n                    submitBtn.classList.add('tw-hidden');\n                } else {\n                    setStatus('error');\n                    const msg = i18n[currentLang].incorrect\n                        .replace('{current}', current)\n                        .replace('{target}', currentTarget);\n                    log(msg, 'error');\n                }\n            }\n\n            function resetCards() {\n                cardStates = [true, true, true, true, true];\n                cardValues.forEach((_, index) => {\n                    updateCardVisuals(index);\n                });\n                updateCurrentValue();\n                updateBinaryResult();\n                setStatus('normal');\n                log(i18n[currentLang].logReset, 'info');\n            }\n\n            function nextLevel() {\n                currentLevel++;\n                levelCompleted = false;\n                resetCards();\n                generateTarget();\n                updateDisplay();\n                setStatus('normal');\n                document.getElementById('nextBtn').classList.add('tw-hidden');\n                document.getElementById('submitBtn').classList.remove('tw-hidden');\n                log(i18n[currentLang].logLevel.replace('{level}', currentLevel), 'info');\n            }\n\n            function updateDisplay() {\n                document.getElementById('level').textContent = currentLevel;\n                document.getElementById('score').textContent = currentScore;\n            }\n\n            function endGame() {\n                document.getElementById('finalLevel').textContent = currentLevel;\n                document.getElementById('finalScore').textContent = currentScore;\n                document.getElementById('correctAnswers').textContent = correctCount;\n\n                const accuracyRate = totalAttempts > 0 ? Math.round((correctCount \/ totalAttempts) * 100) : 0;\n                document.getElementById('accuracy').textContent = accuracyRate + '%';\n\n                const modal = document.getElementById('gameOver');\n                modal.classList.remove('tw-hidden');\n                log(i18n[currentLang].logTerminated, 'warn');\n            }\n\n            function restartGame() {\n                currentLevel = 1;\n                currentScore = 0;\n                correctCount = 0;\n                totalAttempts = 0;\n                levelCompleted = false;\n                startTime = Date.now();\n\n                const modal = document.getElementById('gameOver');\n                modal.classList.add('tw-hidden');\n\n                resetCards();\n                generateTarget();\n                updateDisplay();\n                document.getElementById('nextBtn').classList.add('tw-hidden');\n                document.getElementById('submitBtn').classList.remove('tw-hidden');\n\n                document.getElementById('logContent').innerHTML = '';\n                i18n[currentLang].tutorial.forEach(line => log(line));\n            }\n\n            function initGame() {\n                createCards();\n                generateTarget();\n                updateDisplay();\n                i18n[currentLang].tutorial.forEach(line => log(line));\n            }\n\n            \/\/ Expose public methods\n            return {\n                initGame,\n                switchLanguage,\n                checkAnswer,\n                nextLevel,\n                resetCards,\n                endGame,\n                restartGame\n            };\n        })();\n\n        \/\/ Start the game\n        window.binaryGame.initGame();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5152\u7ae5\u7684\u77e5\u8b58\u9ad4\u7cfb\u662f\u7531\u5152\u7ae5\u81ea\u5df1\u4e3b\u52d5\u69cb\u5efa &#8212; \u9ad4\u9a57\u904b\u7b97\u601d\u7dad\u8207\u6d77\u9f9c\u5e7e\u5408\u7684\u9b45\u529b&#8212; \u6436\u5148\u9ad4\u9a57 \u52a0\u5165 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"home","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":20,"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":879,"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/pages\/14\/revisions\/879"}],"wp:attachment":[{"href":"https:\/\/learndeeplytw.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}