<!-- CON ĐƯỜNG HỌC BÁT TỰ — Phần I Nội Cục · Phần II Ngoại Cục --> <style> .lt-wrap-lt-cd-frame { display: block !important; width: 100% !important; max-width: 100% !important; margin: 30px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; position: relative !important; overflow: visible !important; box-sizing: border-box !important; height: auto !important; max-height: none !important; contain: none !important; } .lt-wrap-lt-cd-frame > iframe { width: 100% !important; max-width: 100% !important; border: 0 !important; display: block !important; background: transparent !important; padding: 0 !important; margin: 0 !important; max-height: none !important; min-height: 0 !important; vertical-align: top !important; } </style> <div class="lt-wrap-lt-cd-frame"> <iframe id="lt-cd-frame" height="9000" 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>Con Đường Học Bát Tự</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Be+Vietnam+Pro:wght@300;400;600;700&display=swap" rel="stylesheet"> <style> :root { --ink: #181008; --gold: #b8831e; --gold-lt: #e8b84b; --gold-pale: #fdf3d8; --paper: #faf6ec; --paper2: #f2e8d0; --line: #c9a84c; --green: #25623e; --red: #7e1c2a; --blue: #1c3d6e; --shadow: rgba(24,16,0,.10); } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { background: var(--paper); } body { font-family: 'Be Vietnam Pro', sans-serif; font-size: 13.5px; color: var(--ink); line-height: 1.6; } /* ── HERO ── */ .hero { background: var(--ink); color: var(--gold-pale); text-align: center; padding: 56px 24px 48px; position: relative; overflow: hidden; } .hero::before { content: '八字'; font-family: 'Noto Serif', serif; font-size: 200px; font-weight: 700; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); opacity: .04; pointer-events: none; white-space: nowrap; } .hero-eyebrow { font-size: 10px; letter-spacing: 5px; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; } .hero h1 { font-family: 'Noto Serif', serif; font-size: 28px; font-weight: 700; color: var(--gold-lt); margin-bottom: 10px; } .hero p { font-size: 12.5px; color: #b09060; max-width: 480px; margin: 0 auto; } /* ── SPINE ── */ .spine { max-width: 780px; margin: 0 auto; padding: 0 24px 64px; } .connector { display: flex; flex-direction: column; align-items: center; padding: 6px 0; } .connector-line { width: 2px; height: 36px; background: var(--line); opacity: .5; } .connector-arrow { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid var(--line); opacity: .6; margin-top: -1px; } /* ── BLOCK ── */ .block { border-radius: 12px; overflow: hidden; box-shadow: 0 3px 14px var(--shadow); border: 1px solid rgba(180,150,80,.25); } .block-head { display: flex; align-items: center; gap: 14px; padding: 16px 22px; } .step-badge { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; } .block-head h2 { font-family: 'Noto Serif', serif; font-size: 16px; font-weight: 700; flex: 1; } .block-head .tag-pill { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; flex-shrink: 0; } .block-body { padding: 20px 22px 24px; } /* BLOCK 0 */ .b0 { background: white; margin-top: 40px; } .b0 .block-head { background: var(--ink); } .b0 .block-head h2 { color: var(--gold-lt); } .b0 .step-badge { background: var(--gold); color: var(--ink); } .b0 .tag-pill { background: rgba(232,184,75,.15); color: var(--gold-lt); } .model-eq { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; padding: 24px 0 20px; } .eq-box { border-radius: 10px; padding: 14px 22px; text-align: center; min-width: 150px; } .eq-box.noi { background: #f5f0e4; border: 2px solid var(--gold); } .eq-box.ngoai { background: #e8eef7; border: 2px solid var(--blue); } .eq-box.result { background: var(--ink); border: 2px solid var(--gold-lt); } .eq-box .eq-label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px; } .eq-box.noi .eq-label { color: var(--gold); } .eq-box.ngoai .eq-label { color: var(--blue); } .eq-box.result .eq-label { color: var(--gold); } .eq-box h3 { font-family: 'Noto Serif', serif; font-size: 17px; font-weight: 700; } .eq-box.noi h3 { color: var(--ink); } .eq-box.ngoai h3 { color: var(--ink); } .eq-box.result h3 { color: var(--gold-lt); } .eq-operator { font-family: 'Noto Serif', serif; font-size: 28px; color: var(--gold); opacity: .6; } .model-note { background: var(--paper2); border-radius: 8px; padding: 12px 16px; font-size: 12px; color: #666; line-height: 1.6; text-align: center; } .model-note strong { color: var(--ink); } /* BLOCK 1 */ .b1 { background: white; } .b1 .block-head { background: #2a1e08; } .b1 .block-head h2 { color: var(--gold-lt); } .b1 .step-badge { background: var(--gold); color: var(--ink); } .b1 .tag-pill { background: rgba(232,184,75,.12); color: var(--gold-lt); } .steps-list { display: flex; flex-direction: column; gap: 0; } .step-row { display: flex; gap: 16px; align-items: flex-start; padding: 13px 0; border-bottom: 1px solid #ede4cc; } .step-row:last-child { border-bottom: none; } .step-circle { width: 26px; height: 26px; border-radius: 50%; background: var(--gold); color: white; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .step-content strong { display: block; font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 2px; } .step-content span { font-size: 11.5px; color: #777; } .step-content .chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; } .chip { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: 11px; font-weight: 600; border: 1px solid; } .chip.kim { background: #f5f5f5; border-color: #aaa; color: #444; } .chip.moc { background: #ebf5ed; border-color: #80b890; color: #2d6a3a; } .chip.thuy { background: #e8eff8; border-color: #80a8d0; color: #1e4070; } .chip.hoa { background: #fdf0e8; border-color: #d0804a; color: #8a3010; } .chip.tho { background: #fdf6e0; border-color: #c8a040; color: #6a4a00; } .chip.adj { background: #f0ebe0; border-color: #b0956a; color: #6a4a20; } /* BLOCK 2 */ .b2 { background: white; } .b2 .block-head { background: #1e2e1a; } .b2 .block-head h2 { color: #b8e8a8; } .b2 .step-badge { background: #4a9e38; color: white; } .b2 .tag-pill { background: rgba(80,160,60,.15); color: #80c870; } .cach-flow { display: flex; flex-direction: column; gap: 10px; } .cach-item { display: flex; gap: 14px; align-items: flex-start; background: var(--paper2); border-radius: 8px; padding: 12px 14px; } .cach-letter { width: 24px; height: 24px; border-radius: 6px; background: #2d6a20; color: white; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .cach-body strong { display: block; font-size: 13px; color: var(--ink); margin-bottom: 2px; } .cach-body span { font-size: 11.5px; color: #777; } .cach-item.highlight { background: linear-gradient(155deg, #fdf3d8, #f5e8c0); border: 1.5px solid var(--gold); position: relative; } .cach-item.highlight .cach-letter { background: var(--gold); color: var(--ink); box-shadow: 0 2px 6px rgba(184,131,30,.3); } .cach-item.highlight .cach-body strong { color: #6a4a00; font-size: 14px; } .cach-item.highlight .cach-body span { color: #5a4a20; font-size: 12px; } .cach-item.highlight .cach-body span strong { display: inline; color: var(--ink); font-weight: 700; font-size: 12px; } .cach-fork { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; } .fork-card { border-radius: 8px; padding: 14px; border: 1.5px solid; } .fork-card.tong { border-color: #8b1e2e; background: #fdf0f2; } .fork-card.thuong { border-color: var(--gold); background: var(--gold-pale); } .fork-card .fork-tag { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 4px; } .fork-card.tong .fork-tag { color: #8b1e2e; } .fork-card.thuong .fork-tag { color: var(--gold); } .fork-card h4 { font-size: 13px; font-weight: 700; margin-bottom: 4px; } .fork-card p { font-size: 11px; color: #666; } /* BLOCK 3 */ .b3 { background: white; } .b3 .block-head { background: #1c2e4a; } .b3 .block-head h2 { color: #a8c8f0; } .b3 .step-badge { background: #2a5ca8; color: white; } .b3 .tag-pill { background: rgba(42,92,168,.15); color: #8ab8f0; } .phe-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 16px; } .phe-card { border-radius: 8px; padding: 14px 12px; text-align: center; border: 1.5px solid; } .phe-card.ta { background: #eef8f2; border-color: var(--green); } .phe-card.dich { background: #fdf0f2; border-color: var(--red); } .phe-card.tg { background: #f0f5fc; border-color: #4a7ab8; } .phe-card .phe-label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 4px; } .phe-card.ta .phe-label { color: var(--green); } .phe-card.dich .phe-label { color: var(--red); } .phe-card.tg .phe-label { color: #2a5ca8; } .phe-card .phe-icon { font-size: 20px; margin-bottom: 4px; } .phe-card h4 { font-size: 12px; font-weight: 700; margin-bottom: 4px; } .phe-card p { font-size: 10.5px; color: #666; } .rule-bar { background: var(--paper2); border-radius: 8px; padding: 12px 16px; font-size: 12px; margin-bottom: 16px; } .rule-bar strong { color: var(--ink); } .tieu-chi-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; } .tc-card { background: var(--ink); border-radius: 8px; padding: 16px 12px; text-align: center; } .tc-hanzi { font-family: 'Noto Serif', serif; font-size: 30px; color: var(--gold); opacity: .75; display: block; margin-bottom: 4px; } .tc-card h4 { font-size: 13px; font-weight: 700; color: var(--gold-lt); margin-bottom: 2px; } .tc-card p { font-size: 10.5px; color: #a09060; } .phan-loai-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 16px; } .pl-card { border-radius: 8px; padding: 12px; text-align: center; border: 1.5px solid; } .pl-card.tot { background: #eef8f2; border-color: var(--green); } .pl-card.tb { background: var(--gold-pale); border-color: var(--gold); } .pl-card.xau { background: #fdf0f2; border-color: var(--red); } .pl-card .pl-dot { font-size: 18px; margin-bottom: 4px; } .pl-card h4 { font-size: 13px; font-weight: 700; margin-bottom: 2px; } .pl-card.tot h4 { color: var(--green); } .pl-card.tb h4 { color: var(--gold); } .pl-card.xau h4 { color: var(--red); } .pl-card p { font-size: 10.5px; color: #777; } /* BLOCK 4 */ .b4 { background: white; } .b4 .block-head { background: #2e1a08; } .b4 .block-head h2 { color: #f8c878; } .b4 .step-badge { background: #b86010; color: white; } .b4 .tag-pill { background: rgba(184,96,16,.15); color: #f0a850; } .analogy-strip { background: var(--paper2); border-radius: 8px; padding: 14px 16px; margin-bottom: 16px; font-size: 12px; color: #666; display: flex; align-items: center; gap: 10px; } .analogy-strip .ai { font-size: 22px; flex-shrink: 0; } .analogy-strip strong { color: var(--ink); } .hv-table { width: 100%; border-collapse: collapse; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px var(--shadow); font-size: 11.5px; } .hv-table th { padding: 9px 12px; font-size: 10.5px; font-weight: 700; text-align: center; letter-spacing: .3px; } .hv-table th.th-main { background: var(--ink); color: var(--gold-lt); text-align: left; padding-left: 16px; font-size: 11px; } .hv-table th.th-rt { background: #24623a; color: #a0f0b8; } .hv-table th.th-t { background: #357048; color: #c0f0c8; } .hv-table th.th-tb { background: #5a4820; color: #f8d880; } .hv-table th.th-x { background: #7a2830; color: #f8b0b8; } .hv-table th.th-rx { background: #5a1020; color: #f8a0a8; } .hv-table td { padding: 8px 12px; text-align: center; border-bottom: 1px solid #ede4cc; background: white; } .hv-table td:first-child { text-align: left; font-weight: 700; background: var(--paper2); padding-left: 16px; color: var(--ink); font-size: 12px; } .hv-table tr:last-child td { border-bottom: none; } .tag { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: 10px; font-weight: 700; } .tag.g { background: #d4f0e0; color: #1a5c3a; } .tag.m { background: #fff3c8; color: #6a4a00; } .tag.b { background: #fde0e0; color: #7a1a1a; } .tag.n { background: #ece8e0; color: #666; font-style: italic; } .hv-note { margin-top: 10px; font-size: 11px; color: #999; font-style: italic; text-align: right; } /* BLOCK 5 */ .b5 { background: white; } .b5 .block-head { background: #1c3660; } .b5 .block-head h2 { color: #b0d0f8; } .b5 .step-badge { background: #2e6ab8; color: white; } .b5 .tag-pill { background: rgba(46,106,184,.15); color: #90c0f8; } .ngoai-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .ngoai-item { display: flex; align-items: flex-start; gap: 12px; background: var(--paper2); border-radius: 8px; padding: 12px 14px; } .ngoai-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; } .ngoai-body strong { display: block; font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 2px; } .ngoai-body span { font-size: 11.5px; color: #777; } .ngoai-note { margin-top: 16px; background: #e8eff8; border-left: 3px solid var(--blue); border-radius: 0 8px 8px 0; padding: 12px 16px; font-size: 12px; color: #334; } /* BLOCK 6 */ .b6 { background: var(--ink); color: var(--gold-pale); } .b6 .block-head { background: rgba(255,255,255,.05); border-bottom: 1px solid rgba(200,160,60,.2); } .b6 .block-head h2 { color: var(--gold-lt); } .b6 .step-badge { background: var(--gold); color: var(--ink); } .b6 .tag-pill { background: rgba(232,184,75,.15); color: var(--gold-lt); } .b6 .block-body { padding: 24px 22px 28px; } .final-eq { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; } .feq-box { border-radius: 8px; padding: 12px 20px; text-align: center; min-width: 130px; } .feq-box.a { background: rgba(200,160,60,.15); border: 1.5px solid var(--gold); } .feq-box.b { background: rgba(46,106,184,.15); border: 1.5px solid #4a80c0; } .feq-box.c { background: rgba(255,255,255,.06); border: 1.5px solid rgba(200,160,60,.4); } .feq-box .fl { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 3px; } .feq-box.a .fl { color: var(--gold); } .feq-box.b .fl { color: #80b0f0; } .feq-box.c .fl { color: var(--gold-lt); } .feq-box h3 { font-family: 'Noto Serif', serif; font-size: 15px; font-weight: 700; } .feq-box.a h3 { color: var(--gold-lt); } .feq-box.b h3 { color: #c0d8f8; } .feq-box.c h3 { color: var(--gold-lt); } .feq-op { font-size: 24px; color: var(--gold); opacity: .5; } .final-outcomes { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; } .fo-card { background: rgba(255,255,255,.05); border: 1px solid rgba(200,160,60,.2); border-radius: 8px; padding: 12px; text-align: center; } .fo-card .fo-icon { font-size: 18px; margin-bottom: 4px; } .fo-card p { font-size: 11px; color: #a09060; } /* SECTION DIVIDER */ .section-divider { display: flex; align-items: center; gap: 14px; max-width: 780px; margin: 36px auto 8px; padding: 0 24px; } .section-divider .sd-letter { padding: 8px 16px; border-radius: 24px; background: var(--ink); color: var(--gold-lt); font-family: 'Noto Serif', serif; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 2px solid var(--gold); box-shadow: 0 2px 8px var(--shadow); white-space: nowrap; } .section-divider .sd-body { flex: 1; border-bottom: 1.5px solid var(--gold); padding-bottom: 6px; } .section-divider .sd-eyebrow { font-size: 9.5px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 2px; } .section-divider .sd-title { font-family: 'Noto Serif', serif; font-size: 18px; font-weight: 700; color: var(--ink); } .section-divider .sd-title em { font-style: italic; color: #6a4a20; font-weight: 400; font-size: 14px; } /* CLOSING SECTION */ .closing-section { max-width: 780px; margin: 0 auto 0; padding: 44px 24px 40px; text-align: center; background: var(--ink); position: relative; } .closing-rule { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); margin: 0 auto 24px; } .closing-rule.thick { width: 100px; height: 1px; margin-top: 24px; margin-bottom: 0; background: linear-gradient(90deg, transparent, rgba(200,160,60,0.4), transparent); } .closing-tagline { font-family: 'Noto Serif', serif; font-size: 20px; font-weight: 700; color: var(--gold-lt); letter-spacing: 1px; margin-bottom: 14px; line-height: 1.5; } .closing-sub { font-size: 11px; font-weight: 700; color: var(--gold); letter-spacing: 3px; text-transform: uppercase; opacity: 0.85; } /* foot */ .foot { text-align: center; padding: 16px 20px; font-size: 11px; color: #888; border-top: 1px solid rgba(200,160,60,0.2); background: var(--ink); color: #666; } .foot span { color: var(--gold); font-weight: 700; } @media (max-width:580px) { .phe-grid, .tieu-chi-row, .phan-loai-row, .cach-fork, .ngoai-grid, .final-outcomes { grid-template-columns: 1fr; } .model-eq, .final-eq { flex-direction: column; align-items: stretch; } .hero h1 { font-size: 21px; } } @media (max-width:420px) { .hv-table { font-size: 10px; } .hv-table th { padding: 6px 6px; font-size: 9px; } .hv-table td { padding: 6px 6px; } .hv-table td:first-child { font-size: 10.5px; padding-left: 10px; } .hv-table th.th-main { padding-left: 10px; font-size: 9.5px; } .tag { font-size: 9px; padding: 1px 5px; } } </style> </head> <body> <div class="hero"> <div class="hero-eyebrow">Lộ Trình Học Thuật · Dành Cho Học Viên Mới</div> <h1>Con Đường Học Bát Tự</h1> <p>Từ mô hình tổng quát đến phân tích chi tiết — từng bước, từng lớp.</p> </div> <div class="spine"> <div class="block b0"> <div class="block-head"> <div class="step-badge">0</div> <h2>Mô Hình Dự Đoán Tổng Quát</h2> <div class="tag-pill">Bước Khởi Đầu</div> </div> <div class="block-body"> <div class="model-eq"> <div class="eq-box noi"> <div class="eq-label">Yếu tố 1</div> <h3>Nội Cục</h3> </div> <div class="eq-operator">+</div> <div class="eq-box ngoai"> <div class="eq-label">Yếu tố 2</div> <h3>Ngoại Cục</h3> </div> <div class="eq-operator">=</div> <div class="eq-box result"> <div class="eq-label">Kết quả</div> <h3>Dự Đoán</h3> </div> </div> <div class="model-note"> Mọi phán đoán trong Bát Tự đều xuất phát từ 2 yếu tố này.<br> <strong>Nội Cục</strong> là bản mệnh bên trong — <strong>Ngoại Cục</strong> là môi trường tác động từ bên ngoài. </div> </div> </div> <div class="connector"><div class="connector-line"></div><div class="connector-arrow"></div></div> </div> <div class="section-divider"> <div class="sd-letter">Phần I</div> <div class="sd-body"> <div class="sd-eyebrow">Bản mệnh bên trong</div> <div class="sd-title">Nội Cục <em>— bốn bước phân tích lá số (1 → 4)</em></div> </div> </div> <div class="spine"> <div class="block b1"> <div class="block-head"> <div class="step-badge">1</div> <h2>Phân Tích Ngũ Hành — Nội Cục</h2> <div class="tag-pill">Xác Định Hành Mạnh</div> </div> <div class="block-body"> <div class="steps-list"> <div class="step-row"> <div class="step-circle">①</div> <div class="step-content"> <strong>Can chi thuộc hành gì?</strong> <span>Xác định ngũ hành của 8 can chi: ngày · tháng · năm · giờ</span> <div class="chips"> <span class="chip kim">Kim</span> <span class="chip moc">Mộc</span> <span class="chip thuy">Thủy</span> <span class="chip hoa">Hỏa</span> <span class="chip tho">Thổ</span> </div> </div> </div> <div class="step-row"> <div class="step-circle">②</div> <div class="step-content"> <strong>Chúng sinh khắc thế nào?</strong> <span>Phân tích tương sinh · tương khắc giữa các hành trong lá số</span> </div> </div> <div class="step-row"> <div class="step-circle">③</div> <div class="step-content"> <strong>Chúng kết hợp thành nhóm ra sao?</strong> <span>Hội · Hợp · Hình · Xung → xem nhóm ngũ hành hình thành thế nào</span> </div> </div> <div class="step-row"> <div class="step-circle">④</div> <div class="step-content"> <strong>Can có gốc không?</strong> <span>Vai trò của tàng can trong địa chi — can có căn thì lực mạnh hơn</span> </div> </div> <div class="step-row"> <div class="step-circle">⑤</div> <div class="step-content"> <strong>Có ngũ hành thái quá không?</strong> <span>Một hành chiếm ưu thế tuyệt đối, gây mất cân bằng cục diện</span> </div> </div> <div class="step-row"> <div class="step-circle">⑥</div> <div class="step-content"> <strong>Nếu có → điều chỉnh như thế nào?</strong> <span>Trạng thái thái quá ≠ trạng thái bình thường — cần biết cách xử lý</span> </div> </div> </div> </div> </div> <div class="connector"><div class="connector-line"></div><div class="connector-arrow"></div></div> <div class="block b2"> <div class="block-head"> <div class="step-badge">2</div> <h2>Xác Định Cách Cục</h2> <div class="tag-pill">Thập Thần · Dụng Thần</div> </div> <div class="block-body"> <div class="cach-flow"> <div class="cach-item"> <div class="cach-letter">A</div> <div class="cach-body"> <strong>Xác định Thập Thần</strong> <span>Dựa trên âm dương + ngũ hành → trọng tâm: Quan tinh · Tài tinh · Ấn tinh</span> </div> </div> <div class="cach-item"> <div class="cach-letter">B</div> <div class="cach-body"> <strong>Phân loại: Tòng Cách hay Cách thông thường?</strong> <span>Dựa vào tương quan ngũ hành để chọn nhánh xử lý phù hợp</span> </div> </div> </div> <div class="cach-fork"> <div class="fork-card tong"> <div class="fork-tag">Tòng Cách</div> <h4>Chuyên Chế</h4> <p>1 nhóm ngũ hành chiếm ưu thế tuyệt đối → thuận theo hành đó</p> </div> <div class="fork-card thuong"> <div class="fork-tag">Cách Thông Thường</div> <h4>Đa Phe</h4> <p>Nhiều phe ngũ hành, không hành nào chuyên chế → cần cân nhắc nhiều yếu tố</p> </div> </div> <div class="cach-flow" style="margin-top: 14px;"> <div class="cach-item highlight"> <div class="cach-letter">C</div> <div class="cach-body"> <strong>Tra cứu tài liệu · Chọn Dụng Thần</strong> <span>Cả Tòng Cách lẫn Cách Thông Thường đều cần <strong>tra cứu sách</strong> để xác định <strong>Dụng Thần</strong> — hành/thần đại diện cho mục tiêu phát triển của lá số</span> </div> </div> </div> </div> </div> <div class="connector"><div class="connector-line"></div><div class="connector-arrow"></div></div> <div class="block b3"> <div class="block-head"> <div class="step-badge">3</div> <h2>Phân Loại Phe Nhóm &amp; Đánh Giá Thứ Tầng</h2> <div class="tag-pill">Tốt · TB · Xấu</div> </div> <div class="block-body"> <div class="phe-grid"> <div class="phe-card ta"> <div class="phe-label">Phe Ta</div> <div class="phe-icon">🛡️</div> <h4>Đồng Minh</h4> <p>Hỗ trợ nhật chủ<br><strong style="color:var(--green)">Mạnh → Tốt</strong></p> </div> <div class="phe-card dich"> <div class="phe-label">Phe Địch</div> <div class="phe-icon">⚔️</div> <h4>Đối Lập</h4> <p>Khắc chế nhật chủ<br><strong style="color:var(--red)">Mạnh → Xấu</strong></p> </div> <div class="phe-card tg"> <div class="phe-label">Trung Gian</div> <div class="phe-icon">⚖️</div> <h4>Lưỡng Lự</h4> <p>Chưa rõ về bên nào<br><strong style="color:#2a5ca8">Chưa xác định</strong></p> </div> </div> <div class="rule-bar"> Để xác định phe ta <em>thực sự mạnh</em>, phải hội đủ <strong>3 tiêu chí</strong>: </div> <div class="tieu-chi-row"> <div class="tc-card"> <span class="tc-hanzi">強</span> <h4>Mạnh</h4> <p>Lực lượng vượt trội, không bị lấn át</p> </div> <div class="tc-card"> <span class="tc-hanzi">固</span> <h4>Bền</h4> <p>Bền bỉ trong suốt hành trình vận mệnh</p> </div> <div class="tc-card"> <span class="tc-hanzi">活</span> <h4>Linh Hoạt</h4> <p>Thích ứng khi gặp các loại xung kích</p> </div> </div> <div class="phan-loai-row"> <div class="pl-card tot"> <div class="pl-dot">✨</div> <h4>Bát Tự Tốt</h4> <p>Phe ta hội đủ 3 tiêu chí</p> </div> <div class="pl-card tb"> <div class="pl-dot">⚖️</div> <h4>Bát Tự Trung Bình</h4> <p>Phe ta đạt một phần</p> </div> <div class="pl-card xau"> <div class="pl-dot">💀</div> <h4>Bát Tự Xấu</h4> <p>Phe địch lấn át, phe ta yếu</p> </div> </div> </div> </div> <div class="connector"><div class="connector-line"></div><div class="connector-arrow"></div></div> <div class="block b4"> <div class="block-head"> <div class="step-badge">4</div> <h2>Ứng Dụng Dự Đoán Hành Vận</h2> <div class="tag-pill">Thứ Tầng × Vận Trình</div> </div> <div class="block-body"> <div class="analogy-strip"> <span class="ai">🚗</span> <div> <strong>Cách cục = chiếc xe · Hành vận = con đường</strong><br> Xe tốt gặp đường xấu → phát huy hết tác dụng. Xe xấu đi đường xấu → lại dễ thích nghi. Không nắm thứ tầng thì không thể hiểu sự biến hóa. </div> </div> <table class="hv-table"> <thead> <tr> <th class="th-main">Bát Tự ↓ · Hành Vận →</th> <th class="th-rt">🟢🟢 Rất Tốt</th> <th class="th-t">🟢 Tốt</th> <th class="th-tb">🟡 Trung Bình</th> <th class="th-x">🔴 Xấu</th> <th class="th-rx">🔴🔴 Rất Xấu</th> </tr> </thead> <tbody> <tr> <td>✨ Bát Tự Tốt</td> <td><span class="tag m">Bình thường</span></td> <td><span class="tag g">Vẫn tốt</span></td> <td><span class="tag g">Lại tốt</span></td> <td><span class="tag b">Không tốt</span></td> <td><span class="tag n">Chưa chắc xấu</span></td> </tr> <tr> <td>⚖️ Bát Tự TB</td> <td><span class="tag g">Tốt</span></td> <td><span class="tag g">Tốt</span></td> <td><span class="tag m">Trung bình</span></td> <td><span class="tag b">Xấu</span></td> <td><span class="tag b">Xấu</span></td> </tr> <tr> <td>💀 Bát Tự Xấu</td> <td><span class="tag b">Có thể xấu</span></td> <td><span class="tag m">Trung bình</span></td> <td><span class="tag b">Hơi xấu</span></td> <td><span class="tag n">Có lúc không</span></td> <td><span class="tag n">Chưa chắc xấu</span></td> </tr> </tbody> </table> <div class="hv-note">→ Thiên biến vạn hóa — không nắm thứ tầng thì không thể luận được.</div> </div> </div> </div> <div class="section-divider"> <div class="sd-letter">Phần II</div> <div class="sd-body"> <div class="sd-eyebrow">Môi trường tác động</div> <div class="sd-title">Ngoại Cục <em>— quy mọi thứ trong đời sống về ngũ hành</em></div> </div> </div> <div class="spine"> <div class="block b5"> <div class="block-head"> <div class="step-badge">5</div> <h2>Kết Hợp Ngoại Cục</h2> <div class="tag-pill">Môi Trường Tác Động</div> </div> <div class="block-body"> <div class="ngoai-grid"> <div class="ngoai-item"> <div class="ngoai-icon">👨👩👧</div> <div class="ngoai-body"> <strong>Người Thân</strong> <span>Mệnh cha mẹ, vợ/chồng, con cái — tác động lẫn nhau</span> </div> </div> <div class="ngoai-item"> <div class="ngoai-icon">🤝</div> <div class="ngoai-body"> <strong>Đối Tác</strong> <span>Mệnh đối tác kinh doanh — hợp hay khắc với chủ mệnh</span> </div> </div> <div class="ngoai-item"> <div class="ngoai-icon">💼</div> <div class="ngoai-body"> <strong>Công Việc</strong> <span>Đặc thù ngành nghề — có hỗ trợ phe ta hay không</span> </div> </div> <div class="ngoai-item"> <div class="ngoai-icon">🏙️</div> <div class="ngoai-body"> <strong>Môi Trường Sống</strong> <span>Địa lý, xã hội, thời đại — bối cảnh ảnh hưởng cách cục</span> </div> </div> </div> <div class="ngoai-note"> <strong>Nguyên tắc</strong> — <em>quy mọi thứ trong đời sống thông thường về ngũ hành</em>: con người · ngành nghề · môi trường · thời đại — tất cả đều có thể quy về Kim, Mộc, Thủy, Hỏa, Thổ để xem hỗ trợ hay khắc chế với cách cục.<br><br> Ngoại Cục không thay thế Nội Cục — chúng <strong>song hành</strong>. Một bát tự tốt nhưng sống sai môi trường có thể không phát. Một bát tự xấu nhưng được Ngoại Cục hỗ trợ lại phát bền hơn dự kiến. </div> </div> </div> <div class="connector"><div class="connector-line"></div><div class="connector-arrow"></div></div> <div class="block b6"> <div class="block-head"> <div class="step-badge">✓</div> <h2>Mô Hình Hoàn Chỉnh — Ứng Dụng Thực Tế</h2> <div class="tag-pill">Tổng Hợp</div> </div> <div class="block-body"> <div class="final-eq"> <div class="feq-box a"> <div class="fl">Nội Cục</div> <h3>Bát Tự + Hành Vận</h3> </div> <div class="feq-op">+</div> <div class="feq-box b"> <div class="fl">Ngoại Cục</div> <h3>Người · Nơi · Việc</h3> </div> <div class="feq-op">=</div> <div class="feq-box c"> <div class="fl">Phân Tích</div> <h3>Đầy Đủ &amp; Chính Xác</h3> </div> </div> <div class="final-outcomes"> <div class="fo-card"> <div class="fo-icon">📈</div> <p>Tài chính</p> </div> <div class="fo-card"> <div class="fo-icon">💍</div> <p>Hôn nhân</p> </div> <div class="fo-card"> <div class="fo-icon">🎯</div> <p>Sự nghiệp</p> </div> <div class="fo-card"> <div class="fo-icon">🔮</div> <p>Hành vận</p> </div> </div> </div> </div> </div> <div class="closing-section"> <div class="closing-rule"></div> <div class="closing-tagline">Nhìn thấu đường dài. Soi tỏ bước ngắn.</div> <div class="closing-sub">Học bát tự: hiểu mệnh — cải vận — đón lành.</div> <div class="closing-rule thick"></div> </div> <div class="foot"> Hoàng Trung · <span>hocvienlyso.org</span> </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({ ltCdHeight: getH() }, '*'); } } catch(e){} } function init() { postH(); [50, 200, 500, 1000, 2000, 3500, 5000, 8000, 12000].forEach(function(t){ setTimeout(postH, t); }); if (typeof ResizeObserver !== 'undefined') { try { var ro = new ResizeObserver(postH); ro.observe(document.body); } catch(e){} } if (typeof MutationObserver !== 'undefined') { try { new MutationObserver(postH).observe(document.body, { childList: true, subtree: true, attributes: true }); } 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: 9000px !important; min-height: 9000px !important; max-height: none !important; border: 0 !important; display: block !important; background: transparent !important; margin: 0 !important; padding: 0 !important;" title="Con Đường Học Bát Tự - Hoàng Trung"></iframe> </div> <script> (function() { var IFRAME_ID = 'lt-cd-frame'; var INITIAL_H = 9000; var currentH = INITIAL_H; function applyH(h) { var f = document.getElementById(IFRAME_ID); if (!f) return; var newH = h + 50; if (newH < 200 || newH === currentH) return; currentH = newH; f.style.setProperty('height', newH + 'px', 'important'); f.style.setProperty('min-height', newH + 'px', 'important'); f.style.setProperty('max-height', 'none', 'important'); f.setAttribute('height', newH); var parent = f.parentElement; while (parent && parent !== document.body) { var cs = window.getComputedStyle(parent); if (cs.maxHeight !== 'none' && cs.maxHeight !== '' && parseInt(cs.maxHeight) < newH) parent.style.setProperty('max-height', 'none', 'important'); if (cs.overflow === 'hidden') parent.style.setProperty('overflow', 'visible', 'important'); parent = parent.parentElement; } } window.addEventListener('message', function(e) { if (e && e.data && typeof e.data.ltCdHeight === 'number') applyH(e.data.ltCdHeight); }); function pollHeight() { var f = document.getElementById(IFRAME_ID); if (!f || !f.contentWindow) return; try { var doc = f.contentWindow.document; if (doc && doc.body) { var h = Math.max(doc.body.scrollHeight, doc.body.offsetHeight, doc.documentElement.scrollHeight, doc.documentElement.offsetHeight); if (h) applyH(h); } } catch(e) {} } function breakParents() { var f = document.getElementById(IFRAME_ID); if (!f) return; var parent = f.parentElement; while (parent && parent !== document.body) { var cs = window.getComputedStyle(parent); if (cs.maxHeight !== 'none' && cs.maxHeight !== '' && parseInt(cs.maxHeight) < INITIAL_H) parent.style.setProperty('max-height', 'none', 'important'); if (cs.overflow === 'hidden') parent.style.setProperty('overflow', 'visible', 'important'); parent = parent.parentElement; } } breakParents(); [100, 500, 1000, 2000, 4000, 7000, 11000].forEach(function(t) { setTimeout(function() { breakParents(); pollHeight(); }, t); }); setInterval(pollHeight, 800); window.addEventListener('resize', pollHeight); window.addEventListener('load', pollHeight); })(); </script>
