\u8a8d\u8b49\u67e5\u8a62 | \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* \u5b8c\u5168\u91cd\u7f6e\uff0c\u78ba\u4fdd\u7d44\u4ef6\u7368\u7acb\u4e14\u4e0d\u53d7\u5916\u90e8\u5f71\u97ff *\/\n .auth-query-root {\n all: initial;\n display: block;\n width: 100%;\n font-family: 'Times New Roman', 'Georgia', '\u5b8b\u4f53', 'SimSun', 'Microsoft YaHei', serif;\n line-height: 1.5;\n color: #111;\n background: transparent;\n }\n\n .auth-query-root * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* \u4e3b\u5bb9\u5668 \u2013 100%\u5bec\u5ea6\uff0c\u7121\u5713\u89d2\uff0c\u7121\u9670\u5f71\uff0c\u7121\u52d5\u756b *\/\n .aq-container {\n width: 100%;\n background: transparent;\n }\n\n \/* \u6a19\u984c\u5340 \u2013 \u65b9\u6b63\u56b4\u8085 *\/\n .aq-header {\n margin-bottom: 1.8rem;\n text-align: center;\n border-bottom: 1px solid #ccc;\n padding-bottom: 0.75rem;\n }\n\n .aq-header h1 {\n font-size: 1.6rem;\n font-weight: 600;\n color: #000;\n margin-bottom: 0.25rem;\n letter-spacing: 1px;\n }\n\n .aq-header p {\n font-size: 0.85rem;\n color: #4a4a4a;\n font-family: inherit;\n }\n\n \/* \u67e5\u8a62\u5361\u7247 \u2013 \u76f4\u89d2\uff0c\u7d14\u767d\u80cc\u666f\uff0c\u7070\u908a\u6846 *\/\n .aq-card {\n background: #fff;\n border: 1px solid #d0d0d0;\n padding: 1.8rem;\n width: 100%;\n }\n\n .aq-card h2 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #000;\n text-align: center;\n letter-spacing: 1px;\n }\n\n \/* \u8f38\u5165\u7d44 \u2013 \u76f4\u89d2 *\/\n .aq-input-group {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n margin-bottom: 0.5rem;\n }\n\n .aq-input-field {\n flex: 1;\n padding: 0.75rem 1rem;\n font-size: 0.95rem;\n border: 1px solid #aaa;\n background: #fff;\n font-family: inherit;\n border-radius: 0;\n transition: none;\n }\n\n .aq-input-field:focus {\n outline: none;\n border-color: #000;\n }\n\n .aq-btn {\n background: #eaeef2;\n border: 1px solid #aaa;\n padding: 0 1.5rem;\n font-size: 0.9rem;\n font-weight: 500;\n color: #000;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: inherit;\n border-radius: 0;\n transition: none;\n }\n\n .aq-btn:hover {\n background: #d0d7de;\n border-color: #7f8c8d;\n }\n\n \/* \u7d50\u679c\u5340\u57df \u2013 \u7121\u52d5\u756b *\/\n .aq-result-area {\n margin-top: 1.5rem;\n border-top: 1px solid #e0e0e0;\n padding-top: 1.25rem;\n }\n\n \/* \u8b49\u66f8\u8cc7\u8a0a \u2013 \u8868\u683c\u98a8\u683c *\/\n .aq-cert-block {\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 1rem 1.2rem;\n }\n\n .aq-info-row {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n padding: 0.6rem 0;\n border-bottom: 1px solid #ececec;\n }\n\n .aq-info-row:last-child {\n border-bottom: none;\n }\n\n .aq-info-label {\n font-weight: 600;\n min-width: 80px;\n color: #2c3e50;\n font-size: 0.9rem;\n }\n\n .aq-info-value {\n color: #000;\n font-size: 0.95rem;\n word-break: break-word;\n flex: 1;\n }\n\n \/* \u5716\u7247\u5340 \u2013 \u76f4\u89d2\uff0c\u7121\u7279\u6548 *\/\n .aq-image-section {\n margin-top: 1.5rem;\n }\n\n .aq-image-section h3 {\n font-size: 0.9rem;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 0.8rem;\n display: flex;\n align-items: center;\n gap: 6px;\n border-left: 3px solid #aaa;\n padding-left: 10px;\n }\n\n .aq-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n }\n\n .aq-image-card {\n background: #fff;\n border: 1px solid #ddd;\n }\n\n .aq-image-card img {\n width: 100%;\n max-height: 240px;\n object-fit: contain;\n background: #fafafa;\n display: block;\n border-bottom: 1px solid #eee;\n }\n\n .aq-image-desc {\n font-size: 0.7rem;\n text-align: center;\n padding: 0.6rem;\n color: #4a5568;\n background: #fff;\n }\n\n .aq-no-images {\n background: #f9f9fb;\n border: 1px solid #e2e8f0;\n padding: 1.2rem;\n text-align: center;\n color: #6c7a91;\n font-size: 0.8rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n }\n\n \/* \u8a0a\u606f\u6a23\u5f0f \u2013 \u65b9\u6b63\uff0c\u7121\u5713\u89d2 *\/\n .aq-message {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 0.7rem 1rem;\n font-size: 0.85rem;\n background: #f5f7fa;\n color: #2c3e50;\n margin-top: 1rem;\n border: 1px solid #e0e4e9;\n }\n\n .aq-message-error {\n background: #fef2f2;\n color: #991b1b;\n border-color: #f3cfcf;\n }\n\n .aq-message-success {\n background: #f0f9f0;\n color: #1f4f2b;\n border-color: #d0e5d0;\n }\n\n .aq-message-info {\n background: #f7f7f9;\n color: #2c3e50;\n border-color: #e2e8f0;\n }\n\n \/* \u8173\u8a3b \u2013 \u6975\u7c21\u7dda\u689d *\/\n .aq-footer {\n margin-top: 1.8rem;\n text-align: center;\n font-size: 0.7rem;\n color: #6b7280;\n background: transparent;\n padding: 0.75rem 0;\n border-top: 1px solid #eaeef2;\n }\n\n \/* \u97ff\u61c9\u5f0f\uff1a\u4fdd\u6301\u65b9\u6b63\uff0c\u50c5\u8abf\u6574\u5806\u758a *\/\n @media (max-width: 600px) {\n .aq-card {\n padding: 1.2rem;\n }\n .aq-btn {\n width: 100%;\n justify-content: center;\n padding: 0.7rem;\n }\n .aq-input-group {\n flex-direction: column;\n }\n .aq-info-label {\n min-width: 70px;\n }\n .aq-images-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body style=\"margin:0; padding:0; background:transparent;\">\n <div class=\"auth-query-root\">\n <div class=\"aq-container\">\n <div class=\"aq-header\">\n <h1>\u5c08\u696d\u8a8d\u8b49\u67e5\u8a62<\/h1>\n <p>\u8eab\u4efd\u8b49\u865f\u78bc \u00b7 \u5b98\u65b9\u6838\u5be6<\/p>\n <\/div>\n\n <div class=\"aq-card\">\n <h2>\u8b49\u66f8\u67e5\u9a57<\/h2>\n <div class=\"aq-input-group\">\n <input type=\"text\" id=\"aq_certId\" class=\"aq-input-field\" placeholder=\"\u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\" autocomplete=\"off\">\n <button class=\"aq-btn\" id=\"aq_searchBtn\">\n <i class=\"fas fa-search\"><\/i> \u67e5\u8a62\n <\/button>\n <\/div>\n <div id=\"aq_resultContainer\" class=\"aq-result-area\">\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u6709\u6548\u8b49\u4ef6\u865f\u78bc\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"aq-footer\">\n <span>\u00a9 \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703 \u5b98\u65b9\u8a8d\u8b49\u7cfb\u7d71<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ----- \u8a8d\u8b49\u8cc7\u6599\u5eab (\u5b8c\u6574\u4fdd\u7559\uff0c\u7121\u589e\u6e1b) -----\n const certData = [\n { \n id: \"370724199510280801\", \n name: \"CHEN XIAOXIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2025-02-10 \u81f3 2028-02-10\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/CHEN-XIAOXIN-IPP.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"411302200006250012\", \n name: \"LIU ZHENGXIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-11-30 \u81f3 2028-11-30\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/IPP\u8bc1\u4e66.jpg\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"440181199309210628\", \n name: \"ZHANG SHUYING\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2024-01-15 \u81f3 2027-01-15\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/ZHANG-YUNYING-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"445224199610161848\", \n name: \"FANG YINYIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-11-30 \u81f3 2025-11-30\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/FANG-YINYIN-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"440681198701022034\", \n name: \"LUO HAOBIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-06-20 \u81f3 2026-06-20\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/LUO-HAOBIN-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n }\n ];\n\n \/\/ \u9632XSS\n function escapeHtml(str) {\n if (!str) return '';\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n \/\/ \u6e32\u67d3\u8b49\u66f8\u7d50\u679c (\u7121\u52d5\u756b\uff0c\u7d14HTML)\n function renderCertResult(cert) {\n let imagesHtml = '';\n if (cert.images && cert.images.length > 0) {\n const imageItems = cert.images.map(img => `\n <div class=\"aq-image-card\">\n <img decoding=\"async\" src=\"${escapeHtml(img.url)}\" alt=\"${escapeHtml(img.desc)}\" loading=\"lazy\" onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M4%204h16v16H4V4zm2%202v12h12V6H6zm2%202h8v8H8V8z%22%2F%3E%3C%2Fsvg%3E';\">\n <div class=\"aq-image-desc\">${escapeHtml(img.desc)}<\/div>\n <\/div>\n `).join('');\n imagesHtml = `\n <div class=\"aq-image-section\">\n <h3><i class=\"far fa-file-image\"><\/i> \u5b98\u65b9\u6191\u8b49\u9644\u4ef6<\/h3>\n <div class=\"aq-images-grid\">\n ${imageItems}\n <\/div>\n <\/div>\n `;\n } else {\n imagesHtml = `\n <div class=\"aq-image-section\">\n <h3><i class=\"far fa-file-image\"><\/i> \u5b98\u65b9\u6191\u8b49\u9644\u4ef6<\/h3>\n <div class=\"aq-no-images\">\n <i class=\"far fa-image\"><\/i>\n <span>\u66ab\u7121\u5716\u7247\u8cc7\u6599<\/span>\n <\/div>\n <\/div>\n `;\n }\n\n return `\n <div class=\"aq-cert-block\">\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u6301\u8b49\u4eba\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.name)}<\/span>\n <\/div>\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u8a8d\u8b49\u8ab2\u7a0b\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.course)}<\/span>\n <\/div>\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u6709\u6548\u671f\u9650\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.date)}<\/span>\n <\/div>\n <\/div>\n ${imagesHtml}\n <div class=\"aq-message aq-message-success\">\n <i class=\"fas fa-check-circle\"><\/i> \u8a72\u8b49\u66f8\u70ba\u5354\u6703\u6838\u767c\u4e4b\u6709\u6548\u8a8d\u8b49\n <\/div>\n `;\n }\n\n \/\/ \u67e5\u8a62\u4e3b\u51fd\u6578\n function performQuery() {\n const inputElem = document.getElementById('aq_certId');\n const idValue = inputElem ? inputElem.value.trim() : '';\n const resultDiv = document.getElementById('aq_resultContainer');\n\n if (!idValue) {\n resultDiv.innerHTML = `\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\n <\/div>\n `;\n return;\n }\n\n const foundCert = certData.find(cert => cert.id === idValue);\n\n if (foundCert) {\n resultDiv.innerHTML = renderCertResult(foundCert);\n } else {\n resultDiv.innerHTML = `\n <div class=\"aq-message aq-message-error\">\n <i class=\"fas fa-ban\"><\/i> \u672a\u67e5\u8a62\u5230\u76f8\u95dc\u8a8d\u8b49\u8a18\u9304\n <\/div>\n `;\n }\n }\n\n \/\/ \u4e8b\u4ef6\u7d81\u5b9a\n function bindEvents() {\n const searchBtn = document.getElementById('aq_searchBtn');\n const inputField = document.getElementById('aq_certId');\n if (searchBtn) searchBtn.addEventListener('click', performQuery);\n if (inputField) {\n inputField.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n performQuery();\n }\n });\n }\n }\n\n \/\/ \u521d\u59cb\u5316\uff1a\u6e05\u7a7a\u8f38\u5165\uff0c\u986f\u793a\u9810\u8a2d\u5f15\u5c0e\n document.addEventListener('DOMContentLoaded', function() {\n bindEvents();\n const inputEl = document.getElementById('aq_certId');\n if (inputEl) inputEl.value = '';\n const resultContainer = document.getElementById('aq_resultContainer');\n if (resultContainer) {\n resultContainer.innerHTML = `\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\u9032\u884c\u5b98\u65b9\u6838\u9a57\n <\/div>\n `;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u8a8d\u8b49\u67e5\u8a62 | \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703 \u5c08\u696d\u8a8d\u8b49\u67e5\u8a62 \u8eab\u4efd\u8b49\u865f\u78bc \u00b7 \u5b98\u65b9\u6838\u5be6 \u8b49\u66f8\u67e5\u9a57 \u67e5\u8a62 \u8acb\u8f38\u5165\u6709\u6548\u8b49\u4ef6 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":22,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n \u8a8d\u8b49\u67e5\u8a62 | \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* \u5b8c\u5168\u91cd\u7f6e\uff0c\u78ba\u4fdd\u7d44\u4ef6\u7368\u7acb\u4e14\u4e0d\u53d7\u5916\u90e8\u5f71\u97ff *\/\n .auth-query-root {\n all: initial;\n display: block;\n width: 100%;\n font-family: 'Times New Roman', 'Georgia', '\u5b8b\u4f53', 'SimSun', 'Microsoft YaHei', serif;\n line-height: 1.5;\n color: #111;\n background: transparent;\n }\n\n .auth-query-root * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* \u4e3b\u5bb9\u5668 \u2013 100%\u5bec\u5ea6\uff0c\u7121\u5713\u89d2\uff0c\u7121\u9670\u5f71\uff0c\u7121\u52d5\u756b *\/\n .aq-container {\n width: 100%;\n background: transparent;\n }\n\n \/* \u6a19\u984c\u5340 \u2013 \u65b9\u6b63\u56b4\u8085 *\/\n .aq-header {\n margin-bottom: 1.8rem;\n text-align: center;\n border-bottom: 1px solid #ccc;\n padding-bottom: 0.75rem;\n }\n\n .aq-header h1 {\n font-size: 1.6rem;\n font-weight: 600;\n color: #000;\n margin-bottom: 0.25rem;\n letter-spacing: 1px;\n }\n\n .aq-header p {\n font-size: 0.85rem;\n color: #4a4a4a;\n font-family: inherit;\n }\n\n \/* \u67e5\u8a62\u5361\u7247 \u2013 \u76f4\u89d2\uff0c\u7d14\u767d\u80cc\u666f\uff0c\u7070\u908a\u6846 *\/\n .aq-card {\n background: #fff;\n border: 1px solid #d0d0d0;\n padding: 1.8rem;\n width: 100%;\n }\n\n .aq-card h2 {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n color: #000;\n text-align: center;\n letter-spacing: 1px;\n }\n\n \/* \u8f38\u5165\u7d44 \u2013 \u76f4\u89d2 *\/\n .aq-input-group {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n margin-bottom: 0.5rem;\n }\n\n .aq-input-field {\n flex: 1;\n padding: 0.75rem 1rem;\n font-size: 0.95rem;\n border: 1px solid #aaa;\n background: #fff;\n font-family: inherit;\n border-radius: 0;\n transition: none;\n }\n\n .aq-input-field:focus {\n outline: none;\n border-color: #000;\n }\n\n .aq-btn {\n background: #eaeef2;\n border: 1px solid #aaa;\n padding: 0 1.5rem;\n font-size: 0.9rem;\n font-weight: 500;\n color: #000;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: inherit;\n border-radius: 0;\n transition: none;\n }\n\n .aq-btn:hover {\n background: #d0d7de;\n border-color: #7f8c8d;\n }\n\n \/* \u7d50\u679c\u5340\u57df \u2013 \u7121\u52d5\u756b *\/\n .aq-result-area {\n margin-top: 1.5rem;\n border-top: 1px solid #e0e0e0;\n padding-top: 1.25rem;\n }\n\n \/* \u8b49\u66f8\u8cc7\u8a0a \u2013 \u8868\u683c\u98a8\u683c *\/\n .aq-cert-block {\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 1rem 1.2rem;\n }\n\n .aq-info-row {\n display: flex;\n flex-wrap: wrap;\n align-items: baseline;\n padding: 0.6rem 0;\n border-bottom: 1px solid #ececec;\n }\n\n .aq-info-row:last-child {\n border-bottom: none;\n }\n\n .aq-info-label {\n font-weight: 600;\n min-width: 80px;\n color: #2c3e50;\n font-size: 0.9rem;\n }\n\n .aq-info-value {\n color: #000;\n font-size: 0.95rem;\n word-break: break-word;\n flex: 1;\n }\n\n \/* \u5716\u7247\u5340 \u2013 \u76f4\u89d2\uff0c\u7121\u7279\u6548 *\/\n .aq-image-section {\n margin-top: 1.5rem;\n }\n\n .aq-image-section h3 {\n font-size: 0.9rem;\n font-weight: 600;\n color: #2c3e50;\n margin-bottom: 0.8rem;\n display: flex;\n align-items: center;\n gap: 6px;\n border-left: 3px solid #aaa;\n padding-left: 10px;\n }\n\n .aq-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n }\n\n .aq-image-card {\n background: #fff;\n border: 1px solid #ddd;\n }\n\n .aq-image-card img {\n width: 100%;\n max-height: 240px;\n object-fit: contain;\n background: #fafafa;\n display: block;\n border-bottom: 1px solid #eee;\n }\n\n .aq-image-desc {\n font-size: 0.7rem;\n text-align: center;\n padding: 0.6rem;\n color: #4a5568;\n background: #fff;\n }\n\n .aq-no-images {\n background: #f9f9fb;\n border: 1px solid #e2e8f0;\n padding: 1.2rem;\n text-align: center;\n color: #6c7a91;\n font-size: 0.8rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n }\n\n \/* \u8a0a\u606f\u6a23\u5f0f \u2013 \u65b9\u6b63\uff0c\u7121\u5713\u89d2 *\/\n .aq-message {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 0.7rem 1rem;\n font-size: 0.85rem;\n background: #f5f7fa;\n color: #2c3e50;\n margin-top: 1rem;\n border: 1px solid #e0e4e9;\n }\n\n .aq-message-error {\n background: #fef2f2;\n color: #991b1b;\n border-color: #f3cfcf;\n }\n\n .aq-message-success {\n background: #f0f9f0;\n color: #1f4f2b;\n border-color: #d0e5d0;\n }\n\n .aq-message-info {\n background: #f7f7f9;\n color: #2c3e50;\n border-color: #e2e8f0;\n }\n\n \/* \u8173\u8a3b \u2013 \u6975\u7c21\u7dda\u689d *\/\n .aq-footer {\n margin-top: 1.8rem;\n text-align: center;\n font-size: 0.7rem;\n color: #6b7280;\n background: transparent;\n padding: 0.75rem 0;\n border-top: 1px solid #eaeef2;\n }\n\n \/* \u97ff\u61c9\u5f0f\uff1a\u4fdd\u6301\u65b9\u6b63\uff0c\u50c5\u8abf\u6574\u5806\u758a *\/\n @media (max-width: 600px) {\n .aq-card {\n padding: 1.2rem;\n }\n .aq-btn {\n width: 100%;\n justify-content: center;\n padding: 0.7rem;\n }\n .aq-input-group {\n flex-direction: column;\n }\n .aq-info-label {\n min-width: 70px;\n }\n .aq-images-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body style=\"margin:0; padding:0; background:transparent;\">\n <div class=\"auth-query-root\">\n <div class=\"aq-container\">\n <div class=\"aq-header\">\n <h1>\u5c08\u696d\u8a8d\u8b49\u67e5\u8a62<\/h1>\n <p>\u8eab\u4efd\u8b49\u865f\u78bc \u00b7 \u5b98\u65b9\u6838\u5be6<\/p>\n <\/div>\n\n <div class=\"aq-card\">\n <h2>\u8b49\u66f8\u67e5\u9a57<\/h2>\n <div class=\"aq-input-group\">\n <input type=\"text\" id=\"aq_certId\" class=\"aq-input-field\" placeholder=\"\u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\" autocomplete=\"off\">\n <button class=\"aq-btn\" id=\"aq_searchBtn\">\n <i class=\"fas fa-search\"><\/i> \u67e5\u8a62\n <\/button>\n <\/div>\n <div id=\"aq_resultContainer\" class=\"aq-result-area\">\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u6709\u6548\u8b49\u4ef6\u865f\u78bc\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"aq-footer\">\n <span>\u00a9 \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703 \u5b98\u65b9\u8a8d\u8b49\u7cfb\u7d71<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ----- \u8a8d\u8b49\u8cc7\u6599\u5eab (\u5b8c\u6574\u4fdd\u7559\uff0c\u7121\u589e\u6e1b) -----\n const certData = [\n { \n id: \"370724199510280801\", \n name: \"CHEN XIAOXIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2025-02-10 \u81f3 2028-02-10\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/CHEN-XIAOXIN-IPP.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"411302200006250012\", \n name: \"LIU ZHENGXIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-11-30 \u81f3 2028-11-30\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/IPP\u8bc1\u4e66.jpg\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"440181199309210628\", \n name: \"ZHANG SHUYING\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2024-01-15 \u81f3 2027-01-15\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/ZHANG-YUNYING-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"445224199610161848\", \n name: \"FANG YINYIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-11-30 \u81f3 2025-11-30\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/FANG-YINYIN-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n },\n { \n id: \"440681198701022034\", \n name: \"LUO HAOBIN\", \n course: \"IPP INTERNATIONAL PROFESSIONAL PLANNER\", \n date: \"2023-06-20 \u81f3 2026-06-20\",\n images: [\n { url: \"https:\/\/hkicda.hk\/wp-content\/uploads\/2025\/08\/LUO-HAOBIN-IPP-scaled.png\", desc: \"\u8a8d\u8b49\u8b49\u66f8\" }\n ]\n }\n ];\n\n \/\/ \u9632XSS\n function escapeHtml(str) {\n if (!str) return '';\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\n return m;\n });\n }\n\n \/\/ \u6e32\u67d3\u8b49\u66f8\u7d50\u679c (\u7121\u52d5\u756b\uff0c\u7d14HTML)\n function renderCertResult(cert) {\n let imagesHtml = '';\n if (cert.images && cert.images.length > 0) {\n const imageItems = cert.images.map(img => `\n <div class=\"aq-image-card\">\n <img decoding=\"async\" src=\"${escapeHtml(img.url)}\" alt=\"${escapeHtml(img.desc)}\" loading=\"lazy\" onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M4%204h16v16H4V4zm2%202v12h12V6H6zm2%202h8v8H8V8z%22%2F%3E%3C%2Fsvg%3E';\">\n <div class=\"aq-image-desc\">${escapeHtml(img.desc)}<\/div>\n <\/div>\n `).join('');\n imagesHtml = `\n <div class=\"aq-image-section\">\n <h3><i class=\"far fa-file-image\"><\/i> \u5b98\u65b9\u6191\u8b49\u9644\u4ef6<\/h3>\n <div class=\"aq-images-grid\">\n ${imageItems}\n <\/div>\n <\/div>\n `;\n } else {\n imagesHtml = `\n <div class=\"aq-image-section\">\n <h3><i class=\"far fa-file-image\"><\/i> \u5b98\u65b9\u6191\u8b49\u9644\u4ef6<\/h3>\n <div class=\"aq-no-images\">\n <i class=\"far fa-image\"><\/i>\n <span>\u66ab\u7121\u5716\u7247\u8cc7\u6599<\/span>\n <\/div>\n <\/div>\n `;\n }\n\n return `\n <div class=\"aq-cert-block\">\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u6301\u8b49\u4eba\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.name)}<\/span>\n <\/div>\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u8a8d\u8b49\u8ab2\u7a0b\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.course)}<\/span>\n <\/div>\n <div class=\"aq-info-row\">\n <span class=\"aq-info-label\">\u6709\u6548\u671f\u9650\uff1a<\/span>\n <span class=\"aq-info-value\">${escapeHtml(cert.date)}<\/span>\n <\/div>\n <\/div>\n ${imagesHtml}\n <div class=\"aq-message aq-message-success\">\n <i class=\"fas fa-check-circle\"><\/i> \u8a72\u8b49\u66f8\u70ba\u5354\u6703\u6838\u767c\u4e4b\u6709\u6548\u8a8d\u8b49\n <\/div>\n `;\n }\n\n \/\/ \u67e5\u8a62\u4e3b\u51fd\u6578\n function performQuery() {\n const inputElem = document.getElementById('aq_certId');\n const idValue = inputElem ? inputElem.value.trim() : '';\n const resultDiv = document.getElementById('aq_resultContainer');\n\n if (!idValue) {\n resultDiv.innerHTML = `\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\n <\/div>\n `;\n return;\n }\n\n const foundCert = certData.find(cert => cert.id === idValue);\n\n if (foundCert) {\n resultDiv.innerHTML = renderCertResult(foundCert);\n } else {\n resultDiv.innerHTML = `\n <div class=\"aq-message aq-message-error\">\n <i class=\"fas fa-ban\"><\/i> \u672a\u67e5\u8a62\u5230\u76f8\u95dc\u8a8d\u8b49\u8a18\u9304\n <\/div>\n `;\n }\n }\n\n \/\/ \u4e8b\u4ef6\u7d81\u5b9a\n function bindEvents() {\n const searchBtn = document.getElementById('aq_searchBtn');\n const inputField = document.getElementById('aq_certId');\n if (searchBtn) searchBtn.addEventListener('click', performQuery);\n if (inputField) {\n inputField.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n performQuery();\n }\n });\n }\n }\n\n \/\/ \u521d\u59cb\u5316\uff1a\u6e05\u7a7a\u8f38\u5165\uff0c\u986f\u793a\u9810\u8a2d\u5f15\u5c0e\n document.addEventListener('DOMContentLoaded', function() {\n bindEvents();\n const inputEl = document.getElementById('aq_certId');\n if (inputEl) inputEl.value = '';\n const resultContainer = document.getElementById('aq_resultContainer');\n if (resultContainer) {\n resultContainer.innerHTML = `\n <div class=\"aq-message aq-message-info\">\n <i class=\"far fa-id-card\"><\/i> \u8acb\u8f38\u5165\u8eab\u4efd\u8b49\u865f\u78bc\u9032\u884c\u5b98\u65b9\u6838\u9a57\n <\/div>\n `;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u8a8d\u8b49\u67e5\u8a62 | \u9999\u6e2f\u570b\u969b\u8077\u696d\u751f\u6daf\u767c\u5c55\u5354\u6703 \u5c08\u696d\u8a8d\u8b49\u67e5\u8a62 \u8eab\u4efd\u8b49\u865f\u78bc \u00b7 \u5b98\u65b9\u6838\u5be6 \u8b49\u66f8\u67e5\u9a57 \u67e5\u8a62 \u8acb\u8f38\u5165\u6709\u6548\u8b49\u4ef6 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":22,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/pages\/381\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/hkicda.hk\/index.php\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}