<!-- CÔNG NĂNG CỦA BÁT TỰ TỬ BÌNH — 7 phần · Quote persistent · Quiz 10 câu --> <style>.lt-wrap-cn{display:block!important;width:100%!important;max-width:100%!important;margin:30px 0!important;padding:0!important;border:0!important;position:relative!important;overflow:visible!important;height:auto!important;max-height:none!important;contain:none!important;}.lt-wrap-cn>iframe{width:100%!important;border:0!important;display:block!important;max-height:none!important;vertical-align:top!important;}</style> <div class="lt-wrap-cn"> <iframe id="lt-cn-frame" height="2900" 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>Công Năng Của Bát Tự Tử Bình</title> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap'); :root{ --paper:#faf6ec;--paper-dark:#f2ecd8;--paper-mid:#ede4cc; --gold:#a0681a;--crimson:#8b2020;--crimson-soft:rgba(139,32,32,0.09); --ink:#261c0e;--ink-mid:#4a3520;--ink-soft:#7a6248; --border:rgba(160,104,26,0.2);--border-strong:rgba(160,104,26,0.38); --highlight:rgba(160,104,26,0.09); } *{margin:0;padding:0;box-sizing:border-box;} body{background:var(--paper);font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);min-height:100vh;overflow-x:hidden;} body::before{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:0;} .app{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:0 0 56px;} .hero{padding:40px 28px 28px;border-bottom:2px solid var(--border);} .hero-tag{display:inline-block;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);border:1px solid var(--border-strong);background:var(--highlight);padding:4px 14px;border-radius:20px;margin-bottom:16px;} .hero h1{font-family:'Noto Serif',serif;font-size:28px;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:6px;} .part-progress{display:flex;align-items:center;gap:5px;padding:11px 28px;background:var(--paper-dark);border-bottom:1px solid var(--border);} .part-progress .dot{width:8px;height:8px;border-radius:50%;background:rgba(160,104,26,0.15);border:1.5px solid var(--border-strong);transition:all 0.3s;flex-shrink:0;} .part-progress .dot.done{background:var(--gold);border-color:var(--gold);} .part-progress .dot.current{background:var(--crimson);border-color:var(--crimson);transform:scale(1.3);box-shadow:0 0 8px rgba(139,32,32,0.35);} .part-progress .label{font-size:12px;color:var(--ink-soft);margin-left:auto;white-space:nowrap;} .part-progress .label strong{color:var(--crimson);font-weight:700;} .view{display:none;}.view.active{display:block;} .part-header{padding:28px 28px 0;text-align:center;} .part-badge{width:52px;height:52px;border-radius:50%;background:var(--crimson);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:'Noto Serif',serif;font-style:italic;font-weight:700;font-size:20px;color:#fff8f0;box-shadow:0 4px 14px rgba(139,32,32,0.28);} .part-ord{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;} .part-title{font-family:'Noto Serif',serif;font-size:22px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:6px;} .part-rule{width:40px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:14px auto 0;} .part-body{padding:22px 28px;} .part-body p{font-size:14.5px;line-height:1.9;color:var(--ink-mid);margin-bottom:8px;} .part-body strong{color:var(--ink);font-weight:700;} .part-body em{font-style:italic;} .sep{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:16px 0;} /* APP LIST — Phần I */ .app-list{display:flex;flex-direction:column;gap:8px;margin:14px 0;} .app-item{background:#fff;border:1px solid var(--border);border-radius:6px;padding:12px 16px;box-shadow:0 1px 4px rgba(0,0,0,0.04);display:flex;gap:14px;align-items:flex-start;} .app-num{width:26px;height:26px;border-radius:50%;background:var(--crimson);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px;} .app-content p{font-size:14px;color:var(--ink-mid);line-height:1.75;margin:0;} .app-content strong{color:var(--ink);} /* QUOTE — ví dụ quẻ */ .quote-box{background:var(--paper-dark);border:1px solid var(--border-strong);border-radius:6px;padding:16px 18px;margin:14px 0;font-size:13.5px;color:var(--ink-mid);line-height:1.85;} .quote-box .quote-title{font-family:'Noto Serif',serif;font-weight:700;font-size:13px;color:var(--gold);letter-spacing:0.05em;margin-bottom:10px;text-transform:uppercase;} .quote-box strong{color:var(--ink);font-weight:700;} /* ANCHOR */ .anchor{border-left:4px solid var(--gold);background:var(--highlight);padding:13px 18px;border-radius:0 6px 6px 0;margin:16px 0;font-family:'Noto Serif',serif;font-style:italic;font-size:14.5px;color:var(--ink-mid);line-height:1.8;} .anchor strong{color:var(--ink);font-style:normal;} /* HBOX */ .hbox{background:#fff;border:1px solid var(--border-strong);border-radius:6px;padding:16px 18px;margin:14px 0;box-shadow:0 1px 5px rgba(0,0,0,0.05);} .hbox p{font-size:14.5px;color:var(--ink-mid);line-height:1.85;margin-bottom:5px;} .hbox p:last-child{margin-bottom:0;} .hbox strong{color:var(--ink);} /* NAV */ .nav-row{display:flex;gap:10px;padding:16px 28px 0;flex-wrap:wrap;} .btn-nav{flex:1;padding:11px 16px;border-radius:5px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink-soft);font-family:'Be Vietnam Pro',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;min-width:120px;text-align:center;} .btn-nav:hover{border-color:var(--gold);color:var(--gold);} .btn-next{background:var(--crimson);border-color:var(--crimson);color:#fff8f0;font-weight:700;} .btn-next:hover{background:#7a1c1c;border-color:#7a1c1c;} /* CTA */ .end-section{padding:22px 28px;} .cta-box{background:#fff;border:1.5px solid var(--border-strong);border-radius:8px;padding:24px 20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.06);} .cta-title{font-family:'Noto Serif',serif;font-size:19px;font-weight:700;color:var(--ink);margin-bottom:8px;} .cta-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.7;margin-bottom:18px;} .btn-quiz{display:inline-block;padding:12px 30px;background:var(--crimson);color:#fff8f0;font-family:'Be Vietnam Pro',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.06em;border:none;border-radius:5px;cursor:pointer;box-shadow:0 3px 10px rgba(139,32,32,0.28);} .btn-quiz:hover{background:#7a1c1c;} /* QUIZ */ .quiz-header{padding:13px 28px;display:flex;align-items:center;gap:12px;background:var(--paper-dark);border-bottom:1px solid var(--border);} .progress-wrap{flex:1;height:5px;background:var(--paper-mid);border-radius:3px;overflow:hidden;} .progress-fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold));border-radius:3px;transition:width 0.4s ease;} .q-counter{font-size:12px;color:var(--ink-soft);white-space:nowrap;} .q-counter strong{color:var(--crimson);font-weight:700;} .q-wrap{padding:16px 28px 28px;} .q-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);} .q-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:600;} .q-card h2{font-family:'Noto Serif',serif;font-size:16px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:16px;} .opts{display:flex;flex-direction:column;gap:8px;} .opt-btn{width:100%;text-align:left;padding:11px 14px;background:var(--paper);border:1.5px solid var(--border);border-radius:5px;color:var(--ink-mid);font-family:'Be Vietnam Pro',sans-serif;font-size:13.5px;cursor:pointer;transition:all 0.2s;display:flex;align-items:flex-start;gap:10px;} .opt-btn:hover:not(:disabled){border-color:var(--gold);background:var(--highlight);} .opt-letter{width:24px;height:24px;border-radius:50%;background:var(--paper-dark);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gold);flex-shrink:0;margin-top:1px;} .opt-text{flex:1;line-height:1.5;} .opt-btn.correct{background:rgba(34,139,34,0.08);border-color:#2e7d2e;color:#1e5c1e;} .opt-btn.correct .opt-letter{background:rgba(34,139,34,0.15);border-color:#2e7d2e;color:#2e7d2e;} .opt-btn.wrong{background:rgba(139,32,32,0.08);border-color:var(--crimson);color:var(--crimson);} .opt-btn.wrong .opt-letter{background:rgba(139,32,32,0.15);border-color:var(--crimson);color:var(--crimson);} .opt-btn.dimmed{opacity:0.38;} .q-explain{margin-top:14px;padding:12px 15px;background:var(--highlight);border-left:3px solid var(--gold);border-radius:0 5px 5px 0;font-size:13px;line-height:1.75;color:var(--ink-mid);display:none;} .q-explain.visible{display:block;} .q-explain .verdict{font-weight:700;font-size:13px;margin-right:5px;} .q-explain .verdict.ok{color:#2e7d2e;} .q-explain .verdict.no{color:var(--crimson);} .btn-next-q{display:none;width:100%;margin-top:14px;padding:12px;background:var(--crimson);color:#fff8f0;border:none;border-radius:5px;font-family:'Be Vietnam Pro',sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;letter-spacing:0.05em;} .btn-next-q.visible{display:block;} .btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid var(--border-strong);border-radius:5px;color:var(--ink-soft);font-family:'Be Vietnam Pro',sans-serif;font-size:12.5px;cursor:pointer;margin:14px 28px 0;transition:all 0.2s;} .btn-back:hover{border-color:var(--gold);color:var(--gold);} .result-hero{padding:32px 28px 20px;text-align:center;} .result-circle{width:100px;height:100px;border-radius:50%;border:3px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--highlight);} .result-score{font-family:'Noto Serif',serif;font-size:40px;font-weight:700;color:var(--crimson);line-height:1;} .result-total{font-size:13px;color:var(--ink-soft);} .result-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;} .result-title{font-family:'Noto Serif',serif;font-size:22px;font-weight:700;color:var(--ink);margin-bottom:8px;} .result-msg{font-size:13.5px;color:var(--ink-soft);line-height:1.7;max-width:400px;margin:0 auto;font-style:italic;} .congrats-msg{margin:18px 28px 0;padding:14px 18px;background:#fff;border:1.5px solid var(--border-strong);border-radius:6px;font-family:'Noto Serif',serif;font-style:italic;font-size:15px;color:var(--ink-mid);text-align:center;line-height:1.55;box-shadow:0 1px 5px rgba(0,0,0,0.05);} .congrats-msg em{font-family:'Be Vietnam Pro',sans-serif;font-style:normal;font-size:13.5px;font-weight:700;color:var(--crimson);} .action-row{display:flex;gap:10px;padding:20px 28px 0;} .btn-secondary{flex:1;padding:11px;border:1.5px solid var(--border-strong);background:#fff;color:var(--ink-soft);border-radius:5px;font-family:'Be Vietnam Pro',sans-serif;font-size:13px;cursor:pointer;transition:all 0.2s;} .btn-secondary:hover{border-color:var(--gold);color:var(--gold);} @media(max-width:380px){ .hero h1{font-size:23px;} .part-title{font-size:19px;} .part-body,.q-wrap,.nav-row,.end-section,.result-hero,.action-row,.quiz-header{padding-left:18px;padding-right:18px;} .btn-back,.congrats-msg{padding-left:18px;padding-right:18px;} .q-card h2{font-size:15px;} } </style> </head> <body> <div class="app"> <section class="hero"> <span class="hero-tag">Bát Tự Tử Bình · Lý Luận</span> <h1>Công Năng Của<br>Bát Tự Tử Bình</h1> </section> <div class="part-progress"> <span class="dot current"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="label">Phần <strong id="partNumDisplay">1</strong> / 7</span> </div> <div class="view active" id="view-article"> <!-- PART 1 --> <div id="part-0"> <div class="part-header"> <div class="part-badge">I</div> <p class="part-ord">Phần thứ nhất</p> <h2 class="part-title">Người Trung Quốc Ứng Dụng Bát Tự Tử Bình Như Sau</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Sau khi đã phân tích bát tự, xác định được Dụng Thần — tức là biết mình cần bổ sung hành nào, tránh hành nào — bước tiếp theo là đưa điều đó vào đời sống thực tế. Có một số cách phổ biến mà người học bát tự thường áp dụng.</p> <div class="sep"></div> <div class="app-list"> <div class="app-item"> <span class="app-num">①</span> <div class="app-content"><p><strong>Hôn nhân.</strong> Ngày xưa, trước khi kết hôn thì 2 bên nam nữ trao gửi một tờ giấy đỏ, gọi là hôn thiếp, trong đó ghi bát tự của hai bên. Nếu hợp thì tiến hành các bước khác để tìm hiểu và kết hôn. Không hợp thì thôi.</p></div> </div> <div class="app-item"> <span class="app-num">②</span> <div class="app-content"><p><strong>Màu sắc.</strong> Mỗi hành có màu tương ứng — và người ta dùng màu sắc trong trang phục, phụ kiện để tăng cường năng lượng của Dụng Thần. Nếu Dụng Thần là Hỏa thì ưu tiên màu đỏ, cam. Nếu là Mộc thì ưu tiên màu xanh lá.</p></div> </div> <div class="app-item"> <span class="app-num">③</span> <div class="app-content"><p><strong>Nghề nghiệp.</strong> Hướng đến những ngành nghề liên quan đến hành của Dụng Thần sẽ giúp công việc thuận lợi hơn — vì môi trường làm việc đang tự nhiên bổ sung thứ mà lá số cần.</p></div> </div> <div class="app-item"> <span class="app-num">④</span> <div class="app-content"><p><strong>Hướng nhà và không gian sống.</strong> Hướng nhà, vị trí phòng ngủ, phòng làm việc và cách bài trí nội thất nên được thiết kế để thu hút vượng khí từ hành của Dụng Thần.</p></div> </div> <div class="app-item"> <span class="app-num">⑤</span> <div class="app-content"><p><strong>Vật phẩm phong thủy.</strong> Đá quý, vòng tay, tượng linh vật mang năng lượng của hành tương ứng được dùng để bổ sung sự thiếu hụt trong lá số.</p></div> </div> <div class="app-item"> <span class="app-num">⑥</span> <div class="app-content"><p><strong>Chế độ dinh dưỡng và sinh hoạt.</strong> Thực phẩm và gia vị cũng mang Ngũ Hành. Người khuyết Hỏa có thể ăn thêm đồ cay nóng như ớt, gừng, hoặc thực phẩm màu đỏ để bổ sung hành đang thiếu.</p></div> </div> <div class="app-item"> <span class="app-num">⑦</span> <div class="app-content"><p><strong>Đặt tên.</strong> Tên gọi với bộ thủ và ý nghĩa mang hành phù hợp với Dụng Thần — đặc biệt quan trọng trong việc định hướng vận mệnh từ nhỏ.</p></div> </div> <div class="app-item"> <span class="app-num">⑧</span> <div class="app-content"><p><strong>Con số may mắn.</strong> Ưu tiên các con số thuộc hành của Dụng Thần trong sim điện thoại, biển số xe để thu hút năng lượng tích cực.</p></div> </div> </div> </div> <div class="nav-row"> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 2 --> <div id="part-1" style="display:none;"> <div class="part-header"> <div class="part-badge">II</div> <p class="part-ord">Phần thứ hai</p> <h2 class="part-title">Hiểu Bát Tự Như Thế Nào</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó. Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</p> <div class="sep"></div> <p>Bạn biết Apple rồi đấy — cái hệ sinh thái mà họ xây dựng bao gồm iPhone, iPad và Macbook ấy. Ba thiết bị hoàn toàn khác nhau, nhưng lại thuộc cùng một hệ thống. Nếu bạn đã dùng quen cả ba rồi thì bạn sẽ hiểu ngay cảm giác đó — mỗi cái làm được thứ cái kia không thay thế được, và chính vì vậy mà khi có đủ cả ba, bạn mới thấy mình thực sự được trang bị hoàn chỉnh.</p> <div class="hbox"> <p>Bạn không thể gõ văn bản dài trên iPhone tiện như trên Macbook được. Macbook thì lại không thể nhét vào túi quần mang đi nhẹ nhàng như iPhone. Còn iPad thì đứng ở giữa — không hoàn toàn là cái này, cũng không hoàn toàn là cái kia.</p> <p>Như vậy là mỗi thiết bị có <strong>một vai trò riêng</strong>, và nếu bạn hiểu rõ vai trò đó thì bạn sẽ khai thác được tối đa thứ mình đang có.</p> </div> <div class="sep"></div> <p>Bát tự Tử Bình là một thành viên trong hệ sinh thái dịch học. Và cũng như Apple, nếu bạn hiểu đúng vai trò của từng thành viên trong hệ thống đó, bạn sẽ không bao giờ phạm sai lầm là cố dùng một thứ để làm tất cả mọi việc.</p> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 3 --> <div id="part-2" style="display:none;"> <div class="part-header"> <div class="part-badge">III</div> <p class="part-ord">Phần thứ ba</p> <h2 class="part-title">Cổ Nhân Không Dùng Bát Tự Một Mình</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Sách <strong>Tăng San Bốc Dịch</strong> có nhiều đoạn cho thấy: người xem không chỉ giải quẻ dịch, mà còn kết hợp thêm bát tự của người hỏi vào trong phần phân tích. Hai công cụ, một câu hỏi, một kết luận.</p> <div class="sep"></div> <div class="quote-box"> <div class="quote-title">Ví dụ từ Tăng San Bốc Dịch</div> <p>Vào ngày Kỷ Sửu tháng Dậu, xem về việc kiện tụng của thầy, được quẻ <strong>Truân biến Chấn</strong>:</p> <p style="margin:10px 0;font-weight:700;color:var(--gold);">Truân — Chấn</p> <p>Đoán rằng: Hào Phụ Mẫu Thân kim là Dụng thần, nhập Mộ tại Nhật thần Sửu, lại hóa Ngọ hỏa hồi đầu khắc, nên trước mắt trọng tội đã định. Người này nói rằng: "Có thể được giảm tội". Ta nói rằng: "Không chỉ được giảm tội, mà ông ta còn tránh được tội hình. Năm nay là năm Thìn, Thìn và hào 5 Quan Quỷ không tương khắc, lại thêm hào Phụ gặp Thanh Long, nên chắc chắn không bị tội hình. Vì Ngọ hỏa gặp Tuần Không, đến năm Ngọ xuất Không, sẽ được chết yên ổn."</p> <p style="margin-top:10px;">Người này lại đưa ra Tứ trụ của thầy cho ta xem, là <strong>Nhâm Thìn, Mậu Thân, Mậu Dần, Giáp Dần</strong>. Ta nói rằng: "Đây là mệnh cục Thực thần chế sát, năm nay hành vận Giao Bính, tức vận Kiêu thần đoạt thực. May nhờ tháng bảy là tháng kim mạnh, vận Bính không thể nung chảy, nên để phòng tháng Bính, năm Bính, hỏa vượng nung chảy kim, cũng là phù hợp với quẻ trước, là năm Ngọ hỏa xuất Không, sẽ nguy đến tính mạng."</p> <p style="margin-top:10px;">Sau nghe tin người này bị định tội lớn, nhưng được trì hoãn ngày xử quyết. Đến năm Bính Ngọ, bị mắc bệnh viêm phổi mà chết. Như vậy, chính là xem thay cho lục thân, ký gặp hồi đầu khắc, <strong>mệnh và quẻ cùng chung một lý.</strong></p> </div> <div class="sep"></div> <p>Và đây không phải trường hợp duy nhất — một số đoạn khác trong sách cũng làm vậy, quẻ dịch cho thấy tình huống đang diễn ra còn bát tự cho thấy bối cảnh vận mệnh dài hạn của người đó, kết hợp lại thì bức tranh rõ hơn nhiều so với chỉ dùng một trong hai.</p> <p>Cổ nhân hiểu điều mà người học hiện đại hay quên — <strong>không có môn nào đứng một mình mà đủ.</strong> Mỗi môn là một lăng kính, và mỗi lăng kính chỉ cho thấy một góc của cùng một thực tại.</p> <div class="anchor">Cổ nhân dùng bát tự như một phần trong hệ sinh thái — không phải như công cụ duy nhất.</div> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 4 --> <div id="part-3" style="display:none;"> <div class="part-header"> <div class="part-badge">IV</div> <p class="part-ord">Phần thứ tư</p> <h2 class="part-title">Hệ Sinh Thái Dịch Học</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Trong hệ sinh thái dịch học, mỗi môn có một vùng ưu thế riêng. Nếu bạn muốn hiểu tính cách, tâm lý của một con người — <strong>nhân tướng học là thứ có ưu thế rõ ràng nhất</strong>, vì nó quan sát trực tiếp con người đó ngay trước mắt bạn. Nếu bạn muốn xem một sự việc cụ thể đang xảy ra, cần câu trả lời nhanh và chi tiết — <strong>quẻ dịch là thứ được sinh ra cho việc đó.</strong> Còn nếu bạn muốn nhìn tổng quan xu hướng vận mệnh dài hạn — <strong>đó là vùng mà bát tự Tử Bình phát huy tốt nhất.</strong></p> <div class="sep"></div> <p>Nhưng điều quan trọng hơn là phải hiểu rằng các môn này không hoàn toàn tách biệt nhau — chúng chồng lấp ở một mức độ nhất định, chỉ là mỗi môn làm tốt hơn ở một khía cạnh cụ thể. Bạn hoàn toàn có thể dùng bát tự để hình dung tâm tính một người, nhưng nếu so với nhân tướng học thì không bằng được. Bạn cũng có thể quan sát nét mặt để đoán gần đây người đó gặp chuyện gì, nhưng nếu so với quẻ dịch thì cũng không bằng. Bạn cũng có thể dùng quẻ dịch để xem tương lai xa của một người, nhưng nếu so với bát tự thì quẻ dịch không phải thế mạnh đó.</p> <p>Nói chung mỗi môn có một thế mạnh — và bạn cần khai thác tối ưu thứ mình đang có, thay vì cố gắng coi cái mình có là cả thế giới.</p> <div class="anchor">Không phải công cụ tệ. Là người dùng không hiểu công cụ của mình.</div> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 5 --> <div id="part-4" style="display:none;"> <div class="part-header"> <div class="part-badge">V</div> <p class="part-ord">Phần thứ năm</p> <h2 class="part-title">Tư Duy Hệ Thống</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Ai cũng biết câu chuyện thầy bói xem voi — người sờ vào tai nói con voi giống cái quạt, người sờ vào chân nói giống cái cột, người sờ vào đuôi nói giống cái chổi. <strong>Không ai sai hoàn toàn, nhưng cũng không ai đúng hoàn toàn.</strong> Chúng ta hay cười câu chuyện đó, nhưng thật ra chúng ta không nhận ra rằng mình vốn là một phần trong câu chuyện đó — và muốn thoát ra khỏi tư duy thầy bói xem voi, cần tư duy hệ thống.</p> <div class="sep"></div> <p>Hệ thống không phải là một đống thứ gộp lại với nhau. <strong>Hệ thống là khi các phần tương tác với nhau và tạo ra thứ mà từng phần riêng lẻ không tạo ra được.</strong> Dịch học là một hệ thống lớn, và bát tự nằm trong hệ thống đó. Nhưng điều thú vị là bản thân bát tự cũng là một hệ thống riêng — trong đó lại có các hệ thống con như ngũ hành, cách cục, hành vận, mỗi thứ vận hành theo logic của riêng nó. Đó chính là ý nghĩa thực sự của câu: <strong>trong âm có dương, trong dương có âm.</strong> Hệ thống lớn chứa hệ thống con, hệ thống con lại chứa hệ thống con nữa, cứ thế mà đi sâu vào.</p> <div class="sep"></div> <p>Vì vậy chúng ta phải nhìn nhận bát tự Tử Bình như một hệ thống — không phải như một phần con voi. Hiểu được điều này thì mới dùng bát tự đúng cách, không phải lấy một can hay một chi ra mà kết luận, không phải nhìn một thập thần mà phán cả cuộc đời, mà <strong>phải nhìn cả hệ thống rồi mới nói.</strong></p> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 6 --> <div id="part-5" style="display:none;"> <div class="part-header"> <div class="part-badge">VI</div> <p class="part-ord">Phần thứ sáu</p> <h2 class="part-title">Tư Duy Logic Để Hiểu Hệ Thống</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Muốn hiểu hệ thống thì cần tư duy logic, và có hai điều căn bản cần nắm.</p> <div class="sep"></div> <p><strong>Thứ nhất</strong> — một yếu tố nhỏ không phản ánh được cả hệ thống. Cái bánh xe đạp tốt không thể nói lên rằng cả chiếc xe đạp tốt, vì hoàn toàn có thể có cái bánh xe tốt được lắp vào một chiếc xe xấu. <strong>Một chi tiết không đại diện cho cả bức tranh.</strong></p> <div class="sep"></div> <p><strong>Thứ hai</strong> — chúng ta cần tư duy logic để đọc hệ thống đúng cách, cụ thể là hiểu thế nào là quy nạp và diễn dịch. Vì bánh xe một mình không phản ánh được cả chiếc xe, nên ta cần phân tích nhiều chi tiết cùng lúc — bánh xe tốt, khung xe tốt, pê đan tốt, nhông xích tốt, phanh tốt, yên xe tốt — rồi từ đó suy ra cả chiếc xe đều tốt. <strong>Đó là quy nạp</strong> — từ nhiều chi tiết suy ra kết luận về cả hệ thống, và một suy luận quy nạp càng mạnh thì càng đến gần với kết quả đúng. Ở chiều ngược lại, nếu đã biết chiếc xe tốt rồi thì chắc chắn có thể suy ra bánh xe tốt, yên xe tốt mà không cần kiểm tra từng cái — <strong>đó là diễn dịch</strong>, từ cái chung suy ra cái riêng nằm trong nó.</p> <div class="sep"></div> <p>Đó là hai phép suy luận hợp lý. Nhưng vấn đề là chúng ta vẫn suy luận hằng ngày mà không biết mình đang làm đúng hay sai.</p> <div class="hbox"> <p>Ví dụ như thế này — bạn đọc một đoạn trong sách thấy đúng với mình, rồi vội vàng kết luận luôn là cả cuốn sách chuẩn, mọi phần trong đó đều đúng. Hay là nghe thầy xem cho bạn một lần đúng, rồi bắt đầu nghĩ rằng thầy xem cho ai cũng đúng. Tất cả đều là sản phẩm của <strong>suy luận phi logic — khái quát hóa vội vàng từ một điểm dữ liệu duy nhất.</strong></p> </div> <p>Và độc hại nhất là khi người ta áp kiểu suy luận đó vào chính mình — làm sai một lần rồi kết luận năng lực mình kém, mình không bao giờ làm được. Trong khi những người làm tốt lại là những người phải rèn luyện và vượt qua thất bại nhiều lần — họ không kết luận về cả hệ thống từ một sự kiện duy nhất.</p> <div class="anchor">Tư duy hệ thống không phải là nhìn nhiều hơn. Là biết một chi tiết nằm ở đâu trong bức tranh lớn — và không kết luận vượt quá những gì nó cho phép.</div> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> <button class="btn-nav btn-next" data-action="nextPart">XEM TIẾP →</button> </div> </div> <!-- PART 7 --> <div id="part-6" style="display:none;"> <div class="part-header"> <div class="part-badge">VII</div> <p class="part-ord">Phần thứ bảy</p> <h2 class="part-title">Bát Tự Giỏi Nhất Ở Điều Gì</h2> <div class="part-rule"></div> <div class="part-quote"> <div class="pq-inner">Nếu muốn biết tại sao một chiếc cây lại có những chiếc lá như vậy, hãy đặt nó vào đúng khu rừng của nó.<br><strong>Nếu muốn hiểu bát tự Tử Bình, hãy đặt nó vào trong hệ sinh thái của nó.</strong></div> </div> </div> <div class="part-body"> <p>Bát tự tối ưu ở một thứ — <strong>nhìn tổng thể xu hướng vận mệnh dài hạn.</strong> Nên sống trong môi trường nào, nên làm loại công việc gì, nên dựa vào điều gì để thay đổi cuộc đời — đó là những câu hỏi mà bát tự trả lời tốt nhất.</p> <p>Những thứ khác như tính cách, hôn nhân hay sự kiện ngắn hạn thì bát tự có thể tham khảo, nhưng không phải mũi nhọn. Nếu bạn muốn đọc tính cách thì nhân tướng tốt hơn. Nếu bạn muốn xem một sự kiện cụ thể thì quẻ dịch tốt hơn. Dùng bát tự làm những việc đó là đang dùng sai công cụ.</p> <div class="sep"></div> <p>Và có một điều cần nói thẳng — <strong>bát tự là một mô hình suy đoán, không phải tiên tri.</strong> Nó không thấy trước tương lai. Nó phân tích cấu trúc hiện tại, rồi ước lượng xu hướng có khả năng xảy ra cao nhất. Giống như bác sĩ đọc kết quả xét nghiệm vậy — không phải nhìn thấy tương lai của bạn, mà đang đọc dữ liệu và đưa ra đánh giá xác suất. Mô hình có thể đúng, mô hình có thể sai, và <strong>nếu ngoại cục thay đổi thì xác suất cũng thay đổi theo.</strong></p> <div class="anchor">Người dùng bát tự như công cụ tiên tri thì đang kỳ vọng sai. Người dùng nó như <strong>mô hình suy đoán</strong> thì đang dùng đúng bản chất của nó.</div> </div> <div class="nav-row"> <button class="btn-nav" data-action="prevPart">← PHẦN TRƯỚC</button> </div> <div class="end-section" id="endSection" style="display:none;"> <div class="cta-box"> <div class="cta-title">Câu Hỏi Ôn Tập</div> <p class="cta-desc">10 câu hỏi kiểm tra mức độ hiểu bài. Trả lời từng câu, xem giải thích ngay lập tức.</p> <button class="btn-quiz" data-action="startQuiz">BẮT ĐẦU TRẮC NGHIỆM →</button> </div> </div> </div> </div> <!-- QUIZ --> <div class="view" id="view-quiz"> <button class="btn-back" data-action="backToArticle">← Quay về bài viết</button> <div class="quiz-header"> <div class="progress-wrap"><div class="progress-fill" id="progressFill" style="width:0%"></div></div> <span class="q-counter">Câu <strong id="qNumDisplay">1</strong> / 10</span> </div> <div class="q-wrap"> <div class="q-card"> <p class="q-label" id="qLabel">CÂU 1</p> <h2 id="qText"></h2> <div class="opts" id="qOptions"></div> <div class="q-explain" id="qExplain"></div> <button class="btn-next-q" id="nextBtn" data-action="nextQuestion">CÂU TIẾP →</button> </div> </div> </div> <!-- RESULT --> <div class="view" id="view-result"> <div class="result-hero"> <div class="result-circle"> <div class="result-score"><span id="finalScore">0</span></div> <div class="result-total">/ 10</div> </div> <p class="result-label">⟢ Kết quả ⟢</p> <h2 class="result-title" id="resultTitle"></h2> <p class="result-msg" id="resultMsg"></p> </div> <div class="congrats-msg" id="congratsMsg"></div> <div class="action-row"> <button class="btn-secondary" data-action="restartQuiz">⟲ Làm lại</button> <button class="btn-secondary" data-action="backToArticle">← Đọc lại bài</button> </div> </div> </div> <script> const LESSON_TITLE = 'Công Năng Của Bát Tự Tử Bình'; const TOTAL_PARTS = 7; const QUESTIONS = [ {text:'Sách Tăng San Bốc Dịch cho thấy cổ nhân dùng bát tự như thế nào?',options:['Dùng bát tự độc lập, không kết hợp với môn nào khác','Kết hợp bát tự với quẻ dịch để có bức tranh đầy đủ hơn','Chỉ dùng bát tự để xem tính cách con người','Dùng bát tự thay thế hoàn toàn cho quẻ dịch'],correct:1,explain:'<span class="verdict ok">✓ Chính xác.</span> Tăng San Bốc Dịch ghi rõ người xem kết hợp bát tự với quẻ dịch — hai công cụ, một câu hỏi, một kết luận. Mệnh và quẻ cùng chung một lý.'}, {text:'Trong hệ sinh thái dịch học, môn nào có ưu thế trong việc xem một sự việc cụ thể đang xảy ra?',options:['Bát tự tử bình','Nhân tướng học','Quẻ dịch','Phong thủy'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Quẻ dịch được sinh ra cho việc xem sự việc cụ thể, cần câu trả lời nhanh và chi tiết. Bát tự mạnh ở tổng quan dài hạn. Nhân tướng mạnh ở đọc tính cách.'}, {text:'Bát tự tử bình tối ưu nhất ở điều gì?',options:['Đọc tính cách chi tiết của từng người','Xem sự kiện ngắn hạn trong tuần, trong tháng','Nhìn tổng thể xu hướng vận mệnh dài hạn','Dự đoán chính xác từng sự kiện tương lai'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Bát tự tối ưu ở nhìn tổng thể xu hướng dài hạn — nên sống môi trường nào, làm công việc gì, dựa vào điều gì để thay đổi cuộc đời.'}, {text:'"Tư duy thầy bói xem voi" trong học huyền học là gì?',options:['Học nhiều môn cùng lúc mà không chuyên sâu môn nào','Chỉ tin vào sách cổ mà không thực hành','Cầm một mảnh mà nghĩ đó là cả bức tranh','Xem quá nhiều lá số mà không rút ra được quy tắc'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Tư duy thầy bói xem voi là chỉ tiếp xúc được một phần nhưng kết luận như thể đã hiểu toàn bộ — không biết mình đang cầm một mảnh.'}, {text:'Quy nạp là gì?',options:['Từ nguyên tắc chung suy ra trường hợp cụ thể','Từ nhiều trường hợp cụ thể rút ra nguyên tắc chung','Kết hợp nhiều phương pháp để đưa ra kết luận','Áp dụng công thức có sẵn vào lá số cụ thể'],correct:1,explain:'<span class="verdict ok">✓ Chính xác.</span> Quy nạp: từ nhiều chi tiết suy ra kết luận về cả hệ thống. Kiểm tra từng bộ phận xe đạp đều tốt → kết luận chiếc xe tốt. Suy luận quy nạp càng mạnh thì càng đến gần kết quả đúng.'}, {text:'Diễn dịch là gì?',options:['Từ nhiều trường hợp cụ thể rút ra nguyên tắc chung','Quan sát và ghi chép nhiều lá số theo thời gian','Từ nguyên tắc chung suy ra trường hợp cụ thể','So sánh nhiều lá số với nhau để tìm điểm chung'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Diễn dịch: từ cái chung suy ra cái riêng nằm trong nó. Biết chiếc xe tốt → suy ra bánh xe tốt, yên xe tốt, không cần kiểm tra từng cái.'}, {text:'Bát tự là gì theo đúng bản chất của nó?',options:['Công cụ tiên tri thấy trước tương lai','Mô hình suy đoán dựa trên phân tích cấu trúc và xác suất','Phép màu giúp thay đổi số phận con người','Hệ thống đo lường chính xác vận mệnh'],correct:1,explain:'<span class="verdict ok">✓ Chính xác.</span> Bát tự là mô hình suy đoán — phân tích cấu trúc hiện tại, ước lượng xu hướng có xác suất cao nhất. Không phải tiên tri. Mô hình có thể đúng, có thể sai.'}, {text:'Ví dụ về chiếc xe đạp trong bài được dùng để minh họa điều gì?',options:['Vận mệnh có thể sửa chữa như sửa xe đạp','Bát tự cần nhiều công cụ hỗ trợ như xe cần nhiều bộ phận','Một chi tiết tốt không phản ánh được cả hệ thống','Mỗi người có vận mệnh riêng như mỗi chiếc xe khác nhau'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Chiếc xe đạp minh họa: một chi tiết (bánh xe tốt) không đủ để kết luận cả hệ thống tốt. Cần phân tích nhiều chi tiết cùng lúc mới rút ra kết luận hợp lý.'}, {text:'Khi ngoại cục thay đổi, điều gì xảy ra với dự đoán từ bát tự?',options:['Nội cục cũng thay đổi theo','Lá số bát tự không còn giá trị sử dụng','Xác suất dự đoán dịch chuyển theo','Cần lập lại lá số mới hoàn toàn'],correct:2,explain:'<span class="verdict ok">✓ Chính xác.</span> Ngoại cục thay đổi thì xác suất thay đổi theo. Nội cục (lá số) vẫn giữ nguyên, nhưng xác suất xảy ra các xu hướng sẽ dịch chuyển.'}, {text:'Câu nào sau đây phản ánh đúng nhất cách dùng bát tự?',options:['Nhìn một thập thần là có thể phán cả cuộc đời','Kết hợp với các môn khác, khai thác đúng thế mạnh của từng môn','Dùng bát tự thay thế hoàn toàn cho quẻ dịch và nhân tướng','Chỉ dùng bát tự khi các môn khác không trả lời được'],correct:1,explain:'<span class="verdict ok">✓ Chính xác.</span> Kết hợp với các môn khác, khai thác đúng thế mạnh từng môn. Không nhìn một thập thần mà kết luận, không cố dùng bát tự làm tất cả mọi thứ.'} ]; let currentPart=0,currentQ=0,answered=false,answers=[]; function scrollToTop(){window.scrollTo({top:0,behavior:'smooth'});} function renderPart(){ for(var i=0;i<TOTAL_PARTS;i++){var el=document.getElementById('part-'+i);if(el)el.style.display=(i===currentPart)?'block':'none';} document.getElementById('partNumDisplay').textContent=currentPart+1; var dots=document.querySelectorAll('.part-progress .dot'); dots.forEach(function(d,i){d.classList.remove('done','current');if(i<currentPart)d.classList.add('done');else if(i===currentPart)d.classList.add('current');}); var es=document.getElementById('endSection');if(es)es.style.display=(currentPart===TOTAL_PARTS-1)?'block':'none'; scrollToTop(); } function nextPart(){if(currentPart<TOTAL_PARTS-1){currentPart++;renderPart();}} function prevPart(){if(currentPart>0){currentPart--;renderPart();}} function startQuiz(){ currentQ=0;answered=false;answers=[]; document.getElementById('view-article').classList.remove('active'); document.getElementById('view-quiz').classList.add('active'); document.getElementById('view-result').classList.remove('active'); renderQuestion();scrollToTop(); } function renderQuestion(){ answered=false; var q=QUESTIONS[currentQ],total=QUESTIONS.length; document.getElementById('progressFill').style.width=((currentQ)/total*100)+'%'; document.getElementById('qNumDisplay').textContent=currentQ+1; document.getElementById('qLabel').textContent='CÂU '+(currentQ+1); document.getElementById('qText').innerHTML=q.text; var letters=['A','B','C','D']; document.getElementById('qOptions').innerHTML=q.options.map(function(opt,i){ return '<button class="opt-btn" data-action="answer" data-idx="'+i+'"><span class="opt-letter">'+letters[i]+'</span><span class="opt-text">'+opt+'</span></button>'; }).join(''); var ex=document.getElementById('qExplain');ex.className='q-explain';ex.innerHTML=''; document.getElementById('nextBtn').className='btn-next-q'; } function selectAnswer(idx){ if(answered)return;answered=true; var q=QUESTIONS[currentQ],isCorrect=idx===q.correct; answers.push({correct:isCorrect}); document.querySelectorAll('.opt-btn').forEach(function(btn,i){ btn.disabled=true; if(i===q.correct)btn.classList.add('correct'); else if(i===idx)btn.classList.add('wrong'); else btn.classList.add('dimmed'); }); var ex=document.getElementById('qExplain'); ex.innerHTML=(isCorrect?'':'<span class="verdict no">✕ Chưa đúng.</span> ')+q.explain; ex.className='q-explain visible'; document.getElementById('nextBtn').className='btn-next-q visible'; } function nextQuestion(){if(currentQ<QUESTIONS.length-1){currentQ++;renderQuestion();scrollToTop();}else showResult();} function showResult(){ var total=0;answers.forEach(function(a){if(a.correct)total++;}); document.getElementById('finalScore').textContent=total; var title,msg; if(total===10){title='Xuất sắc!';msg='Bạn nắm vững hoàn toàn bài viết. Tư duy hệ thống đã rõ ràng.';} else if(total>=8){title='Rất tốt!';msg='Hiểu tốt. Xem lại vài câu sai để hoàn thiện thêm.';} else if(total>=6){title='Khá tốt';msg='Đã hiểu phần lớn. Đọc lại một lần nữa sẽ giúp củng cố.';} else if(total>=4){title='Cần ôn thêm';msg='Một số khái niệm chưa nắm chắc. Đọc lại từng phần rồi thử lại.';} else{title='Hãy đọc lại bài';msg='Nên đọc kỹ lại toàn bộ 7 phần trước khi làm trắc nghiệm.';} document.getElementById('resultTitle').textContent=title; document.getElementById('resultMsg').textContent=msg; document.getElementById('congratsMsg').innerHTML='🎉 Chúc mừng bạn đã hoàn thành nội dung bài học: <em>'+LESSON_TITLE+'</em>'; document.getElementById('view-quiz').classList.remove('active'); document.getElementById('view-result').classList.add('active'); scrollToTop(); } function restartQuiz(){startQuiz();} function backToArticle(){ document.getElementById('view-quiz').classList.remove('active'); document.getElementById('view-result').classList.remove('active'); document.getElementById('view-article').classList.add('active'); scrollToTop(); } renderPart(); document.addEventListener('click',function(e){ var el=e.target.closest('[data-action]');if(!el)return; switch(el.getAttribute('data-action')){ case 'answer':selectAnswer(parseInt(el.getAttribute('data-idx'),10));break; case 'startQuiz':startQuiz();break; case 'nextQuestion':nextQuestion();break; case 'nextPart':nextPart();break; case 'prevPart':prevPart();break; case 'backToArticle':backToArticle();break; case 'restartQuiz':restartQuiz();break; } }); </script> <script> (function(){ function getH(){var a=document.querySelector('.app');if(a){var r=a.getBoundingClientRect();return Math.ceil(r.top+(window.pageYOffset||document.documentElement.scrollTop)+a.scrollHeight+40);}return Math.max(document.body.scrollHeight,document.body.offsetHeight,document.documentElement.scrollHeight,document.documentElement.offsetHeight);} function postH(){try{if(window.parent&&window.parent!==window){var av=document.querySelector('.view.active');window.parent.postMessage({ltCnHeight:getH(),viewId:av?av.id:''},'*');}}catch(e){}} function init(){postH();[50,200,500,1000,2000,3500,5000].forEach(function(t){setTimeout(postH,t);});if(typeof ResizeObserver!=='undefined'){try{new ResizeObserver(postH).observe(document.querySelector('.app')||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);['nextPart','prevPart','startQuiz','backToArticle','selectAnswer','nextQuestion','restartQuiz'].forEach(function(n){var o=window[n];if(o){window[n]=function(){var r=o.apply(this,arguments);[50,200,500,1000].forEach(function(t){setTimeout(postH,t);});return r;};}});} if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init(); })(); </script> </body> </html> " style="width:100%!important;height:2900px!important;min-height:2900px!important;max-height:none!important;border:0!important;display:block!important;background:#faf6ec!important;margin:0!important;padding:0!important;" title="Công Năng Của Bát Tự Tử Bình"></iframe> </div> <script> (function(){ var F='lt-cn-frame',IH=2900,cH=IH,hV={},cV='view-article'; function aH(h){var f=document.getElementById(F);if(!f)return;var n=h+50;if(n<200||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;}} function sH(h,v){if(!h||h<100)return;if(v){if(!hV[v]||h>hV[v])hV[v]=h;cV=v;}aH(hV[cV]||h);} window.addEventListener('message',function(e){if(e&&e.data&&typeof e.data.ltCnHeight==='number')sH(e.data.ltCnHeight,e.data.viewId);}); function pH(){var f=document.getElementById(F);if(!f||!f.contentWindow)return;try{var d=f.contentWindow.document;if(d){var a=d.querySelector('.app'),av=d.querySelector('.view.active'),v=av?av.id:'',h;if(a){var r=a.getBoundingClientRect();h=Math.ceil(r.top+(f.contentWindow.pageYOffset||d.documentElement.scrollTop)+a.scrollHeight+40);}else if(d.body)h=Math.max(d.body.scrollHeight,d.body.offsetHeight,d.documentElement.scrollHeight,d.documentElement.offsetHeight);if(h)sH(h,v);}}catch(e){}} function bP(){var f=document.getElementById(F);if(!f)return;var p=f.parentElement;while(p&&p!==document.body){var cs=window.getComputedStyle(p);if(cs.maxHeight!=='none'&&cs.maxHeight!==''&&parseInt(cs.maxHeight)<IH)p.style.setProperty('max-height','none','important');if(cs.overflow==='hidden')p.style.setProperty('overflow','visible','important');p=p.parentElement;}} bP();[100,500,1000,2000,4000,7000].forEach(function(t){setTimeout(function(){bP();pH();},t);});setInterval(pH,800);window.addEventListener('resize',pH); })(); </script>
