<!-- HOÀNG TRUNG — Giới thiệu --> <style>.lt-wrap-lt-pf{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;position:relative!important;overflow:visible!important;height:auto!important;max-height:none!important;}.lt-wrap-lt-pf>iframe{width:100%!important;border:0!important;display:block!important;max-height:none!important;vertical-align:top!important;}</style> <div class="lt-wrap-lt-pf"><iframe id="lt-pf-frame" height="1100" loading="eager" scrolling="no" srcdoc="<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hoàng Trung — Giới thiệu</title> <style> @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0d0d0d; min-height: 100vh; font-family: 'DM Sans', sans-serif; color: #e8e0d0; overflow-x: hidden; } body::before { content: ''; position: fixed; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; z-index: 0; opacity: 0.5; } .wrap { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; padding: 0 0 48px; } .content { padding: 0 24px; } .deco-line { width: 40px; height: 2px; background: linear-gradient(90deg, #c9a96e, transparent); margin-bottom: 24px; } .name { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 600; color: #f0e8d8; letter-spacing: 0.02em; line-height: 1.1; margin-bottom: 8px; } .chuc-danh { font-size: 12px; font-weight: 400; color: #c9a96e; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 28px; } .divider { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25), transparent); margin-bottom: 28px; } .bio { font-size: 15px; font-weight: 300; line-height: 1.85; color: #b8b0a0; margin-bottom: 44px; font-style: italic; } .bio em { color: #e8e0d0; font-style: normal; font-weight: 400; } .links-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(201,169,110,0.5); margin-bottom: 16px; } .links-list { display: flex; flex-direction: column; gap: 10px; } .link-card { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 6px; text-decoration: none; color: inherit; transition: all 0.25s ease; cursor: pointer; } .link-card:hover { background: rgba(201,169,110,0.06); border-color: rgba(201,169,110,0.3); transform: translateX(4px); } .link-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } .link-text { flex: 1; } .link-name { font-size: 14px; font-weight: 500; color: #e8e0d0; margin-bottom: 2px; } .link-desc { font-size: 12px; color: #7a7268; font-weight: 300; } .link-arrow { color: rgba(201,169,110,0.4); font-size: 16px; transition: transform 0.2s; } .link-card:hover .link-arrow { transform: translateX(3px); color: #c9a96e; } .footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.05); font-size: 11px; color: rgba(255,255,255,0.2); letter-spacing: 0.1em; } @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .content > * { animation: fadeUp 0.6s ease both; } .content > *:nth-child(1) { animation-delay: 0.12s; } .content > *:nth-child(2) { animation-delay: 0.18s; } .content > *:nth-child(3) { animation-delay: 0.22s; } .content > *:nth-child(4) { animation-delay: 0.28s; } .content > *:nth-child(5) { animation-delay: 0.34s; } .content > *:nth-child(6) { animation-delay: 0.40s; } .content > *:nth-child(7) { animation-delay: 0.46s; } </style> </head> <body> <div class="wrap"> <div class="content"> <div class="deco-line"></div> <h1 class="name">Hoàng Trung</h1> <p class="chuc-danh">Tác giả · Nhà nghiên cứu · Giảng viên</p> <div class="divider"></div> <p class="bio">15 năm nghiên cứu Kinh Dịch &amp; Tử Bình — không phải để tin vào huyền học, mà để hiểu con người sâu hơn. Tôi nghiên cứu <em>Bát Tự Tử Bình</em>, <em>Lục Hào Nạp Giáp</em>, và <em>Kinh Dịch</em> theo phương pháp thực nghiệm: quan sát, đối chiếu, phản biện. Không bán niềm tin. Chỉ chia sẻ tư duy.</p> <p class="links-label">Tìm tôi ở đây</p> <div class="links-list"> <a class="link-card" href="https://www.facebook.com/share/1CPqsaLQDE/" target="_blank" rel="noopener"> <div class="link-icon" style="background: rgba(24,119,242,0.13); color: #1877f2;">𝕗</div> <div class="link-text"> <div class="link-name">Facebook</div> <div class="link-desc">Bài viết &amp; cập nhật mới nhất</div> </div> <span class="link-arrow">→</span> </a> <a class="link-card" href="https://www.tiktok.com/@hoangtrungtubinh?_r=1&_t=ZS-96lQYoy4b2O" target="_blank" rel="noopener"> <div class="link-icon" style="background: rgba(255,255,255,0.07); color: #e8e0d0;">♪</div> <div class="link-text"> <div class="link-name">TikTok</div> <div class="link-desc">Video ngắn · Tư duy · Huyền học</div> </div> <span class="link-arrow">→</span> </a> <a class="link-card" href="https://zalo.me/g/hjvamgteiwh6665ivbz3" target="_blank" rel="noopener"> <div class="link-icon" style="background: rgba(0,104,255,0.13); color: #4d9fff;">◈</div> <div class="link-text"> <div class="link-name">Zalo — Tư vấn Quẻ Dịch &amp; Chỉ Tay</div> <div class="link-desc">Group cộng đồng · Luận quẻ · Giải đáp</div> </div> <span class="link-arrow">→</span> </a> <a class="link-card" href="https://zalo.me/g/2pbnualmkrpo8iwpagkr" target="_blank" rel="noopener"> <div class="link-icon" style="background: rgba(0,104,255,0.13); color: #4d9fff;">◉</div> <div class="link-text"> <div class="link-name">Zalo — Giao lưu Kiến thức</div> <div class="link-desc">Group học hỏi · Trao đổi · Kết nối</div> </div> <span class="link-arrow">→</span> </a> </div> <div class="footer">hocvienlyso.org</div> </div> </div> <script> (function(){function getH(){return Math.max(document.body.scrollHeight,document.body.offsetHeight,document.documentElement.scrollHeight,document.documentElement.offsetHeight);}function postH(){try{if(window.parent&&window.parent!==window)window.parent.postMessage({ltPfHeight:getH()},'*');}catch(e){}}function init(){postH();[50,200,500,1000,2000,4000].forEach(function(t){setTimeout(postH,t);});if(typeof ResizeObserver!=='undefined'){try{new ResizeObserver(postH).observe(document.body);}catch(e){}}setInterval(postH,1000);window.addEventListener('resize',postH);window.addEventListener('load',postH);if(document.fonts&&document.fonts.ready)document.fonts.ready.then(postH);}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})(); </script> </body> </html> " style="width:100%!important;height:1100px!important;min-height:1100px!important;max-height:none!important;border:0!important;display:block!important;background:#0d0d0d!important;margin:0!important;padding:0!important;" title="Hoàng Trung — Giới thiệu"></iframe></div> <script>(function(){var F='lt-pf-frame',IH=1100,cH=IH;function aH(h){var f=document.getElementById(F);if(!f)return;var n=h+40;if(n<100||n===cH)return;cH=n;f.style.setProperty('height',n+'px','important');f.style.setProperty('min-height',n+'px','important');f.style.setProperty('max-height','none','important');f.setAttribute('height',n);var p=f.parentElement;while(p&&p!==document.body){var cs=window.getComputedStyle(p);if(cs.maxHeight!=='none'&&cs.maxHeight!==''&&parseInt(cs.maxHeight)<n)p.style.setProperty('max-height','none','important');if(cs.overflow==='hidden')p.style.setProperty('overflow','visible','important');p=p.parentElement;}}window.addEventListener('message',function(e){if(e&&e.data&&typeof e.data.ltPfHeight==='number')aH(e.data.ltPfHeight);});function pH(){var f=document.getElementById(F);if(!f||!f.contentWindow)return;try{var d=f.contentWindow.document;if(d&&d.body){var h=Math.max(d.body.scrollHeight,d.body.offsetHeight,d.documentElement.scrollHeight,d.documentElement.offsetHeight);if(h)aH(h);}}catch(e){}}[100,500,1000,2000].forEach(function(t){setTimeout(pH,t);});setInterval(pH,800);window.addEventListener('resize',pH);})();</script>
