\u65b0\u52a0\u5761\u8c61\u68cb<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n <style>\n :root {\n --color-primary: #8c2f39;\n --color-primary-dark: #6e242d;\n --color-secondary: #e4a855;\n --color-secondary-light: #f0d6a8;\n --color-text: #1c1c1c;\n --color-text-light: #5a5a5a;\n --color-background: #fafafa;\n --color-card-bg: #ffffff;\n --color-light-bg: #fdf8f0;\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: \"Noto Sans SC\",\"PingFang SC\",\"Microsoft YaHei\",\"Helvetica Neue\",Arial,sans-serif;\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, var(--color-secondary) 100%);\n color: white;\n overflow-x: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n }\n .lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 25px;\n padding: 8px 20px;\n display: flex;\n gap: 12px;\n align-items: center;\n transition: all 0.3s ease;\n }\n .lang-switcher:hover { background: rgba(255,255,255,0.2); transform: translateY(-2px); }\n .lang-switcher button {\n background: none;\n border: none;\n color: rgba(255,255,255,0.7);\n font-size: 0.9em;\n font-weight: 600;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 12px;\n transition: all 0.3s ease;\n font-family: inherit;\n }\n .lang-switcher button.active { background: var(--color-secondary); color: var(--color-primary-dark); }\n .lang-switcher button:not(.active):hover { color: white; background: rgba(255,255,255,0.1); }\n .lang-divider { width:1px; height:16px; background: rgba(255,255,255,0.3); }\n .main-container { position:relative; width:100%; max-width:1400px; padding:60px 20px; }\n .event-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n text-align: center;\n }\n @media (min-width: 768px) { .event-grid { grid-template-columns: repeat(2,1fr); gap:80px; } }\n @media (min-width: 1200px) { .event-grid { grid-template-columns: repeat(3,1fr); gap:100px; } }\n .event-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n }\n\n \/*\n * BUG FIX: Wrap title in a non-layout-affecting container so GSAP 3D\n * transforms on the title text do NOT shift surrounding elements.\n * The .event-title-wrapper reserves space; the inner span floats freely.\n *\/\n .event-title-wrapper {\n position: relative;\n height: 1.2em; \/* reserve vertical space to prevent layout jump *\/\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n }\n .event-title {\n font-size: clamp(2.5rem,8vw,5rem);\n font-weight: 900;\n letter-spacing: -1px;\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n line-height: 1.2;\n cursor: pointer;\n transition: color 0.3s ease;\n will-change: transform;\n display: inline-block;\n \/* Keep it in flow within wrapper, GSAP will transform it *\/\n transform-origin: center center;\n }\n .event-title:hover { color: var(--color-secondary-light); }\n .event-subtitle {\n font-size: clamp(1.1rem,2.5vw,1.5rem);\n font-weight: 500;\n opacity: 0.9;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n .event-badge {\n display: inline-block;\n background: var(--color-secondary);\n color: var(--color-primary-dark);\n padding: 6px 18px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n box-shadow: 0 4px 15px rgba(228,168,85,0.4);\n }\n .event-links { margin-top:15px; display:flex; flex-direction:column; gap:12px; align-items:center; }\n .event-link {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n font-weight: 500;\n padding: 10px 24px;\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(5px);\n border-radius: 25px;\n border: 1px solid rgba(255,255,255,0.2);\n transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n display: inline-block;\n \/* FIX: use margin instead of translateY to prevent parent layout shifts *\/\n }\n .event-link:hover {\n background: rgba(255,255,255,0.2);\n border-color: rgba(255,255,255,0.4);\n margin-top: -2px;\n margin-bottom: 2px;\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n }\n .cta-button {\n background: var(--color-secondary);\n color: var(--color-primary-dark);\n padding: 12px 32px;\n border-radius: 30px;\n font-weight: 700;\n font-size: 1.05rem;\n border: none;\n text-decoration: none;\n display: inline-block;\n margin-top: 10px;\n transition: background 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 6px 20px rgba(228,168,85,0.4);\n }\n .cta-button:hover {\n background: var(--color-secondary-light);\n margin-top: 7px; \/* offset the 10px margin-top by 3px lift *\/\n margin-bottom: 3px;\n box-shadow: 0 8px 25px rgba(228,168,85,0.5);\n }\n .hero-header { text-align:center; margin-bottom:80px; opacity:0; }\n .hero-header h1 {\n font-size: clamp(2.5rem,10vw,6rem);\n font-weight: 900;\n margin-bottom: 20px;\n text-shadow: 0 6px 30px rgba(0,0,0,0.4);\n letter-spacing: -2px;\n }\n .hero-header p {\n font-size: clamp(1.2rem,3vw,2rem);\n opacity: 0.95;\n font-weight: 300;\n text-shadow: 0 3px 15px rgba(0,0,0,0.3);\n }\n @media (max-width: 767px) { .main-container { padding:40px 15px; } .event-grid { gap:50px; } }\n\/* Target the WordPress Navigation Block specifically *\/\n.wp-block-navigation .wp-block-navigation-item__content,\n.wp-block-navigation .wp-block-navigation-item__label,\n.wp-block-navigation-item__content.wp-block-navigation-item__content {\n color: #FFFFFF !important;\n}\n.wp-block-navigation.has-black-color {\n color: #FFFFFF !important;\n}\n@media (max-width: 991px) {\n .wp-block-navigation__responsive-container-content, \n .wp-block-navigation__responsive-container {\n background-color: var(--color-primary-dark) !important;\n }\n .wp-block-navigation__responsive-container-close {\n color: #FFFFFF !important;\n }\n}\n <\/style>\n <\/head>\n <body>\n <div class=\"lang-switcher\">\n <button class=\"lang-btn active\" data-lang=\"zh\">\u4e2d\u6587<\/button>\n <div class=\"lang-divider\"><\/div>\n <button class=\"lang-btn\" data-lang=\"en\">English<\/button>\n <\/div>\n\n <div class=\"main-container\">\n <div class=\"hero-header\">\n <h1 data-zh=\"\u65b0\u52a0\u5761\u8c61\u68cb\" data-en=\"Xiangqi Events\">\u65b0\u52a0\u5761\u8c61\u68cb<\/h1>\n <p data-zh=\"\u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001\" data-en=\"Stay updated with the latest tournament news\">\u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001<\/p>\n <\/div>\n\n <div class=\"event-grid\">\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#e4a855;color:#6e242d\" data-zh=\"\u6700\u65b0\u516c\u544a\" data-en=\"Latest News\">\u6700\u65b0\u516c\u544a<\/span>\n <h2 class=\"event-title\" data-zh=\"\u8d5b\u4e8b\u52a8\u6001\" data-en=\"Updates\">\u8d5b\u4e8b\u52a8\u6001<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8\" data-en=\"Latest News & Activities\">\u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/05\/12\/65qgs\/\" target=\"_blank\" class=\"event-link\" data-zh=\"2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b\" data-en=\"2026 65th National Open\">2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b<\/a>\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/\u6d3b\u52a8\u56de\u987e\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u67e5\u770b\u6240\u6709\u516c\u544a\" data-en=\"View All\">\u67e5\u770b\u6240\u6709\u516c\u544a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:white;color:#8c2f39\" data-zh=\"\u5386\u53f2\" data-en=\"History\">\u5386\u53f2<\/span>\n <h2 class=\"event-title\" data-zh=\"\u5df2\u5b8c\u6210\u8d5b\u4e8b\" data-en=\"Completed\">\u5df2\u5b8c\u6210\u8d5b\u4e8b<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4\" data-en=\"Tournament Highlights\">\u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/02\/22\/qyb26\" target=\"_blank\" class=\"event-link\" data-zh=\"\u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b\" data-en=\"14th Friendship Cup Team Competition\">\u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/02\/07\/28cyc26\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u7b2c28\u5c4a\u201c\u8336\u9633\u676f"\u5b66\u751f\u8d5b\" data-en=\"28th Char Yong Cup National Student Individual\">\u7b2c28\u5c4a\u201c\u8336\u9633\u676f”\u5b66\u751f\u8d5b<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/01\/18\/1plc26\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u4f69\u73b2\u676f\u516c\u5f00\u8d5b\" data-en=\"Pei Ling Cup Open\">\u4f69\u73b2\u676f\u516c\u5f00\u8d5b<\/a>\n <a href=\"http:\/\/www.xiangqi.sg\/wordpress\/tournaments\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u8d5b\u4e8b\u6863\u6848\u9986\" data-en=\"Archives\">\u8d5b\u4e8b\u6863\u6848\u9986<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#e4a855;color:#6e242d\" data-zh=\"\u91cd\u70b9\" data-en=\"Featured\">\u91cd\u70b9<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7279\u522b\u6d3b\u52a8\" data-en=\"Special\">\u7279\u522b\u6d3b\u52a8<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u652f\u6301\u8c61\u68cb\u53d1\u5c55\" data-en=\"Support Xiangqi Development\">\u652f\u6301\u8c61\u68cb\u53d1\u5c55<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%e8%b1%a1%e6%80%bb%e5%8b%9f%e6%8d%90%e6%b4%bb%e5%8a%a8%e8%8e%b7%e5%be%97%e5%9b%9b%e6%96%b9%e5%93%8d%e5%ba%94\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u8c61\u603b\u52df\u6350\u6d3b\u52a8\" data-en=\"Fundraising\">\u8c61\u603b\u52df\u6350\u6d3b\u52a8<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#6e242d;color:white\" data-zh=\"\u57f9\u8bad\" data-en=\"Training\">\u57f9\u8bad<\/span>\n <h2 class=\"event-title\" data-zh=\"\u57f9\u8bad\u8bfe\u7a0b\" data-en=\"Courses\">\u57f9\u8bad\u8bfe\u7a0b<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u63d0\u5347\u68cb\u827a\u6c34\u5e73\" data-en=\"Improve Your Skills\">\u63d0\u5347\u68cb\u827a\u6c34\u5e73<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%E4%B8%93%E6%A0%8F%E5%9F%B9%E8%AE%AD\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u4e86\u89e3\u66f4\u591a\" data-en=\"Learn More\">\u4e86\u89e3\u66f4\u591a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#f0d6a8;color:#6e242d\" data-zh=\"\u6392\u540d\" data-en=\"Rankings\">\u6392\u540d<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7b49\u7ea7\u5206\" data-en=\"Ratings\">\u7b49\u7ea7\u5206<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u5b98\u65b9\u6392\u540d\u66f4\u65b0\" data-en=\"Official Rankings\">\u5b98\u65b9\u6392\u540d\u66f4\u65b0<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/\u8003\u94e8\u62a5\u9053\/\" target=\"_blank\" class=\"event-link\" data-zh=\"2026\u4e0a\u534a\u5e74\u66f4\u65b0\" data-en=\"2026 H1 Update\">2026\u4e0a\u534a\u5e74\u66f4\u65b0<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/\u8003\u94e8\u62a5\u9053\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u67e5\u770b\u6392\u540d\" data-en=\"View Rankings\">\u67e5\u770b\u6392\u540d<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:rgba(255,255,255,0.3);color:white\" data-zh=\"\u7eaa\u5ff5\" data-en=\"Memorial\">\u7eaa\u5ff5<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7f05\u6000\" data-en=\"Tribute\">\u7f05\u6000<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u81f4\u656c\u68cb\u575b\u524d\u8f88\" data-en=\"Honoring Our Masters\">\u81f4\u656c\u68cb\u575b\u524d\u8f88<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%e6%b7%b1%e6%b7%b1%e6%80%80%e5%bf%b5%e8%a8%80%e7%a9%86%e6%b1%9f%e8%80%81%e5%b8%88\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08\" data-en=\"In Memory\">\u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n window.addEventListener(\"load\", function () {\n if (typeof gsap === \"undefined\") return;\n gsap.registerPlugin(ScrollTrigger);\n\n const tl = gsap.timeline({ defaults: { ease: \"power3.out\" } });\n tl.to(\".hero-header\", { opacity:1, y:0, duration:1 });\n tl.from(\".event-group\", { y:180, opacity:0, rotationX:-40, stagger:0.14, duration:1.4 }, 0.5);\n\n \/*\n * BUG FIX: Animate only the .event-title element, NOT the wrapper.\n * This keeps the layout wrapper stable while the text floats freely,\n * preventing the \"jumping\" scroll\/layout-shift on hover.\n *\/\n gsap.utils.toArray(\".event-title\").forEach((title, i) => {\n gsap.to(title, {\n rotationX: i % 2 ? 5 : -5,\n rotationY: i % 3 ? 8 : -7,\n y: i % 2 ? 6 : -6,\n ease: \"sine.inOut\",\n duration: 5 + Math.random() * 3,\n repeat: -1,\n yoyo: true,\n delay: i * 0.4,\n transformOrigin: \"center center\",\n });\n });\n\n \/\/ Language switcher\n const langButtons = document.querySelectorAll(\".lang-btn\");\n let currentLang = \"zh\";\n langButtons.forEach(btn => {\n btn.addEventListener(\"click\", function () {\n const lang = this.getAttribute(\"data-lang\");\n if (lang === currentLang) return;\n currentLang = lang;\n langButtons.forEach(b => b.classList.remove(\"active\"));\n this.classList.add(\"active\");\n document.querySelectorAll(\"[data-zh][data-en]\").forEach(el => {\n const text = el.getAttribute(\"data-\" + lang);\n if (text) el.textContent = text;\n });\n });\n });\n });\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<script type=\"module\">\nimport { WebHaptics } from 'https:\/\/cdn.jsdelivr.net\/npm\/web-haptics@0.0.6\/+esm';\nconst haptics = new WebHaptics();\n\ndocument.addEventListener('click', (e) => {\n if (e.target.closest('button, [role=\"button\"], a, label, input[type=\"submit\"]')) {\n haptics.trigger('selection');\n }\n}, { passive: true });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u65b0\u52a0\u5761\u8c61\u68cb \u4e2d\u6587 English \u65b0\u52a0\u5761\u8c61\u68cb \u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001 \u6700\u65b0\u516c\u544a \u8d5b\u4e8b\u52a8\u6001 \u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8 2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b \u67e5\u770b\u6240\u6709\u516c\u544a \u5386\u53f2 \u5df2\u5b8c\u6210\u8d5b\u4e8b \u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4 \u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b \u7b2c28\u5c4a\u201c\u8336\u9633\u676f”\u5b66\u751f\u8d5b \u4f69\u73b2\u676f\u516c\u5f00\u8d5b \u8d5b\u4e8b\u6863\u6848\u9986 \u91cd\u70b9 \u7279\u522b\u6d3b\u52a8 \u652f\u6301\u8c61\u68cb\u53d1\u5c55 \u8c61\u603b\u52df\u6350\u6d3b\u52a8 \u57f9\u8bad \u57f9\u8bad\u8bfe\u7a0b \u63d0\u5347\u68cb\u827a\u6c34\u5e73 \u4e86\u89e3\u66f4\u591a \u6392\u540d \u7b49\u7ea7\u5206 \u5b98\u65b9\u6392\u540d\u66f4\u65b0 2026\u4e0a\u534a\u5e74\u66f4\u65b0 \u67e5\u770b\u6392\u540d \u7eaa\u5ff5 \u7f05\u6000 \u81f4\u656c\u68cb\u575b\u524d\u8f88 \u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":231,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8273,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2\/revisions\/8273"}],"wp:attachment":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2010-12-06T09:54:09","date_gmt":"2010-12-06T01:54:09","guid":{"rendered":"http:\/\/www.xiangqi.sg\/wordpress\/?page_id=2"},"modified":"2026-05-12T01:20:23","modified_gmt":"2026-05-11T17:20:23","slug":"about","status":"publish","type":"page","link":"http:\/\/www.xiangqi.sg\/wordpress\/","title":{"rendered":"Index Page"},"content":{"rendered":"\n\n\n \n \n \n \u65b0\u52a0\u5761\u8c61\u68cb<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n <style>\n :root {\n --color-primary: #8c2f39;\n --color-primary-dark: #6e242d;\n --color-secondary: #e4a855;\n --color-secondary-light: #f0d6a8;\n --color-text: #1c1c1c;\n --color-text-light: #5a5a5a;\n --color-background: #fafafa;\n --color-card-bg: #ffffff;\n --color-light-bg: #fdf8f0;\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: \"Noto Sans SC\",\"PingFang SC\",\"Microsoft YaHei\",\"Helvetica Neue\",Arial,sans-serif;\n background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, var(--color-secondary) 100%);\n color: white;\n overflow-x: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n -webkit-font-smoothing: antialiased;\n }\n .lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 25px;\n padding: 8px 20px;\n display: flex;\n gap: 12px;\n align-items: center;\n transition: all 0.3s ease;\n }\n .lang-switcher:hover { background: rgba(255,255,255,0.2); transform: translateY(-2px); }\n .lang-switcher button {\n background: none;\n border: none;\n color: rgba(255,255,255,0.7);\n font-size: 0.9em;\n font-weight: 600;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 12px;\n transition: all 0.3s ease;\n font-family: inherit;\n }\n .lang-switcher button.active { background: var(--color-secondary); color: var(--color-primary-dark); }\n .lang-switcher button:not(.active):hover { color: white; background: rgba(255,255,255,0.1); }\n .lang-divider { width:1px; height:16px; background: rgba(255,255,255,0.3); }\n .main-container { position:relative; width:100%; max-width:1400px; padding:60px 20px; }\n .event-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n text-align: center;\n }\n @media (min-width: 768px) { .event-grid { grid-template-columns: repeat(2,1fr); gap:80px; } }\n @media (min-width: 1200px) { .event-grid { grid-template-columns: repeat(3,1fr); gap:100px; } }\n .event-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n }\n\n \/*\n * BUG FIX: Wrap title in a non-layout-affecting container so GSAP 3D\n * transforms on the title text do NOT shift surrounding elements.\n * The .event-title-wrapper reserves space; the inner span floats freely.\n *\/\n .event-title-wrapper {\n position: relative;\n height: 1.2em; \/* reserve vertical space to prevent layout jump *\/\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: visible;\n }\n .event-title {\n font-size: clamp(2.5rem,8vw,5rem);\n font-weight: 900;\n letter-spacing: -1px;\n text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n line-height: 1.2;\n cursor: pointer;\n transition: color 0.3s ease;\n will-change: transform;\n display: inline-block;\n \/* Keep it in flow within wrapper, GSAP will transform it *\/\n transform-origin: center center;\n }\n .event-title:hover { color: var(--color-secondary-light); }\n .event-subtitle {\n font-size: clamp(1.1rem,2.5vw,1.5rem);\n font-weight: 500;\n opacity: 0.9;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n .event-badge {\n display: inline-block;\n background: var(--color-secondary);\n color: var(--color-primary-dark);\n padding: 6px 18px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 8px;\n box-shadow: 0 4px 15px rgba(228,168,85,0.4);\n }\n .event-links { margin-top:15px; display:flex; flex-direction:column; gap:12px; align-items:center; }\n .event-link {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n font-weight: 500;\n padding: 10px 24px;\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(5px);\n border-radius: 25px;\n border: 1px solid rgba(255,255,255,0.2);\n transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n display: inline-block;\n \/* FIX: use margin instead of translateY to prevent parent layout shifts *\/\n }\n .event-link:hover {\n background: rgba(255,255,255,0.2);\n border-color: rgba(255,255,255,0.4);\n margin-top: -2px;\n margin-bottom: 2px;\n box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n }\n .cta-button {\n background: var(--color-secondary);\n color: var(--color-primary-dark);\n padding: 12px 32px;\n border-radius: 30px;\n font-weight: 700;\n font-size: 1.05rem;\n border: none;\n text-decoration: none;\n display: inline-block;\n margin-top: 10px;\n transition: background 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 6px 20px rgba(228,168,85,0.4);\n }\n .cta-button:hover {\n background: var(--color-secondary-light);\n margin-top: 7px; \/* offset the 10px margin-top by 3px lift *\/\n margin-bottom: 3px;\n box-shadow: 0 8px 25px rgba(228,168,85,0.5);\n }\n .hero-header { text-align:center; margin-bottom:80px; opacity:0; }\n .hero-header h1 {\n font-size: clamp(2.5rem,10vw,6rem);\n font-weight: 900;\n margin-bottom: 20px;\n text-shadow: 0 6px 30px rgba(0,0,0,0.4);\n letter-spacing: -2px;\n }\n .hero-header p {\n font-size: clamp(1.2rem,3vw,2rem);\n opacity: 0.95;\n font-weight: 300;\n text-shadow: 0 3px 15px rgba(0,0,0,0.3);\n }\n @media (max-width: 767px) { .main-container { padding:40px 15px; } .event-grid { gap:50px; } }\n\/* Target the WordPress Navigation Block specifically *\/\n.wp-block-navigation .wp-block-navigation-item__content,\n.wp-block-navigation .wp-block-navigation-item__label,\n.wp-block-navigation-item__content.wp-block-navigation-item__content {\n color: #FFFFFF !important;\n}\n.wp-block-navigation.has-black-color {\n color: #FFFFFF !important;\n}\n@media (max-width: 991px) {\n .wp-block-navigation__responsive-container-content, \n .wp-block-navigation__responsive-container {\n background-color: var(--color-primary-dark) !important;\n }\n .wp-block-navigation__responsive-container-close {\n color: #FFFFFF !important;\n }\n}\n <\/style>\n <\/head>\n <body>\n <div class=\"lang-switcher\">\n <button class=\"lang-btn active\" data-lang=\"zh\">\u4e2d\u6587<\/button>\n <div class=\"lang-divider\"><\/div>\n <button class=\"lang-btn\" data-lang=\"en\">English<\/button>\n <\/div>\n\n <div class=\"main-container\">\n <div class=\"hero-header\">\n <h1 data-zh=\"\u65b0\u52a0\u5761\u8c61\u68cb\" data-en=\"Xiangqi Events\">\u65b0\u52a0\u5761\u8c61\u68cb<\/h1>\n <p data-zh=\"\u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001\" data-en=\"Stay updated with the latest tournament news\">\u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001<\/p>\n <\/div>\n\n <div class=\"event-grid\">\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#e4a855;color:#6e242d\" data-zh=\"\u6700\u65b0\u516c\u544a\" data-en=\"Latest News\">\u6700\u65b0\u516c\u544a<\/span>\n <h2 class=\"event-title\" data-zh=\"\u8d5b\u4e8b\u52a8\u6001\" data-en=\"Updates\">\u8d5b\u4e8b\u52a8\u6001<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8\" data-en=\"Latest News & Activities\">\u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/05\/12\/65qgs\/\" target=\"_blank\" class=\"event-link\" data-zh=\"2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b\" data-en=\"2026 65th National Open\">2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b<\/a>\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/\u6d3b\u52a8\u56de\u987e\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u67e5\u770b\u6240\u6709\u516c\u544a\" data-en=\"View All\">\u67e5\u770b\u6240\u6709\u516c\u544a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:white;color:#8c2f39\" data-zh=\"\u5386\u53f2\" data-en=\"History\">\u5386\u53f2<\/span>\n <h2 class=\"event-title\" data-zh=\"\u5df2\u5b8c\u6210\u8d5b\u4e8b\" data-en=\"Completed\">\u5df2\u5b8c\u6210\u8d5b\u4e8b<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4\" data-en=\"Tournament Highlights\">\u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/02\/22\/qyb26\" target=\"_blank\" class=\"event-link\" data-zh=\"\u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b\" data-en=\"14th Friendship Cup Team Competition\">\u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/02\/07\/28cyc26\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u7b2c28\u5c4a\u201c\u8336\u9633\u676f"\u5b66\u751f\u8d5b\" data-en=\"28th Char Yong Cup National Student Individual\">\u7b2c28\u5c4a\u201c\u8336\u9633\u676f”\u5b66\u751f\u8d5b<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/2026\/01\/18\/1plc26\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u4f69\u73b2\u676f\u516c\u5f00\u8d5b\" data-en=\"Pei Ling Cup Open\">\u4f69\u73b2\u676f\u516c\u5f00\u8d5b<\/a>\n <a href=\"http:\/\/www.xiangqi.sg\/wordpress\/tournaments\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u8d5b\u4e8b\u6863\u6848\u9986\" data-en=\"Archives\">\u8d5b\u4e8b\u6863\u6848\u9986<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#e4a855;color:#6e242d\" data-zh=\"\u91cd\u70b9\" data-en=\"Featured\">\u91cd\u70b9<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7279\u522b\u6d3b\u52a8\" data-en=\"Special\">\u7279\u522b\u6d3b\u52a8<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u652f\u6301\u8c61\u68cb\u53d1\u5c55\" data-en=\"Support Xiangqi Development\">\u652f\u6301\u8c61\u68cb\u53d1\u5c55<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%e8%b1%a1%e6%80%bb%e5%8b%9f%e6%8d%90%e6%b4%bb%e5%8a%a8%e8%8e%b7%e5%be%97%e5%9b%9b%e6%96%b9%e5%93%8d%e5%ba%94\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u8c61\u603b\u52df\u6350\u6d3b\u52a8\" data-en=\"Fundraising\">\u8c61\u603b\u52df\u6350\u6d3b\u52a8<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#6e242d;color:white\" data-zh=\"\u57f9\u8bad\" data-en=\"Training\">\u57f9\u8bad<\/span>\n <h2 class=\"event-title\" data-zh=\"\u57f9\u8bad\u8bfe\u7a0b\" data-en=\"Courses\">\u57f9\u8bad\u8bfe\u7a0b<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u63d0\u5347\u68cb\u827a\u6c34\u5e73\" data-en=\"Improve Your Skills\">\u63d0\u5347\u68cb\u827a\u6c34\u5e73<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%E4%B8%93%E6%A0%8F%E5%9F%B9%E8%AE%AD\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u4e86\u89e3\u66f4\u591a\" data-en=\"Learn More\">\u4e86\u89e3\u66f4\u591a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:#f0d6a8;color:#6e242d\" data-zh=\"\u6392\u540d\" data-en=\"Rankings\">\u6392\u540d<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7b49\u7ea7\u5206\" data-en=\"Ratings\">\u7b49\u7ea7\u5206<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u5b98\u65b9\u6392\u540d\u66f4\u65b0\" data-en=\"Official Rankings\">\u5b98\u65b9\u6392\u540d\u66f4\u65b0<\/p>\n <div class=\"event-links\">\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/\u8003\u94e8\u62a5\u9053\/\" target=\"_blank\" class=\"event-link\" data-zh=\"2026\u4e0a\u534a\u5e74\u66f4\u65b0\" data-en=\"2026 H1 Update\">2026\u4e0a\u534a\u5e74\u66f4\u65b0<\/a>\n <a href=\"https:\/\/www.xiangqi.sg\/wordpress\/\u8003\u94e8\u62a5\u9053\/\" target=\"_blank\" class=\"cta-button\" data-zh=\"\u67e5\u770b\u6392\u540d\" data-en=\"View Rankings\">\u67e5\u770b\u6392\u540d<\/a>\n <\/div>\n <\/div>\n\n <div class=\"event-group\">\n <span class=\"event-badge\" style=\"background:rgba(255,255,255,0.3);color:white\" data-zh=\"\u7eaa\u5ff5\" data-en=\"Memorial\">\u7eaa\u5ff5<\/span>\n <h2 class=\"event-title\" data-zh=\"\u7f05\u6000\" data-en=\"Tribute\">\u7f05\u6000<\/h2>\n <p class=\"event-subtitle\" data-zh=\"\u81f4\u656c\u68cb\u575b\u524d\u8f88\" data-en=\"Honoring Our Masters\">\u81f4\u656c\u68cb\u575b\u524d\u8f88<\/p>\n <div class=\"event-links\">\n <a href=\"http:\/\/www.xiangqi.sg\/xqsite\/%e6%b7%b1%e6%b7%b1%e6%80%80%e5%bf%b5%e8%a8%80%e7%a9%86%e6%b1%9f%e8%80%81%e5%b8%88\/\" target=\"_blank\" class=\"event-link\" data-zh=\"\u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08\" data-en=\"In Memory\">\u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n window.addEventListener(\"load\", function () {\n if (typeof gsap === \"undefined\") return;\n gsap.registerPlugin(ScrollTrigger);\n\n const tl = gsap.timeline({ defaults: { ease: \"power3.out\" } });\n tl.to(\".hero-header\", { opacity:1, y:0, duration:1 });\n tl.from(\".event-group\", { y:180, opacity:0, rotationX:-40, stagger:0.14, duration:1.4 }, 0.5);\n\n \/*\n * BUG FIX: Animate only the .event-title element, NOT the wrapper.\n * This keeps the layout wrapper stable while the text floats freely,\n * preventing the \"jumping\" scroll\/layout-shift on hover.\n *\/\n gsap.utils.toArray(\".event-title\").forEach((title, i) => {\n gsap.to(title, {\n rotationX: i % 2 ? 5 : -5,\n rotationY: i % 3 ? 8 : -7,\n y: i % 2 ? 6 : -6,\n ease: \"sine.inOut\",\n duration: 5 + Math.random() * 3,\n repeat: -1,\n yoyo: true,\n delay: i * 0.4,\n transformOrigin: \"center center\",\n });\n });\n\n \/\/ Language switcher\n const langButtons = document.querySelectorAll(\".lang-btn\");\n let currentLang = \"zh\";\n langButtons.forEach(btn => {\n btn.addEventListener(\"click\", function () {\n const lang = this.getAttribute(\"data-lang\");\n if (lang === currentLang) return;\n currentLang = lang;\n langButtons.forEach(b => b.classList.remove(\"active\"));\n this.classList.add(\"active\");\n document.querySelectorAll(\"[data-zh][data-en]\").forEach(el => {\n const text = el.getAttribute(\"data-\" + lang);\n if (text) el.textContent = text;\n });\n });\n });\n });\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<script type=\"module\">\nimport { WebHaptics } from 'https:\/\/cdn.jsdelivr.net\/npm\/web-haptics@0.0.6\/+esm';\nconst haptics = new WebHaptics();\n\ndocument.addEventListener('click', (e) => {\n if (e.target.closest('button, [role=\"button\"], a, label, input[type=\"submit\"]')) {\n haptics.trigger('selection');\n }\n}, { passive: true });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u65b0\u52a0\u5761\u8c61\u68cb \u4e2d\u6587 English \u65b0\u52a0\u5761\u8c61\u68cb \u7b2c\u4e00\u65f6\u95f4\u638c\u63e1\u8c61\u603b\u4e3b\u529e\u53ca\u534f\u529e\u7684\u8d5b\u4e8b\u52a8\u6001 \u6700\u65b0\u516c\u544a \u8d5b\u4e8b\u52a8\u6001 \u6700\u65b0\u6d88\u606f\u4e0e\u6d3b\u52a8 2026\u7b2c65\u5c4a\u5b59\u6587\u5e7f\u676f\u5168\u56fd\u8c61\u68cb\u8d5b \u67e5\u770b\u6240\u6709\u516c\u544a \u5386\u53f2 \u5df2\u5b8c\u6210\u8d5b\u4e8b \u8d5b\u4e8b\u56de\u987e\u4e0e\u7cbe\u5f69\u77ac\u95f4 \u7b2c14\u5c4a\u68cb\u53cb\u676f\u56e2\u4f53\u8d5b \u7b2c28\u5c4a\u201c\u8336\u9633\u676f”\u5b66\u751f\u8d5b \u4f69\u73b2\u676f\u516c\u5f00\u8d5b \u8d5b\u4e8b\u6863\u6848\u9986 \u91cd\u70b9 \u7279\u522b\u6d3b\u52a8 \u652f\u6301\u8c61\u68cb\u53d1\u5c55 \u8c61\u603b\u52df\u6350\u6d3b\u52a8 \u57f9\u8bad \u57f9\u8bad\u8bfe\u7a0b \u63d0\u5347\u68cb\u827a\u6c34\u5e73 \u4e86\u89e3\u66f4\u591a \u6392\u540d \u7b49\u7ea7\u5206 \u5b98\u65b9\u6392\u540d\u66f4\u65b0 2026\u4e0a\u534a\u5e74\u66f4\u65b0 \u67e5\u770b\u6392\u540d \u7eaa\u5ff5 \u7f05\u6000 \u81f4\u656c\u68cb\u575b\u524d\u8f88 \u6000\u5ff5\u8a00\u7a46\u6c5f\u8001\u5e08<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":231,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8273,"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/pages\/2\/revisions\/8273"}],"wp:attachment":[{"href":"http:\/\/www.xiangqi.sg\/wordpress\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}