{"id":1134,"date":"2019-09-12T19:10:31","date_gmt":"2019-09-12T12:10:31","guid":{"rendered":"https:\/\/www.tocdangnonnuoc.com\/?page_id=1134"},"modified":"2026-01-20T16:41:24","modified_gmt":"2026-01-20T09:41:24","slug":"pha-he","status":"publish","type":"page","link":"https:\/\/www.tocdangnonnuoc.com\/?page_id=1134","title":{"rendered":"Ph\u1ea3 h\u1ec7"},"content":{"rendered":"\n  <style>                                                                                                                                                                                                                                             \n    .family-tree-wrapper {                                                                                                                                                                                                                            \n      position: relative;                                                                                                                                                                                                                             \n      width: 100%;                                                                                                                                                                                                                                    \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .family-tree-embed {                                                                                                                                                                                                                              \n      position: relative;                                                                                                                                                                                                                             \n      width: 100%;                                                                                                                                                                                                                                    \n      padding-bottom: 120%;                                                                                                                                                                                                                           \n      height: 0;                                                                                                                                                                                                                                      \n      overflow: hidden;                                                                                                                                                                                                                               \n      border-radius: 12px;                                                                                                                                                                                                                            \n      border: 1px solid #e8dcc9;                                                                                                                                                                                                                      \n      background: #fdfcfa;                                                                                                                                                                                                                            \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .family-tree-embed iframe {                                                                                                                                                                                                                       \n      position: absolute;                                                                                                                                                                                                                             \n      top: 0;                                                                                                                                                                                                                                         \n      left: 0;                                                                                                                                                                                                                                        \n      width: 100%;                                                                                                                                                                                                                                    \n      height: 100%;                                                                                                                                                                                                                                   \n      border: none;                                                                                                                                                                                                                                   \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .expand-btn {                                                                                                                                                                                                                                     \n      position: absolute;                                                                                                                                                                                                                             \n      top: 8px;                                                                                                                                                                                                                                       \n      right: 8px;                                                                                                                                                                                                                                     \n      z-index: 10;                                                                                                                                                                                                                                    \n      padding: 8px 12px;                                                                                                                                                                                                                              \n      background: rgba(74, 20, 20, 0.9);                                                                                                                                                                                                              \n      color: #fff;                                                                                                                                                                                                                                    \n      border: none;                                                                                                                                                                                                                                   \n      border-radius: 6px;                                                                                                                                                                                                                             \n      font-size: 12px;                                                                                                                                                                                                                                \n      font-weight: 500;                                                                                                                                                                                                                               \n      cursor: pointer;                                                                                                                                                                                                                                \n      display: flex;                                                                                                                                                                                                                                  \n      align-items: center;                                                                                                                                                                                                                            \n      gap: 6px;                                                                                                                                                                                                                                       \n      transition: background 0.2s;                                                                                                                                                                                                                    \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .expand-btn:hover {                                                                                                                                                                                                                               \n      background: rgba(74, 20, 20, 1);                                                                                                                                                                                                                \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    \/* Fullscreen Overlay *\/                                                                                                                                                                                                                          \n    .fullscreen-overlay {                                                                                                                                                                                                                             \n      display: none;                                                                                                                                                                                                                                  \n      position: fixed;                                                                                                                                                                                                                                \n      top: 0;                                                                                                                                                                                                                                         \n      left: 0;                                                                                                                                                                                                                                        \n      width: 100%;                                                                                                                                                                                                                                    \n      height: 100%;                                                                                                                                                                                                                                   \n      z-index: 999999;                                                                                                                                                                                                                                \n      background: #fff;                                                                                                                                                                                                                               \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .fullscreen-overlay.active {                                                                                                                                                                                                                      \n      display: flex;                                                                                                                                                                                                                                  \n      flex-direction: column;                                                                                                                                                                                                                         \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .fullscreen-header {                                                                                                                                                                                                                              \n      display: flex;                                                                                                                                                                                                                                  \n      align-items: center;                                                                                                                                                                                                                            \n      justify-content: space-between;                                                                                                                                                                                                                 \n      padding: 10px 16px;                                                                                                                                                                                                                             \n      background: linear-gradient(135deg, #4a1414 0%, #731f1f 100%);                                                                                                                                                                                  \n      color: #fff;                                                                                                                                                                                                                                    \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .fullscreen-title {                                                                                                                                                                                                                               \n      font-size: 14px;                                                                                                                                                                                                                                \n      font-weight: 600;                                                                                                                                                                                                                               \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .close-btn {                                                                                                                                                                                                                                      \n      padding: 8px 16px;                                                                                                                                                                                                                              \n      background: rgba(255,255,255,0.15);                                                                                                                                                                                                             \n      color: #fff;                                                                                                                                                                                                                                    \n      border: none;                                                                                                                                                                                                                                   \n      border-radius: 6px;                                                                                                                                                                                                                             \n      font-size: 13px;                                                                                                                                                                                                                                \n      font-weight: 500;                                                                                                                                                                                                                               \n      cursor: pointer;                                                                                                                                                                                                                                \n      display: flex;                                                                                                                                                                                                                                  \n      align-items: center;                                                                                                                                                                                                                            \n      gap: 6px;                                                                                                                                                                                                                                       \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .close-btn:hover {                                                                                                                                                                                                                                \n      background: rgba(255,255,255,0.25);                                                                                                                                                                                                             \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .fullscreen-body {                                                                                                                                                                                                                                \n      flex: 1;                                                                                                                                                                                                                                        \n      position: relative;                                                                                                                                                                                                                             \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    .fullscreen-body iframe {                                                                                                                                                                                                                         \n      position: absolute;                                                                                                                                                                                                                             \n      top: 0;                                                                                                                                                                                                                                         \n      left: 0;                                                                                                                                                                                                                                        \n      width: 100%;                                                                                                                                                                                                                                    \n      height: 100%;                                                                                                                                                                                                                                   \n      border: none;                                                                                                                                                                                                                                   \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    @media (min-width: 768px) {                                                                                                                                                                                                                       \n      .family-tree-embed {                                                                                                                                                                                                                            \n        padding-bottom: 75%;                                                                                                                                                                                                                          \n      }                                                                                                                                                                                                                                               \n    }                                                                                                                                                                                                                                                 \n  <\/style>                                                                                                                                                                                                                                            \n                                                                                                                                                                                                                                                      \n  <!-- Embedded View -->                                                                                                                                                                                                                              \n  <div class=\"family-tree-wrapper\">                                                                                                                                                                                                                   \n    <button class=\"expand-btn\" onclick=\"openFamilyTree()\">                                                                                                                                                                                            \n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">                                                                                                                                             \n        <path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\"\/>                                                                                                                                                                                            \n      <\/svg>                                                                                                                                                                                                                                          \n      M\u1edf r\u1ed9ng                                                                                                                                                                                                                                         \n    <\/button>                                                                                                                                                                                                                                         \n    <div class=\"family-tree-embed\">                                                                                                                                                                                                                   \n      <iframe                                                                                                                                                                                                                                         \n        src=\"https:\/\/chitoan1992.github.io\/toc-dang\/\"                                                                                                                                                                                                 \n        frameborder=\"0\"                                                                                                                                                                                                                               \n        title=\"Gia Ph\u1ea3 T\u1ed9c \u0110\u1eb7ng Non N\u01b0\u1edbc\"                                                                                                                                                                                                             \n        loading=\"lazy\"                                                                                                                                                                                                                                \n      ><\/iframe>                                                                                                                                                                                                                                      \n    <\/div>                                                                                                                                                                                                                                            \n  <\/div>                                                                                                                                                                                                                                              \n                                                                                                                                                                                                                                                      \n  <!-- Fullscreen Overlay (hidden by default) -->                                                                                                                                                                                                     \n  <div class=\"fullscreen-overlay\" id=\"familyOverlay\">                                                                                                                                                                                                 \n    <div class=\"fullscreen-header\">                                                                                                                                                                                                                   \n      <span class=\"fullscreen-title\">Gia Ph\u1ea3 T\u1ed9c \u0110\u1eb7ng Non N\u01b0\u1edbc<\/span>                                                                                                                                                                                 \n      <button class=\"close-btn\" onclick=\"closeFamilyTree()\">                                                                                                                                                                                          \n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">                                                                                                                                           \n          <path d=\"M18 6 6 18M6 6l12 12\"\/>                                                                                                                                                                                                            \n        <\/svg>                                                                                                                                                                                                                                        \n        \u0110\u00f3ng                                                                                                                                                                                                                                          \n      <\/button>                                                                                                                                                                                                                                       \n    <\/div>                                                                                                                                                                                                                                            \n    <div class=\"fullscreen-body\">                                                                                                                                                                                                                     \n      <iframe                                                                                                                                                                                                                                         \n        id=\"fullscreenIframe\"                                                                                                                                                                                                                         \n        frameborder=\"0\"                                                                                                                                                                                                                               \n        title=\"Gia Ph\u1ea3 T\u1ed9c \u0110\u1eb7ng Non N\u01b0\u1edbc\"                                                                                                                                                                                                             \n      ><\/iframe>                                                                                                                                                                                                                                      \n    <\/div>                                                                                                                                                                                                                                            \n  <\/div>                                                                                                                                                                                                                                              \n                                                                                                                                                                                                                                                      \n  <script>                                                                                                                                                                                                                                            \n  function openFamilyTree() {                                                                                                                                                                                                                         \n    const overlay = document.getElementById('familyOverlay');                                                                                                                                                                                         \n    const iframe = document.getElementById('fullscreenIframe');                                                                                                                                                                                       \n                                                                                                                                                                                                                                                      \n    \/\/ Load iframe only when opened (saves bandwidth)                                                                                                                                                                                                 \n    if (!iframe.src) {                                                                                                                                                                                                                                \n      iframe.src = 'https:\/\/chitoan1992.github.io\/toc-dang\/';                                                                                                                                                                                         \n    }                                                                                                                                                                                                                                                 \n                                                                                                                                                                                                                                                      \n    overlay.classList.add('active');                                                                                                                                                                                                                  \n    document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll                                                                                                                                                                             \n  }                                                                                                                                                                                                                                                   \n                                                                                                                                                                                                                                                      \n  function closeFamilyTree() {                                                                                                                                                                                                                        \n    const overlay = document.getElementById('familyOverlay');                                                                                                                                                                                         \n    overlay.classList.remove('active');                                                                                                                                                                                                               \n    document.body.style.overflow = ''; \/\/ Restore scroll                                                                                                                                                                                              \n  }                                                                                                                                                                                                                                                   \n                                                                                                                                                                                                                                                      \n  \/\/ Close on Escape key                                                                                                                                                                                                                              \n  document.addEventListener('keydown', function(e) {                                                                                                                                                                                                  \n    if (e.key === 'Escape') {                                                                                                                                                                                                                         \n      closeFamilyTree();                                                                                                                                                                                                                              \n    }                                                                                                                                                                                                                                                 \n  });                                                                                                                                                                                                                                                 \n  <\/script> \n","protected":false},"excerpt":{"rendered":"<p>M\u1edf r\u1ed9ng Gia Ph\u1ea3 T\u1ed9c \u0110\u1eb7ng Non N\u01b0\u1edbc \u0110\u00f3ng<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-1134","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/pages\/1134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1134"}],"version-history":[{"count":1,"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions"}],"predecessor-version":[{"id":8120,"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions\/8120"}],"up":[{"embeddable":true,"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/www.tocdangnonnuoc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}