{"id":2836,"date":"2025-11-07T19:06:16","date_gmt":"2025-11-07T11:06:16","guid":{"rendered":"https:\/\/www.klwong.hk\/?page_id=2836"},"modified":"2026-05-22T12:34:22","modified_gmt":"2026-05-22T04:34:22","slug":"%e7%ab%8b%e6%b3%95%e6%9c%83%e9%81%b8%e8%88%89%e5%b0%88%e9%a0%81-2-3","status":"publish","type":"page","link":"https:\/\/www.klwong.hk\/?page_id=2836","title":{"rendered":"\u7acb\u6cd5\u6703\u9078\u8209\u5c08\u9801"},"content":{"rendered":"<!-- \u7acb\u6cd5\u6703\u9078\u8209\u5c08\u9801 - \u4e3b\u9801\u5167\u5bb9 -->\r\n<!-- \u8bf7\u5c06\u6b64\u5185\u5bb9\u590d\u5236\u5230 WordPress \u9875\u9762\u7684\u7f16\u8f91\u5668\u4e2d\uff0c\u5e76\u9009\u62e9 \"Election Home\" \u6a21\u677f -->\r\n<!-- \u6ce8\u610f\uff1a\u5c01\u9762\u9875\u5df2\u5728\u6a21\u677f\u4e2d\u663e\u793a\uff0c\u6b64\u5904\u53ea\u5305\u542b\u4e3b\u9875\u7279\u6709\u7684\u5bfc\u822a\u94fe\u63a5\u5185\u5bb9 -->\r\n\r\n<style>\r\n    .play-fullscreen-btn:hover {\r\n        background: rgba(30, 60, 114, 1) !important;\r\n        transform: scale(1.05);\r\n    }\r\n    \/* \u64ad\u653e\u56fe\u6807\u8986\u76d6\u5c42\u6837\u5f0f - Facebook \u98ce\u683c *\/\r\n    \r\n    .play-overlay {\r\n        pointer-events: auto;\r\n        z-index: 5;\r\n    }\r\n    \r\n    .play-overlay-button {\r\n        background-image: url(\"https:\/\/static.xx.fbcdn.net\/rsrc.php\/v4\/y6\/r\/WEXl7U8fX95.png\");\r\n        background-repeat: no-repeat;\r\n        background-size: 81px 245px;\r\n        background-position: 0px 0px;\r\n        background-color: transparent;\r\n        border: none;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        height: 80px;\r\n        width: 80px;\r\n        outline: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .play-overlay:hover .play-overlay-button {\r\n        transform: translate(-50%, -50%) scale(1.1);\r\n    }\r\n    \r\n    video {\r\n        z-index: 1;\r\n    }\r\n<\/style>\r\n\r\n<!-- Navigation Links Section - \u5c0e\u822a\u9023\u7d50\u5340 -->\r\n<div class=\"ebook-page intro-page\" style=\"text-align: center; padding: 80px 20px; border-left: none !important;\">\r\n\r\n    <!-- Cover Page -->\r\n    <div class=\"ebook-page cover-page\">\r\n        <div class=\"cover-header\">\r\n            <div class=\"cover-logo\">\r\n\r\n                <img decoding=\"async\" class=\"logo-image\" src=\"\/wp-content\/uploads\/el\/hkfew_logo.png\" alt=\"\u9999\u6e2f\u6559\u80b2\u5de5\u4f5c\u8005\u806f\u6703 Hong Kong Federation of Education Workers\" \/>\r\n                <div class=\"logo-fallback\" style=\"display: none; flex-direction: column;\">\r\n                    <div class=\"logo-hkfew\">HKFEW<\/div>\r\n                    <div class=\"logo-text\">\u9999\u6e2f\u6559\u80b2\u5de5\u4f5c\u8005\u806f\u6703<\/div>\r\n                    <div class=\"logo-text\" style=\"font-size: 14px;\">Hong Kong Federation of Education Workers<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"election-badge\">\u9078\u8209\u5ee3\u544a<\/div>\r\n        <\/div>\r\n        <div class=\"cover-slogan\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/el\/slogan.png\" alt=\"\u80b2\u624d\u8208\u6e2f\u56fa\u6839\u672c \u79d1\u6559\u9818\u822a\u5275\u672a\u4f86\" \/><\/div>\r\n        <div class=\"election-banner\">\r\n            <div class=\"election-banner-title\">2025\u5e74\u7acb\u6cd5\u6703\u9078\u8209<\/div>\r\n            <div class=\"election-banner-subtitle\">\u9078\u8209\u59d4\u54e1\u6703\u754c\u5225\u5019\u9078\u4eba<\/div>\r\n        <\/div>\r\n        <div class=\"cover-candidate\">\r\n\r\n            <!-- <img decoding=\"async\" class=\"candidate-photo\" src=\"https:\/\/www.klwong.hk\/wp-content\/uploads\/2025\/11\/candidate-photo.jpg\" alt=\"\u9ec3\u9326\u826f\" \/> -->\r\n            <div class=\"candidate-info\">\r\n                <div class=\"candidate-name\">\u9ec3\u9326\u826f <span style=\"font-size: 24px; color: #fff; margin-bottom: -20px;\">\u6821\u9577<\/span><\/div>\r\n                <div class=\"candidate-name-en\">Wong Kam Leung<\/div>\r\n                <div class=\"candidate-positions\">\u7b2c\u5341\u56db\u5c46\u6e2f\u5340\u5168\u570b\u4eba\u5927\u4ee3\u8868 \u9999\u6e2f\u6559\u80b2\u5de5\u4f5c\u8005\u806f\u6703\u4e3b\u5e2d\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"cityscape\"><\/div>\r\n    <\/div>\r\n    <div style=\"max-width: 1200px; margin: 0 auto;\">\r\n        <h2 style=\"font-size: 36px; font-weight: bold; color: #2c3e50; margin-bottom: 40px; text-align: center;\">\r\n            \u6b61\u8fce\u700f\u89bd\u6211\u7684\u9078\u8209\u5c08\u9801<\/h2>\r\n        <p style=\"font-size: 20px; line-height: 2; color: #555; margin-bottom: 60px; text-align: center;\">\r\n            \u611f\u8b1d\u60a8\u95dc\u6ce82025\u5e74\u7acb\u6cd5\u6703\u9078\u8209\u59d4\u54e1\u6703\u754c\u5225\u9078\u8209\u3002\u8acb\u9ede\u64ca\u4e0b\u65b9\u9023\u7d50\uff0c\u4e86\u89e3\u66f4\u591a\u95dc\u65bc\u6211\u7684\u53c3\u9078\u7406\u5ff5\u3001\u653f\u7db1\u4ee5\u53ca\u7d66\u9078\u59d4\u7684\u4fe1\u3002<\/p>\r\n\r\n\r\n\r\n        <!-- Facebook Videos Section - \u8996\u983b\u5340 -->\r\n        <div style=\"margin: 60px 0;\">\r\n\r\n\r\n           \r\n            <h3 style=\"font-size: 28px; font-weight: bold; color: #2c3e50; margin-bottom: 40px; text-align: center;\">\r\n                \u53c3\u9078\u5f71\u7247<\/h3>\r\n            <!-- \u7b2c\u4e00\u987a\u5e8f\uff1a\u65b0\u5f71\u7247 \u5355\u72ec\u4e00\u884c\uff08\u4e3b\u8981\u5f71\u7247\uff09 -->\r\n            <div style=\"display: flex; justify-content: center; align-items: center; margin-top: 40px; margin-bottom: 60px; width: 100%;\">\r\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: 100%; max-width: 600px; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F737392862033628%2F&amp;show_text=false&amp;width=476&amp;t=0\"\r\n                            width=\"476\" height=\"476\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F737392862033628%2F&amp;show_text=false&amp;width=476&amp;t=0\" data-aspect-ratio=\"1\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u4e3b\u8981\u7af6\u9078\u5f71\u7247 - 45wongkamleung.mp4 (\u5de6) + Facebook Reel (\u53f3) -->\r\n            <div style=\"display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 40px; margin-bottom: 60px;\">\r\n\r\n                <!-- \u5de6\u5074\u81ea\u5bb6\u5f71\u7247 -->\r\n                <div style=\"flex: 1 1 360px; order: 2; background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; max-width: 800px; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <video id=\"video-3\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 2;\" poster=\"https:\/\/www.klwong.hk\/wp-content\/uploads\/2025\/11\/45wongkamleung.jpg\" preload=\"metadata\" controls=\"controls\" width=\"300\"\r\n                            height=\"150\">\r\n                            <source src=\"https:\/\/klwong.hk\/wp-content\/uploads\/el\/45wongkamleung.mp4\" type=\"video\/mp4\" \/>\r\n                            \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u6301\u8996\u983b\u64ad\u653e\u3002\u8acb\u4f7f\u7528\u73fe\u4ee3\u700f\u89bd\u5668\uff08\u5982 Chrome\u3001Safari\u3001Firefox\uff09\u8a2a\u554f\u6b64\u9801\u9762\u3002\r\n                        <\/video>\r\n                        <div id=\"play-overlay-3\" class=\"play-overlay\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 3; border-radius: 16px; transition: opacity 0.3s ease; pointer-events: auto;\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/klwong.hk\/wp-content\/uploads\/el\/45wongkamleung.mp4\" data-aspect-ratio=\"1.78\" data-is-mp4=\"true\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n                <!-- \u53f3\u5074 Facebook Reel\uff0c\u63a1\u7528\u8207\u5176\u4ed6\u5340\u584a\u4e00\u81f4\u7684\u5361\u7247\u6a23\u5f0f -->\r\n                <div style=\"flex: 1 1 360px; order: 1; background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; max-width: 476px; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1166221678953915%2F&amp;show_text=false&amp;width=476&amp;t=0\"\r\n                            width=\"476\" height=\"476\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=476&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1166221678953915%2F&amp;show_text=false&amp;width=476&amp;t=0\" data-aspect-ratio=\"1\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u7b2c\u4e8c\u987a\u5e8f\uff1aVideo 3 \u72ec\u81ea\u4e00\u884c -->\r\n            <div style=\"display: flex; justify-content: center; margin-top: 40px; margin-bottom: 60px;\">\r\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: 100%; max-width: 800px; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 42.14%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=236&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F829348696524637%2F&amp;show_text=false&amp;width=560&amp;t=0\"\r\n                            width=\"560\" height=\"236\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=236&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F829348696524637%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"2.37\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u7b2c\u4e09\u987a\u5e8f\uff1aVideo 1-2 \u4e00\u884c -->\r\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; margin-top: 40px; align-items: start;\">\r\n\r\n                <!-- Video 1 - \u6a2a\u5411\u89c6\u9891 560x315 (16:9) -->\r\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: auto; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=315&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F814284548059967%2F&amp;show_text=false&amp;width=560&amp;t=0\"\r\n                            width=\"560\" height=\"315\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=315&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F814284548059967%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"1.78\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n                <!-- Video 2 - \u6a2a\u5411\u89c6\u9891 560x314 (\u63a5\u8fd116:9) -->\r\n                <div style=\"background: #000; border-radius: 16px; padding: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; width: auto; position: relative;\">\r\n                    <div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; background: #000;\">\r\n                        <iframe style=\"border: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1206700544641397%2F&amp;show_text=false&amp;width=560&amp;t=0\"\r\n                            width=\"560\" height=\"314\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n                    <button class=\"play-fullscreen-btn\" style=\"position: absolute; bottom: 20px; right: 20px; background: rgba(30, 60, 114, 0.9); color: #fff; border: none; padding: 12px 24px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 10; transition: all 0.3s ease;\"\r\n                        data-video-src=\"https:\/\/www.facebook.com\/plugins\/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2Freel%2F1206700544641397%2F&amp;show_text=false&amp;width=560&amp;t=0\" data-aspect-ratio=\"1.78\">\u5168\u5c4f\u64ad\u653e<\/button>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video Modal -->\r\n            <div id=\"videoModal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 10000; align-items: center; justify-content: center;\">\r\n                <div id=\"modalContainer\" style=\"position: relative; width: 90%; max-width: 1200px; max-height: 90vh; display: flex; align-items: center; justify-content: center;\">\r\n\r\n                    <button id=\"closeModal\" style=\"position: absolute; top: -40px; right: 0; background: transparent; border: none; color: #fff; font-size: 32px; cursor: pointer; z-index: 10001; padding: 5px 15px;\">\u00d7<\/button>\r\n                    <div id=\"modalVideoContainer\" style=\"position: relative; background: #000; display: flex; align-items: center; justify-content: center;\">\r\n                        <iframe id=\"modalVideo\" style=\"width: 100%; height: 100%; border: none; display: block; position: absolute; top: 0; left: 0;\" src=\"\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\r\n                        <video id=\"modalVideoMP4\" style=\"width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; object-fit: contain;\" autoplay=\"autoplay\" controls=\"controls\" width=\"300\" height=\"150\"><\/video><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <script>\r\n                document.addEventListener('DOMContentLoaded', function() {\r\n                    \/\/ \u5904\u7406\u89c6\u9891\u64ad\u653e\u56fe\u6807\r\n                    const video3 = document.getElementById('video-3');\r\n                    const playOverlay3 = document.getElementById('play-overlay-3');\r\n\r\n                    if (video3 && playOverlay3) {\r\n                        const playButton = playOverlay3.querySelector('.play-overlay-button');\r\n\r\n                        \/\/ \u70b9\u51fb\u64ad\u653e\u56fe\u6807\u6216\u8986\u76d6\u5c42\u65f6\u64ad\u653e\u89c6\u9891\r\n                        playOverlay3.addEventListener('click', function(e) {\r\n                            e.stopPropagation();\r\n                            video3.play();\r\n                        });\r\n\r\n                        if (playButton) {\r\n                            playButton.addEventListener('click', function(e) {\r\n                                e.stopPropagation();\r\n                                video3.play();\r\n                            });\r\n                        }\r\n\r\n                        \/\/ \u89c6\u9891\u64ad\u653e\u65f6\u9690\u85cf\u64ad\u653e\u56fe\u6807\r\n                        video3.addEventListener('play', function() {\r\n                            playOverlay3.style.display = 'none';\r\n                        });\r\n\r\n                        \/\/ \u89c6\u9891\u6682\u505c\u65f6\u663e\u793a\u64ad\u653e\u56fe\u6807\r\n                        video3.addEventListener('pause', function() {\r\n                            playOverlay3.style.display = 'block';\r\n                        });\r\n\r\n                        \/\/ \u89c6\u9891\u7ed3\u675f\u65f6\u663e\u793a\u64ad\u653e\u56fe\u6807\r\n                        video3.addEventListener('ended', function() {\r\n                            playOverlay3.style.display = 'block';\r\n                        });\r\n\r\n                        \/\/ \u5f53\u7528\u6237\u70b9\u51fb\u89c6\u9891\u63a7\u4ef6\u65f6\uff0c\u786e\u4fdd\u64ad\u653e\u56fe\u6807\u9690\u85cf\r\n                        video3.addEventListener('click', function(e) {\r\n                            \/\/ \u5982\u679c\u70b9\u51fb\u7684\u662f\u89c6\u9891\u63a7\u4ef6\u533a\u57df\uff0c\u9690\u85cf\u64ad\u653e\u56fe\u6807\r\n                            if (e.target === video3) {\r\n                                playOverlay3.style.display = 'none';\r\n                            }\r\n                        });\r\n\r\n                        \/\/ \u521d\u59cb\u72b6\u6001\uff1a\u5982\u679c\u89c6\u9891\u5df2\u52a0\u8f7d\u4e14\u672a\u64ad\u653e\uff0c\u663e\u793a\u64ad\u653e\u56fe\u6807\r\n                        if (video3.paused) {\r\n                            playOverlay3.style.display = 'block';\r\n                        } else {\r\n                            playOverlay3.style.display = 'none';\r\n                        }\r\n                    }\r\n\r\n                    const playButtons = document.querySelectorAll('.play-fullscreen-btn');\r\n                    const modal = document.getElementById('videoModal');\r\n                    const modalVideo = document.getElementById('modalVideo');\r\n                    const modalVideoMP4 = document.getElementById('modalVideoMP4');\r\n                    const modalVideoContainer = document.getElementById('modalVideoContainer');\r\n                    const modalContainer = document.getElementById('modalContainer');\r\n                    const closeModal = document.getElementById('closeModal');\r\n\r\n                    playButtons.forEach(button => {\r\n                        button.addEventListener('click', function(e) {\r\n                            e.stopPropagation();\r\n                            let videoSrc = this.getAttribute('data-video-src');\r\n                            const aspectRatio = parseFloat(this.getAttribute(\r\n                                'data-aspect-ratio')) || 1.78;\r\n                            const isMP4 = this.getAttribute('data-is-mp4') === 'true';\r\n\r\n                            \/\/ \u6839\u636e\u89c6\u9891\u5bbd\u9ad8\u6bd4\u8bbe\u7f6e\u6a21\u6001\u6846\u5bb9\u5668\r\n                            \/\/ \u56fa\u5b9a\u9ad8\u5ea6\u4e3a748px\uff0c\u5bbd\u5ea6\u6839\u636e\u5bbd\u9ad8\u6bd4\u81ea\u52a8\u8ba1\u7b97\r\n                            const containerHeight = 748;\r\n                            const containerWidth = containerHeight * aspectRatio;\r\n                            const maxWidth = Math.min(window.innerWidth * 0.9, 1200);\r\n\r\n                            \/\/ \u5982\u679c\u8ba1\u7b97\u51fa\u7684\u5bbd\u5ea6\u8d85\u8fc7\u9650\u5236\uff0c\u5219\u6309\u5bbd\u5ea6\u91cd\u65b0\u8ba1\u7b97\u9ad8\u5ea6\r\n                            let finalWidth = containerWidth;\r\n                            let finalHeight = containerHeight;\r\n\r\n                            if (containerWidth > maxWidth) {\r\n                                finalWidth = maxWidth;\r\n                                finalHeight = finalWidth \/ aspectRatio;\r\n                            }\r\n\r\n                            \/\/ \u8bbe\u7f6e\u5bb9\u5668\u5c3a\u5bf8\r\n                            modalVideoContainer.style.width = finalWidth + 'px';\r\n                            modalVideoContainer.style.height = finalHeight + 'px';\r\n                            modalVideoContainer.style.maxWidth = '100%';\r\n                            modalVideoContainer.style.maxHeight = '90vh';\r\n                            modalVideoContainer.style.borderRadius = '8px';\r\n                            modalVideoContainer.style.overflow = 'hidden';\r\n\r\n                            \/\/ \u6839\u636e\u89c6\u9891\u7c7b\u578b\u9009\u62e9\u64ad\u653e\u65b9\u5f0f\r\n                            if (isMP4) {\r\n                                \/\/ MP4 \u89c6\u9891\uff1a\u4f7f\u7528 video \u6807\u7b7e\r\n                                modalVideo.style.display = 'none';\r\n                                modalVideoMP4.style.display = 'block';\r\n                                modalVideoMP4.src = videoSrc;\r\n                                modalVideoMP4.play().catch(function(e) {\r\n                                    console.log('MP4 autoplay failed:', e);\r\n                                });\r\n                            } else {\r\n                                \/\/ Facebook \u89c6\u9891\uff1a\u4f7f\u7528 iframe\r\n                                modalVideoMP4.style.display = 'none';\r\n                                modalVideo.style.display = 'block';\r\n\r\n                                \/\/ \u6dfb\u52a0autoplay\u53c2\u6570\uff0c\u8ba9\u89c6\u9891\u81ea\u52a8\u64ad\u653e\r\n                                \/\/ Facebook\u89c6\u9891URL\u683c\u5f0f: ...&t=0\uff0c\u6211\u4eec\u5728t=0\u540e\u6dfb\u52a0autoplay\r\n                                \/\/ if (videoSrc.indexOf('autoplay') === -1) {\r\n                                \/\/     \/\/ \u5c1d\u8bd5\u591a\u79cdautoplay\u53c2\u6570\u683c\u5f0f\r\n                                \/\/     if (videoSrc.indexOf('&t=') !== -1) {\r\n                                \/\/         videoSrc = videoSrc.replace('&t=0', '&t=0&autoplay=1');\r\n                                \/\/     } else {\r\n                                \/\/         videoSrc += '&autoplay=1';\r\n                                \/\/     }\r\n                                \/\/ }\r\n\r\n                                modalVideo.src = videoSrc;\r\n\r\n                                \/\/ \u5c1d\u8bd5\u901a\u8fc7iframe API\u89e6\u53d1\u64ad\u653e\uff08\u5982\u679cautoplay\u4e0d\u5de5\u4f5c\uff09\r\n                                setTimeout(function() {\r\n                                    try {\r\n                                        \/\/ \u5c1d\u8bd5\u591a\u79cd\u65b9\u5f0f\u89e6\u53d1\u64ad\u653e\r\n                                        modalVideo.contentWindow.postMessage(\r\n                                            '{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}',\r\n                                            '*');\r\n                                        \/\/ \u4e5f\u5c1d\u8bd5\u76f4\u63a5\u8c03\u7528play\u65b9\u6cd5\r\n                                        if (modalVideo.contentWindow && modalVideo\r\n                                            .contentWindow.postMessage) {\r\n                                            modalVideo.contentWindow.postMessage(JSON\r\n                                                .stringify({\r\n                                                    event: 'command',\r\n                                                    func: 'playVideo',\r\n                                                    args: ''\r\n                                                }), '*');\r\n                                        }\r\n                                    } catch (e) {\r\n                                        \/\/ Facebook\u89c6\u9891\u53ef\u80fd\u4e0d\u652f\u6301\u6b64API\r\n                                        console.log('Autoplay fallback:', e);\r\n                                    }\r\n                                }, 500);\r\n\r\n                                \/\/ \u518d\u6b21\u5c1d\u8bd5\u64ad\u653e\uff08\u5ef6\u8fdf\u66f4\u4e45\uff0c\u786e\u4fddiframe\u5df2\u52a0\u8f7d\uff09\r\n                                setTimeout(function() {\r\n                                    try {\r\n                                        modalVideo.contentWindow.postMessage(JSON\r\n                                            .stringify({\r\n                                                event: 'command',\r\n                                                func: 'playVideo',\r\n                                                args: ''\r\n                                            }), '*');\r\n                                    } catch (e) {\r\n                                        console.log('Second autoplay attempt:', e);\r\n                                    }\r\n                                }, 1000);\r\n                            }\r\n\r\n                            modal.style.display = 'flex';\r\n                            document.body.style.overflow = 'hidden';\r\n                        });\r\n                    });\r\n\r\n                    closeModal.addEventListener('click', function() {\r\n                        modal.style.display = 'none';\r\n                        modalVideo.src = '';\r\n                        modalVideoMP4.src = '';\r\n                        modalVideoMP4.pause();\r\n                        document.body.style.overflow = '';\r\n                    });\r\n\r\n                    modal.addEventListener('click', function(e) {\r\n                        if (e.target === modal) {\r\n                            modal.style.display = 'none';\r\n                            modalVideo.src = '';\r\n                            modalVideoMP4.src = '';\r\n                            modalVideoMP4.pause();\r\n                            document.body.style.overflow = '';\r\n                        }\r\n                    });\r\n\r\n                    document.addEventListener('keydown', function(e) {\r\n                        if (e.key === 'Escape' && modal.style.display === 'flex') {\r\n                            modal.style.display = 'none';\r\n                            modalVideo.src = '';\r\n                            modalVideoMP4.src = '';\r\n                            modalVideoMP4.pause();\r\n                            document.body.style.overflow = '';\r\n                        }\r\n                    });\r\n                });\r\n\r\n                \/\/ \u9ede\u64ca\u5c01\u9762\u76f4\u63a5\u5168\u5c4f\u64ad\u653e\u5f71\u7247\r\n                function playVideo(coverId, videoUrl) {\r\n                    \/\/ \u7372\u53d6\u5f71\u7247\u7de8\u865f\r\n                    const videoNum = coverId.replace('video-cover-', '');\r\n\r\n                    \/\/ \u7372\u53d6\u5168\u5c4f\u64ad\u653e\u6309\u9215\u4e26\u89f8\u767c\u9ede\u64ca\r\n                    const buttons = document.querySelectorAll('#video-' + videoNum + ' .play-fullscreen-btn');\r\n                    if (buttons.length > 0) {\r\n                        \/\/ \u8a2d\u7f6e\u5f71\u7247URL\u5230\u6309\u9215\u7684 data-video-src\r\n                        buttons[0].setAttribute('data-video-src', videoUrl);\r\n\r\n                        \/\/ \u6a21\u64ec\u9ede\u64ca\u5168\u5c4f\u64ad\u653e\u6309\u9215\r\n                        buttons[0].click();\r\n                    }\r\n                }\r\n            <\/script>\r\n\r\n        <\/div>\r\n\r\n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 60px;\">\r\n            <a href=\"?page_id=2850\" class=\"nav-link-letter\" data-page=\"letter\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, #fef0f7 0%, #fce4ed 100%); padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;\"\r\n                onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\r\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #e02176; margin-bottom: 15px;\">\u7d66\u9078\u59d4\u7684\u4fe1<\/h3>\r\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u4e86\u89e3\u6211\u7684\u53c3\u9078\u7406\u5ff5\u548c\u5c0d\u9999\u6e2f\u6559\u80b2\u7684\u627f\u8afe<\/p>\r\n            <\/a>\r\n\r\n\r\n            <a href=\"?page_id=2852\" class=\"nav-link-platform\" data-page=\"platform\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, #fff8f0 0%, #fff0e0 100%); padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;\"\r\n                onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\r\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #ed8c22; margin-bottom: 15px;\">\u53c3\u9078\u7406\u5ff5<\/h3>\r\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u67e5\u770b\u6211\u7684\u5c65\u6b77\u3001\u69ae\u8b7d\u548c\u516c\u8077\u7d93\u6b77<\/p>\r\n            <\/a>\r\n\r\n            <a href=\"?page_id=2854\" class=\"nav-link-policy\" data-page=\"policy\" style=\"display: block; text-decoration: none; background: linear-gradient(135deg, #f0fffe 0%, #e8f8f5 100%); padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;\"\r\n                onmouseover=\"this.style.transform='translateY(-5px)'; this.style.boxShadow='0 6px 20px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(0,0,0,0.1)';\">\r\n                <h3 style=\"font-size: 24px; font-weight: bold; color: #4ecdc4; margin-bottom: 15px;\">\u53c3\u9078\u653f\u7db1<\/h3>\r\n                <p style=\"font-size: 16px; color: #666; line-height: 1.8; text-align: center;\">\u8a73\u7d30\u4e86\u89e3\u6211\u7684\u4e94\u5927\u653f\u7b56\u4e3b\u5f35<\/p>\r\n            <\/a>\r\n        <\/div>\r\n        <div style=\"margin-top: 60px; padding: 30px; background: rgba(46, 109, 164, 0.1); border-radius: 12px;\">\r\n            <p style=\"font-size: 18px; color: #2c3e50; line-height: 2; text-align: center;\">\r\n                <strong>\u300c\u80b2\u624d\u8208\u6e2f\u56fa\u6839\u672c\uff0c\u79d1\u6559\u9818\u822a\u5275\u672a\u4f86\u300d<\/strong> \u9019\u662f\u6211\u5c0d\u9999\u6e2f\u6559\u80b2\u767c\u5c55\u7684\u5805\u5b9a\u627f\u8afe\uff0c\u4e5f\u662f\u6211\u53c3\u9078\u7684\u6838\u5fc3\u7406\u5ff5\u3002\r\n            <\/p>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>HKFEW \u9999\u6e2f\u6559\u80b2\u5de5\u4f5c\u8005\u806f\u6703 Hong Kong Federation of Education Worke [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/election-home.php","meta":{"footnotes":""},"class_list":["post-2836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2836"}],"version-history":[{"count":33,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836\/revisions"}],"predecessor-version":[{"id":3144,"href":"https:\/\/www.klwong.hk\/index.php?rest_route=\/wp\/v2\/pages\/2836\/revisions\/3144"}],"wp:attachment":[{"href":"https:\/\/www.klwong.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}