{"id":13,"date":"2026-10-20T06:47:37","date_gmt":"2026-10-20T06:47:37","guid":{"rendered":"https:\/\/fullface.vienthammythienha.vn\/?page_id=13"},"modified":"2026-10-20T06:47:37","modified_gmt":"2026-10-20T06:47:37","slug":"facemap-ai-thien-ha-medical-beauty-center","status":"publish","type":"page","link":"https:\/\/fullface.vienthammythienha.vn\/","title":{"rendered":"Facemap AI &#8211; Thi\u00ean H\u00e0 Medical Beauty Center"},"content":{"rendered":"\t\t<!-- Nh\u00fang tr\u1ef1c ti\u1ebfp font ch\u1eef Be Vietnam Pro chu\u1ea9n giao di\u1ec7n m\u1eabu -->\n\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n\t\t<!-- Inline CSS b\u1ea3o v\u1ec7 tuy\u1ec7t \u0111\u1ed1i: \u0110\u1ea3m b\u1ea3o 100% ph\u1ea7n t\u1eed hi\u1ec3n th\u1ecb \u0111\u1ea7y \u0111\u1ee7, kh\u00f4ng b\u1ecb theme ghi \u0111\u00e8 -->\n\t\t<style id=\"far-inline-embedded-css\">\n\t\t\t:root {\n\t\t\t\t--blue: #1E6FE0;\n\t\t\t\t--blue-2: #1E7FE8;\n\t\t\t\t--pink: #FF2E7E;\n\t\t\t\t--pink-2: #FF5C9A;\n\t\t\t\t--pink-soft: #FDE6F1;\n\t\t\t\t--bg-top: #CFE9FF;\n\t\t\t\t--bg-mid: #EAF5FF;\n\t\t\t\t--bg-bot: #DCEEFF;\n\t\t\t\t--ink: #1E6FE0;\n\t\t\t}\n\t\t\t\/* 1. Tuy\u1ec7t \u0111\u1ed1i b\u1ea3o v\u1ec7 thanh WordPress Admin Bar khi \u0111\u00e3 \u0111\u0103ng nh\u1eadp *\/\n\t\t\t#wpadminbar {\n\t\t\t\tdisplay: block !important;\n\t\t\t\tvisibility: visible !important;\n\t\t\t\tz-index: 99999 !important;\n\t\t\t}\n\t\t\thtml.wp-toolbar {\n\t\t\t\tpadding-top: 32px !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t@media screen and (max-width: 782px) {\n\t\t\t\thtml.wp-toolbar {\n\t\t\t\t\tpadding-top: 46px !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/* 2. B\u1ea3o v\u1ec7 100% t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n b\u00ean trong khung FACEMAP AI *\/\n\t\t\t#facemap-app,\n\t\t\t#facemap-app * {\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app .hero,\n\t\t\t#facemap-app header.hero,\n\t\t\t#facemap-app .hero__kicker,\n\t\t\t#facemap-app .hero__title,\n\t\t\t#facemap-app .hero__desc,\n\t\t\t#facemap-app .features,\n\t\t\t#facemap-app .upload,\n\t\t\t#facemap-app .upload__zone,\n\t\t\t#facemap-app .options,\n\t\t\t#facemap-app .opt,\n\t\t\t#facemap-app .opt__card,\n\t\t\t#facemap-app .opt__face,\n\t\t\t#facemap-app .opt__text,\n\t\t\t#facemap-app .tag,\n\t\t\t#facemap-app #resultBtn,\n\t\t\t#facemap-app .compare,\n\t\t\t#facemap-app .compare__box,\n\t\t\t#facemap-app .note,\n\t\t\t#facemap-app footer.note {\n\t\t\t\tvisibility: visible !important;\n\t\t\t\topacity: 1 !important;\n\t\t\t}\n\t\t\t#facemap-app .hero,\n\t\t\t#facemap-app header.hero {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t#facemap-app .features {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\t\t\t#facemap-app .upload {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\t\t\t#facemap-app .options {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\t\t\t#facemap-app .tag {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\t\t\t#facemap-app .compare {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t#facemap-app .note,\n\t\t\t#facemap-app footer.note {\n\t\t\t\tdisplay: flex !important;\n\t\t\t}\n\n\t\t\t\/* 3. Ch\u1ec9 \u1ea9n c\u00e1c kh\u1ed1i ngo\u00e0i c\u1ee7a theme WordPress (Twenty Twenty-Five, FSE, Elementor, v.v.) *\/\n\t\t\t.wp-block-template-part,\n\t\t\t.wp-block-site-title,\n\t\t\t.wp-block-navigation,\n\t\t\t.wp-block-post-title,\n\t\t\t.wp-block-post-date,\n\t\t\t.wp-block-post-author,\n\t\t\t.site-header,\n\t\t\t.site-footer,\n\t\t\t#masthead,\n\t\t\t#colophon,\n\t\t\tnav.wp-block-navigation,\n\t\t\tnav.main-navigation,\n\t\t\theader.entry-header,\n\t\t\t.entry-title,\n\t\t\t.page-title,\n\t\t\t.post-title,\n\t\t\th1.entry-title,\n\t\t\th1.page-title,\n\t\t\th1.wp-block-post-title,\n\t\t\t.elementor-heading-title,\n\t\t\t.elementor-location-header,\n\t\t\t.elementor-location-footer,\n\t\t\tbody > header,\n\t\t\tbody > footer,\n\t\t\tbody > nav,\n\t\t\t.wp-site-blocks > header,\n\t\t\t.wp-site-blocks > footer {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t\/* \u0110\u1eb7t n\u1ec1n v\u00e0 margin cho to\u00e0n b\u1ed9 trang s\u1ea1ch \u0111\u1eb9p chu\u1ea9n #DCEEFF *\/\n\t\t\thtml,\n\t\t\tbody {\n\t\t\t\tbackground: #DCEEFF !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t}\n\t\t\t.wp-site-blocks,\n\t\t\t.wp-site-blocks > .is-layout-constrained,\n\t\t\t.entry-content,\n\t\t\t.post-content,\n\t\t\tarticle {\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tbackground: transparent !important;\n\t\t\t\tmax-width: 100% !important;\n\t\t\t}\n\t\t\t\/* Khung b\u1ecdc app \u1edf gi\u1eefa m\u00e0n h\u00ecnh chu\u1ea9n 630px *\/\n\t\t\t#facemap-app-wrapper {\n\t\t\t\twidth: 100% !important;\n\t\t\t\tmax-width: 100% !important;\n\t\t\t\tmargin: 0 auto !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tjustify-content: center !important;\n\t\t\t\talign-items: flex-start !important;\n\t\t\t\tbackground: #DCEEFF;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app.page,\n\t\t\tmain.page#facemap-app {\n\t\t\t\tmax-width: 630px !important;\n\t\t\t\twidth: 100% !important;\n\t\t\t\tmargin: 0 auto !important;\n\t\t\t\tmin-height: 100vh;\n\t\t\t\tpadding: 2% 14px 44px !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t\tbackground: url('\/wp-content\/uploads\/2026\/10\/landing-page-bg.jpg') no-repeat center top \/ 100% auto, #CFE9FF !important;\n\t\t\t\tbox-shadow: 0 0 40px rgba(30, 111, 224, 0.12) !important;\n\t\t\t\tfloat: none !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t\tfont-family: \"Be Vietnam Pro\", system-ui, -apple-system, sans-serif !important;\n\t\t\t\tcolor: var(--ink) !important;\n\t\t\t}\n\t\t\t\/* 1. Header (Hi\u1ec3n th\u1ecb 100% kh\u00f4ng b\u1ecb \u1ea9n) *\/\n\t\t\t#facemap-app .hero,\n\t\t\t#facemap-app header.hero {\n\t\t\t\tdisplay: block !important;\n\t\t\t\tvisibility: visible !important;\n\t\t\t\topacity: 1 !important;\n\t\t\t\ttext-align: center !important;\n\t\t\t\tmargin: 0 0 16px 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t}\n\t\t\t#facemap-app .hero__kicker {\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tfont-size: 22px !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tcolor: var(--blue) !important;\n\t\t\t\tline-height: 2 !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\ttext-align: center !important;\n\t\t\t}\n\t\t\t#facemap-app .hero__title {\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tfont-size: 70px !important;\n\t\t\t\tfont-weight: 500 !important;\n\t\t\t\tline-height: 0.95 !important;\n\t\t\t\tletter-spacing: -0.04em !important;\n\t\t\t\twhite-space: nowrap !important;\n\t\t\t\tbackground: linear-gradient(180deg, #FF8DB8 0%, #F0306F 55%, #C30F4F 100%) !important;\n\t\t\t\t-webkit-background-clip: text !important;\n\t\t\t\tbackground-clip: text !important;\n\t\t\t\t-webkit-text-fill-color: transparent !important;\n\t\t\t\tcolor: transparent !important;\n\t\t\t\tfilter: drop-shadow(0 2px 0 rgba(150, 0, 50, 0.35)) !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\ttext-align: center !important;\n\t\t\t}\n\t\t\t#facemap-app .hero__desc {\n\t\t\t\tposition: relative !important;\n\t\t\t\tmargin: clamp(6px, 2vw, 14px) 0 0 !important;\n\t\t\t\tpadding: 8px 10px !important;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.55) !important;\n\t\t\t\tborder: 1px solid #fff !important;\n\t\t\t\tborder-radius: 6px !important;\n\t\t\t\tfont-size: clamp(13px, 3.7vw, 23px) !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tline-height: 1.2 !important;\n\t\t\t\tcolor: var(--blue) !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app .hero__desc i {\n\t\t\t\tposition: absolute !important;\n\t\t\t\twidth: 7px !important;\n\t\t\t\theight: 7px !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tbackground: #fff !important;\n\t\t\t\tbox-shadow: 0 0 3px rgba(30, 111, 224, 0.4) !important;\n\t\t\t}\n\t\t\t#facemap-app .hero__desc i:nth-child(1) { left: -4px !important; top: -4px !important; }\n\t\t\t#facemap-app .hero__desc i:nth-child(2) { right: -4px !important; top: -4px !important; }\n\t\t\t#facemap-app .hero__desc i:nth-child(3) { left: -4px !important; bottom: -4px !important; }\n\t\t\t#facemap-app .hero__desc i:nth-child(4) { right: -4px !important; bottom: -4px !important; }\n\t\t\t#facemap-app .hero__desc p { margin: 0 !important; }\n\n\t\t\t\/* 2. Features: Upload + 3 Li\u1ec7u tr\u00ecnh *\/\n\t\t\t#facemap-app .features {\n\t\t\t\talign-items: center !important;\n\t\t\t\tdisplay: grid !important;\n\t\t\t\tgrid-template-columns: 46fr 50fr !important;\n\t\t\t\tgap: 3.5% !important;\n\t\t\t\tmargin-top: 24px !important;\n\t\t\t}\n\t\t\t#facemap-app .upload {\n\t\t\t\tborder-radius: 24px !important;\n\t\t\t\tborder: 2px solid #CFE3F7 !important;\n\t\t\t\tbackground: rgba(255, 255, 255, 0.6) !important;\n\t\t\t\tpadding: 6px !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tmin-height: 320px !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone {\n\t\t\t\tflex: 1 !important;\n\t\t\t\tborder: 2px dashed #CFE3F7 !important;\n\t\t\t\tborder-radius: 20px !important;\n\t\t\t\tbackground: #F7FBFF !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-direction: column !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tjustify-content: center !important;\n\t\t\t\tgap: 6px !important;\n\t\t\t\tpadding: 10px !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone img#preview {\n\t\t\t\tposition: absolute !important;\n\t\t\t\tinset: 0 !important;\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 100% !important;\n\t\t\t\tobject-fit: cover !important;\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone.has-img img#preview {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone.has-img .upload__icon {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone.has-img {\n\t\t\t\tjustify-content: flex-end !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__zone.has-img .upload__btn {\n\t\t\t\tmargin: 0 0 4px !important;\n\t\t\t\tbox-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__icon {\n\t\t\t\twidth: 62% !important;\n\t\t\t\tmax-width: 280px !important;\n\t\t\t\theight: auto !important;\n\t\t\t\tmargin-top: -18% !important;\n\t\t\t}\n\t\t\t#facemap-app .upload__btn {\n\t\t\t\tmargin-top: 6% !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tz-index: 1 !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\twidth: 84% !important;\n\t\t\t\ttext-align: center !important;\n\t\t\t\tcursor: pointer !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tline-height: 1.3 !important;\n\t\t\t\tpadding: 0 8px 2px !important;\n\t\t\t\tborder-radius: 999px !important;\n\t\t\t\tbackground: linear-gradient(90deg, #FF3B85, #FF2E7E) !important;\n\t\t\t\tbox-shadow: 0 3px 8px rgba(255, 46, 126, 0.3) !important;\n\t\t\t}\n\t\t\t#facemap-app .upload input#file {\n\t\t\t\tposition: absolute !important;\n\t\t\t\topacity: 0 !important;\n\t\t\t\twidth: 1px !important;\n\t\t\t\theight: 1px !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t}\n\t\t\t#facemap-app .options {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tflex-direction: column !important;\n\t\t\t\tgap: 3% !important;\n\t\t\t}\n\t\t\t#facemap-app .opt {\n\t\t\t\tmargin-bottom: 6px !important;\n\t\t\t\tflex: 1 !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tcursor: pointer !important;\n\t\t\t}\n\t\t\t#facemap-app .opt input {\n\t\t\t\tposition: absolute !important;\n\t\t\t\topacity: 0 !important;\n\t\t\t}\n\t\t\t#facemap-app .opt__card {\n\t\t\t\theight: 100% !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tgap: 4% !important;\n\t\t\t\tpadding: 6% 5% 9% 4% !important;\n\t\t\t\tborder-radius: 18px !important;\n\t\t\t\tborder: 2px solid #fff !important;\n\t\t\t\tbackground: linear-gradient(135deg, #FFF0F7, #FDE1EE) !important;\n\t\t\t\tbox-shadow: 0 2px 6px rgba(255, 46, 126, 0.12) !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app .opt:hover .opt__card {\n\t\t\t\ttransform: translateY(-2px) !important;\n\t\t\t\tbox-shadow: 0 6px 14px rgba(255, 46, 126, 0.22) !important;\n\t\t\t}\n\t\t\t#facemap-app .opt input:checked + .opt__card {\n\t\t\t\tborder-color: var(--pink) !important;\n\t\t\t}\n\t\t\t#facemap-app .opt__face {\n\t\t\t\tflex: 0 0 36% !important;\n\t\t\t\twidth: 36% !important;\n\t\t\t\taspect-ratio: 1 !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t\tbackground: none !important;\n\t\t\t}\n\t\t\t#facemap-app .opt__face img {\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 100% !important;\n\t\t\t\tobject-fit: cover !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t}\n\t\t\t#facemap-app .opt__text {\n\t\t\t\tfont-size: 18px !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tline-height: 1.15 !important;\n\t\t\t\tcolor: var(--pink-2) !important;\n\t\t\t}\n\t\t\t#facemap-app .opt__dot {\n\t\t\t\tposition: absolute !important;\n\t\t\t\tleft: 8% !important;\n\t\t\t\tbottom: 7% !important;\n\t\t\t\twidth: clamp(12px, 2.6vw, 20px) !important;\n\t\t\t\taspect-ratio: 1 !important;\n\t\t\t\tborder: 1.5px solid var(--pink-2) !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tbackground: #fff !important;\n\t\t\t}\n\t\t\t#facemap-app .opt input:checked + .opt__card .opt__dot {\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t\tbox-shadow: inset 0 0 0 3px #fff !important;\n\t\t\t}\n\n\t\t\t\/* 3. N\u00fat K\u1ebft qu\u1ea3 *\/\n\t\t\t#facemap-app .tag {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\tjustify-content: center !important;\n\t\t\t\tmargin: 24px !important;\n\t\t\t}\n\t\t\t#facemap-app .tag button {\n\t\t\t\tall: unset !important;\n\t\t\t\tcursor: pointer !important;\n\t\t\t}\n\t\t\t#facemap-app .tag button > span {\n\t\t\t\tdisplay: inline-flex !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tgap: 8px !important;\n\t\t\t\tpadding: 2px 18px 4px 12px !important;\n\t\t\t\tborder-radius: 8px !important;\n\t\t\t\tborder: 2px solid #fff !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t\tfont-size: clamp(18px, 4.6vw, 29px) !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tbox-shadow: 0 3px 8px rgba(255, 46, 126, 0.3) !important;\n\t\t\t}\n\t\t\t#facemap-app #resultBtnLabel,\n\t\t\t#facemap-app .tag #resultBtnLabel,\n\t\t\t#resultBtnLabel {\n\t\t\t\tborder: none !important;\n\t\t\t\tbackground: transparent !important;\n\t\t\t\tbox-shadow: none !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tborder-radius: 0 !important;\n\t\t\t\tdisplay: inline !important;\n\t\t\t\tcolor: inherit !important;\n\t\t\t}\n\t\t\t#facemap-app .tag svg {\n\t\t\t\twidth: 0.9em !important;\n\t\t\t\theight: 0.9em !important;\n\t\t\t}\n\n\t\t\t\/* 4. Compare Tr\u01b0\u1edbc \/ Sau *\/\n\t\t\t#facemap-app .compare {\n\t\t\t\tposition: relative !important;\n\t\t\t\tdisplay: grid !important;\n\t\t\t\tgrid-template-columns: 1fr 1fr !important;\n\t\t\t\taspect-ratio: 1170\/715 !important;\n\t\t\t\tborder-radius: 24px !important;\n\t\t\t\tborder: 3px solid #fff !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t\tbox-shadow: 0 4px 14px rgba(30, 111, 224, 0.18) !important;\n\t\t\t\tbackground: #ccc !important;\n\t\t\t}\n\t\t\t#facemap-app .pane {\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: hidden !important;\n\t\t\t\tcursor: zoom-in !important;\n\t\t\t\ttransition: filter 0.2s ease !important;\n\t\t\t}\n\t\t\t#facemap-app .pane:hover {\n\t\t\t\tfilter: brightness(1.03) !important;\n\t\t\t}\n\t\t\t#facemap-app .pane__zoom-hint {\n\t\t\t\tposition: absolute !important;\n\t\t\t\tbottom: 8px !important;\n\t\t\t\tright: 8px !important;\n\t\t\t\tbackground: rgba(10, 25, 47, 0.65) !important;\n\t\t\t\tbackdrop-filter: blur(4px) !important;\n\t\t\t\t-webkit-backdrop-filter: blur(4px) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 999px !important;\n\t\t\t\tpadding: 3px 9px !important;\n\t\t\t\tfont-size: 11px !important;\n\t\t\t\tfont-weight: 400 !important;\n\t\t\t\tdisplay: flex !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tgap: 4px !important;\n\t\t\t\topacity: 0 !important;\n\t\t\t\ttransform: translateY(4px) !important;\n\t\t\t\ttransition: opacity 0.2s ease, transform 0.2s ease !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tz-index: 5 !important;\n\t\t\t}\n\t\t\t#facemap-app .pane:hover .pane__zoom-hint {\n\t\t\t\topacity: 1 !important;\n\t\t\t\ttransform: translateY(0) !important;\n\t\t\t}\n\t\t\t#facemap-app .pane__zoom-hint svg {\n\t\t\t\twidth: 12px !important;\n\t\t\t\theight: 12px !important;\n\t\t\t}\n\t\t\t#facemap-app .pane--before {\n\t\t\t\tbackground: linear-gradient(180deg, #EEE9F3, #E4E0EA) !important;\n\t\t\t}\n\t\t\t#facemap-app .pane--after {\n\t\t\t\tbackground: linear-gradient(180deg, #B9C3CC, #9FB2C4) !important;\n\t\t\t}\n\t\t\t#facemap-app .pane img {\n\t\t\t\tposition: absolute !important;\n\t\t\t\tinset: 0 !important;\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 100% !important;\n\t\t\t\tobject-fit: cover !important;\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t#facemap-app .badge {\n\t\t\t\tposition: absolute !important;\n\t\t\t\ttop: 2.5% !important;\n\t\t\t\tz-index: 3 !important;\n\t\t\t\tpadding: 1px 14px 3px !important;\n\t\t\t\tborder-radius: 999px !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tfont-size: 12px !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tborder: 1.5px solid #fff !important;\n\t\t\t}\n\t\t\t#facemap-app .badge--before {\n\t\t\t\tleft: 2.5% !important;\n\t\t\t\tbackground: var(--blue-2) !important;\n\t\t\t}\n\t\t\t#facemap-app .badge--after {\n\t\t\t\tright: 2.5% !important;\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t}\n\t\t\t#facemap-app .arrow {\n\t\t\t\twidth: 30px !important;\n\t\t\t\theight: 30px !important;\n\t\t\t\tposition: absolute !important;\n\t\t\t\tleft: 50% !important;\n\t\t\t\ttop: 50% !important;\n\t\t\t\taspect-ratio: 1 !important;\n\t\t\t\ttransform: translate(-50%, -50%) !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t\tborder: 3px solid #fff !important;\n\t\t\t\tdisplay: grid !important;\n\t\t\t\tplace-items: center !important;\n\t\t\t\tz-index: 4 !important;\n\t\t\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;\n\t\t\t}\n\t\t\t#facemap-app .arrow svg {\n\t\t\t\twidth: 55% !important;\n\t\t\t\theight: 55% !important;\n\t\t\t}\n\n\t\t\t\/* 5. Kh\u1ed1i L\u01b0u \u00fd \/ Disclaimer (\u0110\u1ea3m b\u1ea3o hi\u1ec3n th\u1ecb 100%) *\/\n\t\t\t#facemap-app .note,\n\t\t\t#facemap-app footer.note {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\talign-items: center !important;\n\t\t\t\tgap: 10px !important;\n\t\t\t\tmargin-top: 32px !important;\n\t\t\t\tpadding: 5px 14px 5px 8px !important;\n\t\t\t\tborder-radius: 24px !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tbackground: linear-gradient(90deg, #FF3B85, #FF2E7E) !important;\n\t\t\t\tfont-size: clamp(11px, 2.8vw, 17px) !important;\n\t\t\t\tfont-weight: 300 !important;\n\t\t\t\tline-height: 1.25 !important;\n\t\t\t\tvisibility: visible !important;\n\t\t\t\topacity: 1 !important;\n\t\t\t\tbox-sizing: border-box !important;\n\t\t\t}\n\t\t\t#facemap-app .note__icon {\n\t\t\t\tflex: 0 0 clamp(30px, 7vw, 48px) !important;\n\t\t\t\taspect-ratio: 1 !important;\n\t\t\t\tborder-radius: 50% !important;\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t\tborder: 2px solid #fff !important;\n\t\t\t\tdisplay: grid !important;\n\t\t\t\tplace-items: center !important;\n\t\t\t\tfont-weight: 500 !important;\n\t\t\t\tfont-size: clamp(18px, 4vw, 28px) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\t\t\t#facemap-app .note p {\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t\/* Responsive mobile *\/\n\t\t\t@media (max-width: 580px) {\n\t\t\t\t#facemap-app .hero__title {\n\t\t\t\t\tfont-size: clamp(34px, 12vw, 56px) !important;\n\t\t\t\t}\n\t\t\t\t#facemap-app .hero__kicker {\n\t\t\t\t\tfont-size: 16px !important;\n\t\t\t\t}\n\t\t\t\t#facemap-app .opt__text {\n\t\t\t\t\tfont-size: 14px !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/* 6. Lightbox Ph\u00f3ng To \u1ea2nh Tr\u01b0\u1edbc \/ Sau *\/\n\t\t\t#facemap-lightbox {\n\t\t\t\tposition: fixed !important;\n\t\t\t\tinset: 0 !important;\n\t\t\t\tz-index: 9999999 !important;\n\t\t\t\tbackground: rgba(10, 25, 47, 0.88) !important;\n\t\t\t\tbackdrop-filter: blur(8px) !important;\n\t\t\t\t-webkit-backdrop-filter: blur(8px) !important;\n\t\t\t\tdisplay: none;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 16px;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: opacity 0.22s ease;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t#facemap-lightbox.is-open {\n\t\t\t\tdisplay: flex !important;\n\t\t\t\topacity: 1 !important;\n\t\t\t}\n\t\t\t.facemap-lightbox__card {\n\t\t\t\tposition: relative;\n\t\t\t\tmax-width: 94vw;\n\t\t\t\tmax-height: 92vh;\n\t\t\t\twidth: 780px;\n\t\t\t\tbackground: #fff;\n\t\t\t\tborder-radius: 20px;\n\t\t\t\toverflow: hidden;\n\t\t\t\tbox-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.2);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tanimation: facemapLightboxPop 0.24s cubic-bezier(0.16, 1, 0.3, 1);\n\t\t\t}\n\t\t\t@keyframes facemapLightboxPop {\n\t\t\t\tfrom { transform: scale(0.92); opacity: 0; }\n\t\t\t\tto { transform: scale(1); opacity: 1; }\n\t\t\t}\n\t\t\t.facemap-lightbox__header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tpadding: 12px 18px;\n\t\t\t\tbackground: #f8fbff;\n\t\t\t\tborder-bottom: 1px solid #e3effa;\n\t\t\t\tgap: 12px;\n\t\t\t}\n\t\t\t.facemap-lightbox__tabs {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 6px;\n\t\t\t\tbackground: #e5f1fc;\n\t\t\t\tpadding: 4px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t}\n\t\t\t.facemap-lightbox__tab {\n\t\t\t\tall: unset;\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 6px 18px;\n\t\t\t\tborder-radius: 999px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--blue);\n\t\t\t\ttransition: all 0.2s ease;\n\t\t\t}\n\t\t\t.facemap-lightbox__tab:hover { color: #0b50b3; }\n\t\t\t.facemap-lightbox__tab.is-active-before {\n\t\t\t\tbackground: var(--blue-2) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tbox-shadow: 0 2px 8px rgba(30, 127, 232, 0.35);\n\t\t\t}\n\t\t\t.facemap-lightbox__tab.is-active-after {\n\t\t\t\tbackground: var(--pink) !important;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tbox-shadow: 0 2px 8px rgba(255, 46, 126, 0.35);\n\t\t\t}\n\t\t\t.facemap-lightbox__close {\n\t\t\t\tall: unset;\n\t\t\t\tcursor: pointer;\n\t\t\t\twidth: 36px;\n\t\t\t\theight: 36px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: #eef4fb;\n\t\t\t\tdisplay: grid;\n\t\t\t\tplace-items: center;\n\t\t\t\tfont-size: 24px;\n\t\t\t\tline-height: 1;\n\t\t\t\tcolor: #4a6382;\n\t\t\t\ttransition: background 0.15s, color 0.15s, transform 0.15s;\n\t\t\t}\n\t\t\t.facemap-lightbox__close:hover {\n\t\t\t\tbackground: #ff2e7e;\n\t\t\t\tcolor: #fff;\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t\t.facemap-lightbox__body {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground: #0f172a;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 68vh;\n\t\t\t\tmax-height: 640px;\n\t\t\t\toverflow: hidden;\n\t\t\t\tuser-select: none;\n\t\t\t}\n\t\t\t.facemap-lightbox__img {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmax-height: 100%;\n\t\t\t\twidth: auto;\n\t\t\t\theight: auto;\n\t\t\t\tobject-fit: contain;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<!-- JavaScript d\u1ecdn s\u1ea1ch theme l\u1eadp t\u1ee9c khi nh\u00fang shortcode -->\n\t\t<script id=\"far-dom-cleanser\">\n\t\t(function() {\n\t\t\tfunction cleanseThemeElements() {\n\t\t\t\ttry {\n\t\t\t\t\tvar app = document.getElementById('facemap-app-wrapper') || document.getElementById('facemap-app');\n\t\t\t\t\tif (!app) return;\n\n\t\t\t\t\tdocument.documentElement.classList.add('far-clean-landing-active');\n\t\t\t\t\tdocument.body.classList.add('far-clean-landing-active', 'far-standalone-mode');\n\t\t\t\t\tdocument.documentElement.style.setProperty('background', '#DCEEFF', 'important');\n\t\t\t\t\tdocument.body.style.setProperty('background', '#DCEEFF', 'important');\n\n\t\t\t\t\t\/\/ Leo ng\u01b0\u1ee3c t\u1eeb app l\u00ean body: \u1ea9n t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed anh em\n\t\t\t\t\tvar node = app;\n\t\t\t\t\twhile (node && node !== document.body && node !== document.documentElement) {\n\t\t\t\t\t\tvar parent = node.parentElement;\n\t\t\t\t\t\tif (parent) {\n\t\t\t\t\t\t\tparent.style.setProperty('padding', '0', 'important');\n\t\t\t\t\t\t\tparent.style.setProperty('margin', '0', 'important');\n\t\t\t\t\t\t\tparent.style.setProperty('max-width', '100%', 'important');\n\t\t\t\t\t\t\tparent.style.setProperty('width', '100%', 'important');\n\t\t\t\t\t\t\tparent.style.setProperty('background', 'transparent', 'important');\n\n\t\t\t\t\t\t\tfor (var i = 0; i < parent.children.length; i++) {\n\t\t\t\t\t\t\t\tvar sib = parent.children[i];\n\t\t\t\t\t\t\t\tif (!sib || sib.id === 'wpadminbar' || sib.closest('#wpadminbar') || (sib.classList && sib.classList.contains('admin-bar'))) {\n\t\t\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (sib !== node && !sib.contains(app) && sib.tagName !== 'SCRIPT' && sib.tagName !== 'STYLE' && sib.tagName !== 'LINK') {\n\t\t\t\t\t\t\t\t\tsib.style.setProperty('display', 'none', 'important');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tnode = parent;\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ \u1ea8n t\u1ea5t c\u1ea3 header, footer, navigation, site-title, template-part c\u1ee7a theme\n\t\t\t\t\tvar themeSelectors = [\n\t\t\t\t\t\t'header.wp-block-template-part',\n\t\t\t\t\t\t'footer.wp-block-template-part',\n\t\t\t\t\t\t'.wp-block-template-part',\n\t\t\t\t\t\t'.wp-block-site-title',\n\t\t\t\t\t\t'.wp-block-navigation',\n\t\t\t\t\t\t'.wp-block-post-title',\n\t\t\t\t\t\t'.wp-block-post-date',\n\t\t\t\t\t\t'.wp-block-post-author',\n\t\t\t\t\t\t'.site-header',\n\t\t\t\t\t\t'.site-footer',\n\t\t\t\t\t\t'#masthead',\n\t\t\t\t\t\t'#colophon',\n\t\t\t\t\t\t'.entry-header',\n\t\t\t\t\t\t'.entry-title',\n\t\t\t\t\t\t'.page-title',\n\t\t\t\t\t\t'.post-title',\n\t\t\t\t\t\t'h1.entry-title',\n\t\t\t\t\t\t'h1.page-title',\n\t\t\t\t\t\t'h1.wp-block-post-title',\n\t\t\t\t\t\t'.elementor-heading-title',\n\t\t\t\t\t\t'.elementor-location-header',\n\t\t\t\t\t\t'.elementor-location-footer',\n\t\t\t\t\t\t'body > header',\n\t\t\t\t\t\t'body > footer',\n\t\t\t\t\t\t'body > nav',\n\t\t\t\t\t\t'.wp-site-blocks > header',\n\t\t\t\t\t\t'.wp-site-blocks > footer'\n\t\t\t\t\t];\n\t\t\t\t\tthemeSelectors.forEach(function (sel) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tdocument.querySelectorAll(sel).forEach(function (el) {\n\t\t\t\t\t\t\t\tif (el.id !== 'wpadminbar' && !el.closest('#wpadminbar') && !el.closest('#facemap-app')) {\n\t\t\t\t\t\t\t\t\tel.style.setProperty('display', 'none', 'important');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} catch (err) {}\n\t\t\t\t\t});\n\t\t\t\t} catch (e) {}\n\t\t\t}\n\t\t\tcleanseThemeElements();\n\t\t\tif (document.readyState === 'loading') {\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', cleanseThemeElements);\n\t\t\t}\n\t\t\twindow.addEventListener('load', cleanseThemeElements);\n\t\t})();\n\t\t<\/script>\n\n\t\t<div id=\"facemap-app-wrapper\">\n\t\t  <div class=\"page\" id=\"facemap-app\" data-config=\"{&quot;directUrl&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/?far_action=submit_job&quot;,&quot;directStatusUrl&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/?far_action=get_job_status&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;endpointJobsPlain&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/?rest_route=\\\/far\\\/v1\\\/jobs&quot;,&quot;endpointJobsIndex&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/index.php?rest_route=\\\/far\\\/v1\\\/jobs&quot;,&quot;endpointJobs&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/index.php\\\/wp-json\\\/far\\\/v1\\\/jobs&quot;,&quot;restUrl&quot;:&quot;https:\\\/\\\/fullface.vienthammythienha.vn\\\/index.php\\\/wp-json\\\/far\\\/v1&quot;,&quot;nonce&quot;:&quot;39e84757af&quot;,&quot;maxUploadMb&quot;:10,&quot;maxDimension&quot;:1536}\">\n\n\t\t    <!-- 1. Header (FACEMAP AI - M\u00f4 ph\u1ecfng hi\u1ec7u qu\u1ea3 \u0111i\u1ec1u tr\u1ecb) -->\n\t\t    <header class=\"hero\">\n\t\t      <p class=\"hero__kicker\">M\u00f4 ph\u1ecfng hi\u1ec7u qu\u1ea3 \u0111i\u1ec1u tr\u1ecb<\/p>\n\t\t      <h1 class=\"hero__title\">FACEMAP AI<\/h1>\n\t\t      <div class=\"hero__desc\"><i><\/i><i><\/i><i><\/i><i><\/i>\n\t\t        <p>Ph\u1ea7n m\u1ec1m \u0111\u1ed9c quy\u1ec1n d\u00f9ng cho th\u0103m kh\u00e1m l\u00e2m s\u00e0ng t\u1ea1i Thi\u00ean H\u00e0 Medical Beauty Center<\/p>\n\t\t      <\/div>\n\t\t    <\/header>\n\n\t\t    <!-- 2. Features: Upload + 3 Li\u1ec7u tr\u00ecnh \u0111i\u1ec1u tr\u1ecb -->\n\t\t    <section class=\"features\">\n\t\t      <div class=\"upload\">\n\t\t        <div class=\"upload__zone\" id=\"zone\">\n\t\t          <img id=\"preview\" alt=\"\u1ea2nh \u0111\u00e3 t\u1ea3i l\u00ean\">\n\t\t          <svg class=\"upload__icon\" viewBox=\"0 0 300 260\" aria-hidden=\"true\">\n\t\t            <g fill=\"none\" stroke=\"#8FA7C2\" stroke-width=\"2.5\">\n\t\t              <path d=\"M2 40V2h38M260 2h38v38M2 220v38h38M260 258h38v-38\" transform=\"translate(0,0) scale(.98)\"\/>\n\t\t            <\/g>\n\t\t            <rect x=\"40\" y=\"32\" width=\"220\" height=\"150\" rx=\"10\" fill=\"#fff\" stroke=\"#1E7FE8\" stroke-width=\"10\"\/>\n\t\t            <circle cx=\"82\" cy=\"78\" r=\"20\" fill=\"#1E7FE8\"\/>\n\t\t            <path d=\"M50 172l62-78 38 46 28-30 62 62z\" fill=\"#1E7FE8\"\/>\n\t\t            <circle cx=\"248\" cy=\"170\" r=\"22\" fill=\"#FF2E7E\" stroke=\"#fff\" stroke-width=\"4\"\/>\n\t\t            <path d=\"M248 182v-20m-9 8l9-9 9 9\" stroke=\"#fff\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t          <\/svg>\n\t\t          <label class=\"upload__btn\"><span id=\"btnText\">T\u1ea3i \u1ea3nh l\u00ean<\/span><input type=\"file\" id=\"file\" accept=\"image\/*\"><\/label>\n\t\t        <\/div>\n\t\t      <\/div>\n\n\t\t      <div class=\"options\" role=\"radiogroup\" aria-label=\"Li\u1ec7u tr\u00ecnh\">\n\t\t        <label class=\"opt\"><input type=\"radio\" name=\"treatment\" value=\"fill\" checked><span class=\"opt__card\">\n\t\t          <span class=\"opt__face\"><img decoding=\"async\" alt=\"L\u00e0m \u0111\u1ea7y l\u00f5m h\u00f3p\" src=\"https:\/\/fullface.vienthammythienha.vn\/wp-content\/uploads\/2026\/10\/lam-day-lom-hop.jpg\"><\/span><span class=\"opt__text\">L\u00e0m \u0111\u1ea7y<br>l\u00f5m h\u00f3p<\/span><span class=\"opt__dot\"><\/span><\/span><\/label>\n\t\t        <label class=\"opt\"><input type=\"radio\" name=\"treatment\" value=\"lift\"><span class=\"opt__card\">\n\t\t          <span class=\"opt__face\"><img decoding=\"async\" alt=\"N\u00e2ng c\u01a1 xo\u00e1 nh\u0103n\" src=\"https:\/\/fullface.vienthammythienha.vn\/wp-content\/uploads\/2026\/10\/nang-co-xoa-nhan.jpg\"><\/span><span class=\"opt__text\">N\u00e2ng c\u01a1<br>xo\u00e1 nh\u0103n<\/span><span class=\"opt__dot\"><\/span><\/span><\/label>\n\t\t        <label class=\"opt\"><input type=\"radio\" name=\"treatment\" value=\"renew\"><span class=\"opt__card\">\n\t\t          <span class=\"opt__face\"><img decoding=\"async\" alt=\"Tr\u1ebb ho\u00e1 nguy\u00ean b\u00e0o to\u00e0n di\u1ec7n\" src=\"https:\/\/fullface.vienthammythienha.vn\/wp-content\/uploads\/2026\/10\/tre-hoa-nguyen-bao.jpg\"><\/span><span class=\"opt__text\">Tr\u1ebb ho\u00e1 nguy\u00ean b\u00e0o to\u00e0n di\u1ec7n<\/span><span class=\"opt__dot\"><\/span><\/span><\/label>\n\t\t      <\/div>\n\t\t    <\/section>\n\n\t\t    <!-- 3. N\u00fat K\u1ebft qu\u1ea3 -->\n\t\t    <div class=\"tag\"><button type=\"button\" id=\"resultBtn\"><span><svg viewBox=\"0 0 24 24\"><path d=\"M5 3l16 9-16 9z\" fill=\"#fff\"\/><\/svg><span id=\"resultBtnLabel\">K\u1ebft qu\u1ea3<\/span><\/span><\/button><\/div>\n\n\t\t    <!-- 4. So s\u00e1nh Tr\u01b0\u1edbc \/ Sau -->\n\t\t    <section class=\"compare\" aria-label=\"So s\u00e1nh tr\u01b0\u1edbc v\u00e0 sau\">\n\t\t      <div class=\"pane pane--before\" id=\"before\" title=\"Nh\u1ea5n \u0111\u1ec3 ph\u00f3ng to \u1ea3nh Tr\u01b0\u1edbc\">\n\t\t        <span class=\"badge badge--before\">TR\u01af\u1edaC<\/span>\n\t\t        <img decoding=\"async\" id=\"beforeImg\" alt=\"\u1ea2nh tr\u01b0\u1edbc\" src=\"\/wp-content\/uploads\/2026\/10\/truoc.jpg\">\n\t\t        <span class=\"pane__zoom-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>Ph\u00f3ng to<\/span>\n\t\t      <\/div>\n\t\t      <div class=\"pane pane--after\" id=\"after\" title=\"Nh\u1ea5n \u0111\u1ec3 ph\u00f3ng to \u1ea3nh Sau\">\n\t\t        <span class=\"badge badge--after\">SAU<\/span>\n\t\t        <img decoding=\"async\" id=\"afterImg\" alt=\"\u1ea2nh m\u00f4 ph\u1ecfng sau \u0111i\u1ec1u tr\u1ecb\" src=\"\/wp-content\/uploads\/2026\/10\/sau.jpg\">\n\t\t        <span class=\"pane__zoom-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>Ph\u00f3ng to<\/span>\n\t\t      <\/div>\n\t\t      <div class=\"arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 4l10 8-10 8\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n\t\t    <\/section>\n\n\t\t    <!-- 5. L\u01b0u \u00fd \/ Disclaimer -->\n\t\t    <footer class=\"note\">\n\t\t      <span class=\"note__icon\" aria-hidden=\"true\">!<\/span>\n\t\t      <p>H\u00ecnh \u1ea3nh m\u00f4 ph\u1ecfng c\u00f3 th\u1ec3 thay \u0111\u1ed5i 10-30% so v\u1edbi th\u1ef1c t\u1ebf, \u0111\u1ec3 c\u00f3 k\u1ebft qu\u1ea3 ch\u00ednh x\u00e1c nh\u1ea5t c\u1ea7n th\u0103m kh\u00e1m tr\u1ef1c ti\u1ebfp c\u00f9ng B\u00e1c s\u0129.<\/p>\n\t\t    <\/footer>\n\t\t  <\/div>\n\n\t\t  <!-- Modal Ph\u00f3ng to \u1ea3nh Tr\u01b0\u1edbc \/ Sau (Lightbox) -->\n\t\t  <div id=\"facemap-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Ph\u00f3ng to \u1ea3nh tr\u01b0\u1edbc v\u00e0 sau\">\n\t\t    <div class=\"facemap-lightbox__card\">\n\t\t      <div class=\"facemap-lightbox__header\">\n\t\t        <div class=\"facemap-lightbox__tabs\">\n\t\t          <button type=\"button\" id=\"lightboxTabBefore\" class=\"facemap-lightbox__tab is-active-before\">\u1ea2nh tr\u01b0\u1edbc<\/button>\n\t\t          <button type=\"button\" id=\"lightboxTabAfter\" class=\"facemap-lightbox__tab\">\u1ea2nh sau<\/button>\n\t\t        <\/div>\n\t\t        <button type=\"button\" id=\"lightboxClose\" class=\"facemap-lightbox__close\" aria-label=\"\u0110\u00f3ng\">&times;<\/button>\n\t\t      <\/div>\n\t\t      <div class=\"facemap-lightbox__body\">\n\t\t        <img decoding=\"async\" id=\"lightboxImg\" class=\"facemap-lightbox__img\" alt=\"\u1ea2nh ph\u00f3ng to\" src=\"\">\n\t\t      <\/div>\n\t\t    <\/div>\n\t\t  <\/div>\n\t\t<\/div>\n\n\t\t<!-- Script \u0111\u1ea3m b\u1ea3o t\u01b0\u01a1ng t\u00e1c ho\u1ea1t \u0111\u1ed9ng ngay l\u1eadp t\u1ee9c -->\n\t\t<script>\n\t\t(function(){\n\t\t  function setupFacemapApp() {\n\t\t    var file = document.getElementById('file'),\n\t\t        zone = document.getElementById('zone'),\n\t\t        prev = document.getElementById('preview'),\n\t\t        btnText = document.getElementById('btnText'),\n\t\t        bImg = document.getElementById('beforeImg'),\n\t\t        aImg = document.getElementById('afterImg'),\n\t\t        resultBtn = document.getElementById('resultBtn'),\n\t\t        btnLabel = document.getElementById('resultBtnLabel') || resultBtn,\n\t\t        url = null;\n\n\t\t    if (!file || !zone || !prev || !bImg || !aImg || !resultBtn) return;\n\n\t\t    \/\/ Ch\u1ecdn \u1ea3nh: ch\u1ec9 c\u1eadp nh\u1eadt khung t\u1ea3i \u1ea3nh t\u1ea1i id=\"preview\", KH\u00d4NG \u0111\u1ed5i kh\u1ed1i Tr\u01b0\u1edbc\/Sau\n\t\t    file.addEventListener('change', function(){\n\t\t      var f = file.files && file.files[0];\n\t\t      if (!f) return;\n\t\t      if (url) URL.revokeObjectURL(url);\n\t\t      url = URL.createObjectURL(f);\n\t\t      prev.src = url;\n\t\t      zone.classList.add('has-img');\n\t\t      if (btnText) btnText.textContent = 'Thay \u1ea3nh';\n\t\t    });\n\n\t\t    \/\/ 3. T\u00ednh n\u0103ng Ph\u00f3ng to \u1ea3nh Tr\u01b0\u1edbc \/ Sau (Lightbox Modal)\n\t\t    var paneBefore = document.getElementById('before'),\n\t\t        paneAfter = document.getElementById('after'),\n\t\t        lightbox = document.getElementById('facemap-lightbox'),\n\t\t        lightboxImg = document.getElementById('lightboxImg'),\n\t\t        lightboxClose = document.getElementById('lightboxClose'),\n\t\t        tabBefore = document.getElementById('lightboxTabBefore'),\n\t\t        tabAfter = document.getElementById('lightboxTabAfter'),\n\t\t        zoomMode = 'before';\n\n\t\t    function updateLightboxDisplay() {\n\t\t      if (!lightboxImg) return;\n\t\t      var bSrc = (bImg && bImg.src) || '';\n\t\t      var aSrc = (aImg && aImg.src) || '';\n\t\t      if (zoomMode === 'after') {\n\t\t        lightboxImg.src = aSrc || bSrc;\n\t\t        if (tabAfter) tabAfter.className = 'facemap-lightbox__tab is-active-after';\n\t\t        if (tabBefore) tabBefore.className = 'facemap-lightbox__tab';\n\t\t      } else {\n\t\t        lightboxImg.src = bSrc || aSrc;\n\t\t        if (tabBefore) tabBefore.className = 'facemap-lightbox__tab is-active-before';\n\t\t        if (tabAfter) tabAfter.className = 'facemap-lightbox__tab';\n\t\t      }\n\t\t    }\n\n\t\t    function openLightbox(mode) {\n\t\t      if (!lightbox) return;\n\t\t      zoomMode = mode || 'before';\n\t\t      updateLightboxDisplay();\n\t\t      lightbox.classList.add('is-open');\n\t\t      document.body.style.overflow = 'hidden';\n\t\t    }\n\n\t\t    function closeLightbox() {\n\t\t      if (!lightbox) return;\n\t\t      lightbox.classList.remove('is-open');\n\t\t      document.body.style.overflow = '';\n\t\t    }\n\n\t\t    if (paneBefore) {\n\t\t      paneBefore.addEventListener('click', function(e) {\n\t\t        if (e.target && e.target.closest && e.target.closest('.arrow')) return;\n\t\t        openLightbox('before');\n\t\t      });\n\t\t    }\n\t\t    if (paneAfter) {\n\t\t      paneAfter.addEventListener('click', function(e) {\n\t\t        if (e.target && e.target.closest && e.target.closest('.arrow')) return;\n\t\t        openLightbox('after');\n\t\t      });\n\t\t    }\n\t\t    if (tabBefore) {\n\t\t      tabBefore.addEventListener('click', function(e) {\n\t\t        e.stopPropagation();\n\t\t        zoomMode = 'before';\n\t\t        updateLightboxDisplay();\n\t\t      });\n\t\t    }\n\t\t    if (tabAfter) {\n\t\t      tabAfter.addEventListener('click', function(e) {\n\t\t        e.stopPropagation();\n\t\t        zoomMode = 'after';\n\t\t        updateLightboxDisplay();\n\t\t      });\n\t\t    }\n\t\t    if (lightboxClose) {\n\t\t      lightboxClose.addEventListener('click', function(e) {\n\t\t        e.stopPropagation();\n\t\t        closeLightbox();\n\t\t      });\n\t\t    }\n\t\t    if (lightbox) {\n\t\t      lightbox.addEventListener('click', function(e) {\n\t\t        if (e.target === lightbox || (e.target.classList && e.target.classList.contains('facemap-lightbox__body'))) {\n\t\t          closeLightbox();\n\t\t        }\n\t\t      });\n\t\t    }\n\t\t    document.addEventListener('keydown', function(e) {\n\t\t      if (e.key === 'Escape' && lightbox && lightbox.classList.contains('is-open')) {\n\t\t        closeLightbox();\n\t\t      }\n\t\t    });\n\n\t\t    \/\/ API cho backend ho\u1eb7c script ngo\u00e0i\n\t\t    window.FacemapUI = {\n\t\t      setBefore: function(src){ if(bImg) bImg.src = src; },\n\t\t      setAfter: function(src){ if(aImg) aImg.src = src; },\n\t\t      openZoom: function(mode){ openLightbox(mode || 'after'); }\n\t\t    };\n\n\t\t    \/\/ \u1ea8n tri\u1ec7t \u0111\u1ec3 header, footer, navigation c\u1ee7a theme\n\t\t    try {\n\t\t      document.body.style.backgroundColor = '#DCEEFF';\n\t\t      document.documentElement.style.backgroundColor = '#DCEEFF';\n\t\t      var themeSelectors = [\n\t\t        'header.wp-block-template-part',\n\t\t        'footer.wp-block-template-part',\n\t\t        '.wp-block-template-part',\n\t\t        '.wp-block-site-title',\n\t\t        '.wp-block-navigation',\n\t\t        '.wp-block-post-title',\n\t\t        '.wp-block-post-date',\n\t\t        '.wp-block-post-author',\n\t\t        '.site-header',\n\t\t        '.site-footer',\n\t\t        '#masthead',\n\t\t        '#colophon',\n\t\t        'nav.wp-block-navigation',\n\t\t        'nav.main-navigation',\n\t\t        '.entry-title',\n\t\t        '.page-title',\n\t\t        '.post-title',\n\t\t        'h1.entry-title',\n\t\t        '.elementor-heading-title'\n\t\t      ];\n\t\t      themeSelectors.forEach(function(sel){\n\t\t        try {\n\t\t          document.querySelectorAll(sel).forEach(function(el){\n\t\t            if (el.id !== 'wpadminbar' && !el.closest('#wpadminbar') && !el.closest('#facemap-app')) {\n\t\t              el.style.setProperty('display', 'none', 'important');\n\t\t            }\n\t\t          });\n\t\t        } catch(err) {}\n\t\t      });\n\t\t    } catch(e) {}\n\t\t  }\n\n\t\t  if (document.readyState === 'loading') {\n\t\t    document.addEventListener('DOMContentLoaded', setupFacemapApp);\n\t\t  } else {\n\t\t    setupFacemapApp();\n\t\t  }\n\t\t})();\n\t\t<\/script>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/fullface.vienthammythienha.vn\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}