<style> .lt-battu-wrap{width:100%!important;max-width:100%!important;margin:30px 0!important;padding:0!important;border:0!important;background:transparent!important} .lt-battu-wrap iframe{width:100%!important;border:0!important;display:block!important;height:750px} </style> <div class="lt-battu-wrap"> <iframe id="lt-battu-frame" loading="lazy" scrolling="no" sandbox="allow-scripts allow-same-origin" srcdoc="<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> *{box-sizing:border-box;margin:0;padding:0} :root{--border:#d4d2ca;--border-strong:#b0aea6;--surface-1:#f5f4f0;--surface-2:#ffffff;--text-primary:#1a1a18;--text-secondary:#5a5a56;--text-muted:#9a9890;--radius:8px} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff} .wrap{display:grid;grid-template-columns:1fr 1fr;height:700px;border:0.5px solid var(--border);border-radius:12px;overflow:hidden} .left{display:flex;flex-direction:column;border-right:0.5px solid var(--border);background:var(--surface-1);min-height:0;overflow:hidden} .right{display:flex;flex-direction:column;background:var(--surface-2);min-height:0;overflow:hidden} .pane-hd{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:9px 14px 8px;border-bottom:0.5px solid var(--border);background:var(--surface-2);flex-shrink:0} .tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:0.5px solid var(--border);background:var(--surface-1);flex-shrink:0} .tab{font-size:11px;padding:4px 10px;border-radius:5px;border:0.5px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer} .tab.on{background:#7F77DD;color:#fff;border-color:#534AB7} .svg-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden} .svg-scroll::-webkit-scrollbar{width:3px} .svg-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px} .cpane{flex:1;min-height:0;overflow-y:auto;padding:18px 16px} .cpane::-webkit-scrollbar{width:4px} .cpane::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px} .prog-bar{height:2px;background:var(--border);flex-shrink:0} .prog-fill{height:2px;background:#7F77DD;width:0%;transition:width .15s} .shint{font-size:10.5px;color:var(--text-muted);padding:5px 12px 6px;border-top:0.5px solid var(--border);flex-shrink:0;text-align:center} .sec{display:none}.sec.on{display:block} .ct{font-size:12.5px;font-weight:500;color:var(--text-primary);border-left:2px solid #7F77DD;padding-left:9px;margin-bottom:6px} .cb{font-size:12px;line-height:1.75;color:var(--text-secondary);margin-bottom:14px} .dv{border:none;border-top:0.5px solid var(--border);margin:12px 0} .tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:4px;margin:0 3px 4px 0;font-weight:500} .tg{background:#EAF3DE;color:#27500A;border:0.5px solid #639922} .tw{background:#FAEEDA;color:#633806;border:0.5px solid #ba7517} .tr{background:#FCEBEB;color:#791F1F;border:0.5px solid #a32d2d} .ti{background:#E6F1FB;color:#0c447c;border:0.5px solid #185fa5} .tp{background:#EEEDFE;color:#3C3489;border:0.5px solid #534AB7} .nb{cursor:pointer} .nb:hover rect,.nb:hover path{filter:brightness(0.93)} .qblock{background:var(--surface-1);border:0.5px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:12px} .qnum{font-size:11px;color:var(--text-muted);margin-bottom:5px;font-weight:500} .qtxt{font-size:12.5px;color:var(--text-primary);line-height:1.6;margin-bottom:10px;font-weight:500} .qopt{font-size:12px;color:var(--text-secondary);padding:4px 8px;border-radius:5px;cursor:pointer;margin-bottom:3px;border:0.5px solid transparent} .qopt:hover{background:var(--surface-2)} .qopt.correct{background:#EAF3DE;border-color:#639922;color:#27500A} .qopt.wrong{background:#FCEBEB;border-color:#a32d2d;color:#791F1F} .qexpl{font-size:11.5px;color:var(--text-secondary);margin-top:8px;padding:7px 10px;background:var(--surface-2);border-radius:5px;line-height:1.6;display:none;border-left:2px solid #7F77DD} </style> </head> <body> <div class="wrap"> <!-- LEFT: sơ đồ --> <div class="left"> <div class="pane-hd">Sơ đồ tổng quan</div> <div class="svg-scroll" id="svgscroll"> <svg id="mainsvg" width="100%" height="930" viewBox="0 0 300 930" preserveAspectRatio="xMidYMin meet" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="ar" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse"> <path d="M2 1L8 5L2 9" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </marker> <marker id="ar-red" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse"> <path d="M2 1L8 5L2 9" fill="none" stroke="#e06060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </marker> </defs> <!-- ROOT --> <g class="nb" id="n-root" onclick="go('root')"> <rect x="55" y="10" width="190" height="44" rx="8" fill="#CECBF6" stroke="#7F77DD" stroke-width="0.5"/> <text x="150" y="26" text-anchor="middle" font-size="12" font-weight="500" fill="#26215C">Tâm lý con người</text> <text x="150" y="42" text-anchor="middle" font-size="10" fill="#534AB7">Con người thực sự theo đuổi thứ gì?</text> </g> <line x1="150" y1="54" x2="55" y2="86" stroke="#AFA9EC" stroke-width="0.8"/> <line x1="150" y1="54" x2="150" y2="86" stroke="#AFA9EC" stroke-width="0.8"/> <line x1="150" y1="54" x2="245" y2="86" stroke="#AFA9EC" stroke-width="0.8"/> <!-- Quyền --> <g class="nb" id="n-quyen" onclick="go('quyen')"> <rect x="8" y="86" width="90" height="40" rx="7" fill="#EEEDFE" stroke="#AFA9EC" stroke-width="0.5"/> <text x="53" y="101" text-anchor="middle" font-size="11" font-weight="500" fill="#26215C">Quyền</text> <text x="53" y="117" text-anchor="middle" font-size="9.5" fill="#534AB7">Điều kiện tiên quyết</text> </g> <!-- Tiền --> <g class="nb" id="n-tien" onclick="go('tien')"> <rect x="105" y="86" width="90" height="40" rx="7" fill="#EEEDFE" stroke="#AFA9EC" stroke-width="0.5"/> <text x="150" y="101" text-anchor="middle" font-size="11" font-weight="500" fill="#26215C">Tiền</text> <text x="150" y="117" text-anchor="middle" font-size="9.5" fill="#534AB7">Giải quyết ngắn hạn</text> </g> <!-- Trí --> <g class="nb" id="n-tri" onclick="go('tri')"> <rect x="202" y="86" width="90" height="40" rx="7" fill="#EEEDFE" stroke="#AFA9EC" stroke-width="0.5"/> <text x="247" y="101" text-anchor="middle" font-size="11" font-weight="500" fill="#26215C">Trí</text> <text x="247" y="117" text-anchor="middle" font-size="9.5" fill="#534AB7">Định hướng dài hạn</text> </g> <line x1="53" y1="126" x2="120" y2="170" stroke="#AFA9EC" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="150" y1="126" x2="150" y2="170" stroke="#AFA9EC" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="247" y1="126" x2="180" y2="170" stroke="#AFA9EC" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Thập Thần --> <g class="nb" id="n-thapThan" onclick="go('thapThan')"> <rect x="45" y="170" width="210" height="44" rx="8" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.5"/> <text x="150" y="186" text-anchor="middle" font-size="12" font-weight="500" fill="#5C3A00">Thập Thần</text> <text x="150" y="202" text-anchor="middle" font-size="9.5" fill="#8B5E00">10 thần — không phải thần nào cũng quan trọng như nhau</text> </g> <line x1="100" y1="214" x2="54" y2="254" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="150" y1="214" x2="150" y2="254" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="200" y1="214" x2="246" y2="254" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Quan Tinh --> <g class="nb" id="n-quanTinh" onclick="go('quanTinh')"> <rect x="8" y="254" width="90" height="44" rx="7" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.8"/> <text x="53" y="271" text-anchor="middle" font-size="11" font-weight="500" fill="#5C3A00">Quan Tinh</text> <text x="53" y="287" text-anchor="middle" font-size="9" fill="#8B5E00">Chính Quan · Thất Sát</text> </g> <!-- Tài Tinh --> <g class="nb" id="n-taiTinh" onclick="go('taiTinh')"> <rect x="105" y="254" width="90" height="44" rx="7" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.8"/> <text x="150" y="271" text-anchor="middle" font-size="11" font-weight="500" fill="#5C3A00">Tài Tinh</text> <text x="150" y="287" text-anchor="middle" font-size="9" fill="#8B5E00">Chính Tài · Thiên Tài</text> </g> <!-- Ấn Tinh --> <g class="nb" id="n-anTinh" onclick="go('anTinh')"> <rect x="202" y="254" width="90" height="44" rx="7" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.8"/> <text x="247" y="271" text-anchor="middle" font-size="11" font-weight="500" fill="#5C3A00">Ấn Tinh</text> <text x="247" y="287" text-anchor="middle" font-size="9" fill="#8B5E00">Chính Ấn · Thiên Ấn</text> </g> <!-- MŨI TÊN ĐỎ đúng hướng: Quyền→QuanTinh, Tiền→TàiTinh, Trí→ẤnTinh --> <path d="M8 106 C-18 106 -18 276 8 276" fill="none" stroke="#e06060" stroke-width="1.2" stroke-dasharray="4 3" marker-end="url(#ar-red)"/> <path d="M150 126 C132 148 128 224 130 254" fill="none" stroke="#e06060" stroke-width="1.2" stroke-dasharray="4 3" marker-end="url(#ar-red)"/> <path d="M292 106 C318 106 318 276 292 276" fill="none" stroke="#e06060" stroke-width="1.2" stroke-dasharray="4 3" marker-end="url(#ar-red)"/> <line x1="53" y1="298" x2="110" y2="338" stroke="#B0A898" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="150" y1="298" x2="150" y2="338" stroke="#B0A898" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="247" y1="298" x2="190" y2="338" stroke="#B0A898" stroke-width="0.8" marker-end="url(#ar)"/> <!-- 4 thần phụ trợ --> <g class="nb" id="n-phuTro" onclick="go('phuTro')"> <rect x="35" y="338" width="230" height="40" rx="7" fill="#EEECE8" stroke="#B0A898" stroke-width="0.5"/> <text x="150" y="354" text-anchor="middle" font-size="11" font-weight="500" fill="#3d3d3a">4 thần phụ trợ</text> <text x="150" y="369" text-anchor="middle" font-size="9.5" fill="#888780">Thực Thần · Thương Quan · Tỷ Kiên · Kiếp Tài</text> </g> <line x1="150" y1="378" x2="150" y2="404" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Cách cục --> <g class="nb" id="n-cachCuc" onclick="go('cachCuc')"> <rect x="35" y="404" width="230" height="44" rx="8" fill="#C8E6DC" stroke="#1D9E75" stroke-width="0.8"/> <text x="150" y="421" text-anchor="middle" font-size="12" font-weight="500" fill="#0F4F3A">Cách cục</text> <text x="150" y="438" text-anchor="middle" font-size="9.5" fill="#1D9E75">Lá số đang vận hành để theo đuổi thứ gì?</text> </g> <line x1="150" y1="448" x2="150" y2="472" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Xác định lực lượng --> <g class="nb" id="n-xacDinhLL" onclick="go('xacDinhLL')"> <rect x="35" y="472" width="230" height="40" rx="7" fill="#EEECE8" stroke="#B0A898" stroke-width="0.5"/> <text x="150" y="488" text-anchor="middle" font-size="11" font-weight="500" fill="#3d3d3a">Xác định lực lượng bát tự</text> <text x="150" y="503" text-anchor="middle" font-size="9.5" fill="#888780">Ngũ hành · Can chi · Tàng can</text> </g> <line x1="150" y1="512" x2="150" y2="534" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Xem tương quan --> <g class="nb" id="n-tuongQuan" onclick="go('tuongQuan')"> <rect x="35" y="534" width="230" height="34" rx="7" fill="#EEECE8" stroke="#B0A898" stroke-width="0.5"/> <text x="150" y="555" text-anchor="middle" font-size="11" font-weight="500" fill="#3d3d3a">Xem tương quan lực lượng</text> </g> <line x1="150" y1="568" x2="150" y2="592" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Xác định loại --> <g class="nb" id="n-loaiCach" onclick="go('loaiCach')"> <rect x="35" y="592" width="230" height="34" rx="7" fill="#EEECE8" stroke="#B0A898" stroke-width="0.5"/> <text x="150" y="613" text-anchor="middle" font-size="11" font-weight="500" fill="#3d3d3a">Xác định loại cách cục</text> </g> <text x="68" y="650" text-anchor="middle" font-size="9" fill="#888780">1 phe áp đảo</text> <text x="232" y="650" text-anchor="middle" font-size="9" fill="#888780">Nhiều phe</text> <line x1="95" y1="626" x2="55" y2="662" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="205" y1="626" x2="245" y2="662" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Tòng cách --> <g class="nb" id="n-tongCach" onclick="go('tongCach')"> <rect x="8" y="662" width="90" height="30" rx="7" fill="#FAECE7" stroke="#D85A30" stroke-width="0.8"/> <text x="53" y="681" text-anchor="middle" font-size="11" font-weight="500" fill="#712B13">Tòng cách</text> </g> <!-- Cách thông thường --> <g class="nb" id="n-cachTT" onclick="go('cachTT')"> <rect x="200" y="662" width="92" height="30" rx="7" fill="#C8E6DC" stroke="#1D9E75" stroke-width="0.8"/> <text x="246" y="681" text-anchor="middle" font-size="10.5" font-weight="500" fill="#0F4F3A">Cách thông thường</text> </g> <line x1="33" y1="692" x2="24" y2="714" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="73" y1="692" x2="78" y2="714" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Tòng cường --> <g class="nb" id="n-tongCuong" onclick="go('tongCuong')"> <rect x="4" y="714" width="64" height="36" rx="6" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.8"/> <text x="36" y="728" text-anchor="middle" font-size="9.5" font-weight="500" fill="#5C3A00">Tòng cường</text> <text x="36" y="742" text-anchor="middle" font-size="8.5" fill="#8B5E00">Nhật Can gốc mạnh</text> </g> <!-- Tòng nhược --> <g class="nb" id="n-tongNhuoc" onclick="go('tongNhuoc')"> <rect x="72" y="714" width="66" height="36" rx="6" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.8"/> <text x="105" y="728" text-anchor="middle" font-size="9.5" font-weight="500" fill="#5C3A00">Tòng nhược</text> <text x="105" y="742" text-anchor="middle" font-size="8.5" fill="#8B5E00">Nhật Can không gốc</text> </g> <line x1="36" y1="750" x2="52" y2="772" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="105" y1="750" x2="78" y2="772" stroke="#C8A96E" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Thuận phát --> <g class="nb" id="n-thuan" onclick="go('thuan')"> <rect x="8" y="772" width="132" height="36" rx="6" fill="#F5E6C8" stroke="#C8A96E" stroke-width="0.5"/> <text x="74" y="787" text-anchor="middle" font-size="10.5" font-weight="500" fill="#5C3A00">Thuận → phát</text> <text x="74" y="801" text-anchor="middle" font-size="9" fill="#8B5E00">Nghịch → bại</text> </g> <line x1="246" y1="692" x2="246" y2="714" stroke="#1D9E75" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Thần trung tâm --> <g class="nb" id="n-thanTrungTam" onclick="go('thanTrungTam')"> <rect x="160" y="714" width="132" height="78" rx="6" fill="#C8E6DC" stroke="#1D9E75" stroke-width="0.5"/> <text x="226" y="730" text-anchor="middle" font-size="10" font-weight="500" fill="#0F4F3A">Xác định thần trung tâm</text> <text x="168" y="746" font-size="9" fill="#0F4F3A">① Quan Tinh đủ mạnh</text> <text x="168" y="758" font-size="9" fill="#1D9E75"> → lấy làm trung tâm</text> <text x="168" y="772" font-size="9" fill="#0F4F3A">② Không có Quan Tinh</text> <text x="168" y="784" font-size="9" fill="#1D9E75"> → chi tháng: Tài hay Ấn</text> </g> <line x1="74" y1="808" x2="110" y2="834" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <line x1="226" y1="792" x2="190" y2="834" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Chia 3 phe --> <g class="nb" id="n-ba3Phe" onclick="go('ba3Phe')"> <rect x="35" y="834" width="230" height="38" rx="8" fill="#CECBF6" stroke="#7F77DD" stroke-width="0.5"/> <text x="150" y="850" text-anchor="middle" font-size="11" font-weight="500" fill="#26215C">Chia 3 phe</text> <text x="150" y="864" text-anchor="middle" font-size="9.5" fill="#534AB7">Phe ta · Phe địch · Trung gian</text> </g> <line x1="150" y1="872" x2="150" y2="888" stroke="#888780" stroke-width="0.8" marker-end="url(#ar)"/> <!-- Đánh giá --> <g class="nb" id="n-danhGia" onclick="go('danhGia')"> <rect x="35" y="888" width="230" height="38" rx="8" fill="#B5D4F4" stroke="#378ADD" stroke-width="0.5"/> <text x="150" y="904" text-anchor="middle" font-size="11" font-weight="500" fill="#042C53">Đánh giá phe ta mạnh hay yếu</text> <text x="150" y="918" text-anchor="middle" font-size="9.5" fill="#185FA5">Sức mạnh · Sức bền · Linh hoạt</text> </g> </svg> </div> </div> <!-- RIGHT --> <div class="right"> <div class="pane-hd"><span id="ptitle">Nội dung</span></div> <div class="tabs"> <button class="tab on" onclick="switchTab('lt')">Lý thuyết</button> <button class="tab" onclick="switchTab('tn')">Trắc nghiệm</button> </div> <div class="cpane" id="cpane"> <div id="tab-lt"> <div id="s-root" class="sec on"> <div class="ct">Con người thực sự theo đuổi thứ gì?</div> <div class="cb">Hầu hết mọi người sẽ trả lời: hạnh phúc, bình yên, ý nghĩa. Không ai nói thẳng "tôi muốn tiền, tôi muốn quyền lực". Vì xã hội dạy chúng ta rằng nói thẳng như vậy là tham lam, là thiếu đức hạnh. Nên ta học cách bọc nó lại bằng những từ nghe đẹp hơn.</div> <div class="cb">Hãy thử nhìn vào hành động thực tế — không phải lời nói. Người nói "tôi chỉ cần ổn định" — nếu ngày mai có cơ hội tăng gấp đôi thu nhập, họ có từ chối không? Bọc đủ lâu, người ta bắt đầu tin vào cái vỏ đó — và dần mất đi sự thành thật với chính mình.</div> <div class="cb">Đó là lý do nhiều người học mệnh lý mà không hiểu được bản chất — vì họ đang nhìn qua một lớp kính mờ do chính mình tạo ra.</div> <hr class="dv"> <div class="ct">Tử Bình truyền thống nhìn thẳng vào bản chất</div> <div class="cb">Con người không thoát khỏi ba thứ — <span class="tag tp">Quyền</span> <span class="tag tw">Tiền</span> <span class="tag ti">Trí</span>. Không phải vì con người xấu xa — mà vì đó là cách mà mọi hệ thống tồn tại và phát triển từ trước đến nay. Nhấn vào từng nút trên sơ đồ để xem chi tiết từng khái niệm.</div> </div> <div id="s-quyen" class="sec"> <div class="ct">Quyền — điều kiện tiên quyết</div> <div class="cb">Quyền đứng đầu vì nó là thứ phải có trước. Nhìn vào thực tế: một người lao động giỏi nhưng không có quyền tự quyết — sáng nào cũng phải xin phép sếp, không được chọn dự án, không được định giá sức lao động của mình — dù tài năng đến đâu cũng khó mà đi đến đâu.</div> <div class="cb">Ngược lại, một người có quyền tự chủ dù xuất phát điểm thấp vẫn có thể xoay chuyển tình thế.</div> <hr class="dv"> <div class="ct">Quyền là gì — và không phải là gì</div> <div class="cb">Quyền không phải là chức danh hay quyền lực chính trị — nó là khả năng tự quyết về cuộc đời mình ở mức tối thiểu. Không có nó, mọi thứ khác đều trở nên vô nghĩa. Trong Bát Tự, Quyền được đại diện bởi <span class="tag tw">Quan Tinh</span> — gồm Chính Quan và Thất Sát.</div> </div> <div id="s-tien" class="sec"> <div class="ct">Tiền — giải quyết hiện tại</div> <div class="cb">Tiền giải quyết những gì đang xảy ra ngay trước mắt. Một người có tầm nhìn xa nhưng hôm nay không đủ tiền trả tiền thuê nhà — tầm nhìn đó không giúp được gì ngay lúc này.</div> <div class="cb">Tiền là thứ giúp người ta tồn tại đủ lâu để theo đuổi thứ lớn hơn. Trong Bát Tự, Tiền được đại diện bởi <span class="tag tw">Tài Tinh</span> — gồm Chính Tài và Thiên Tài.</div> </div> <div id="s-tri" class="sec"> <div class="ct">Trí — định hướng dài hạn</div> <div class="cb">Trí giải quyết những gì sẽ xảy ra. Hai người cùng xuất phát điểm, cùng số vốn — người có tầm nhìn và trí tuệ sẽ đi xa hơn người chỉ biết làm theo quán tính.</div> <div class="cb">Trí không chỉ là học vấn — đó là khả năng đọc được tình huống, nhìn ra hướng đi, và điều chỉnh kịp thời trước khi mọi thứ trở nên quá muộn. Trong Bát Tự, Trí được đại diện bởi <span class="tag ti">Ấn Tinh</span> — gồm Chính Ấn và Thiên Ấn.</div> <hr class="dv"> <div class="ct">Còn đạo đức, còn tình yêu thì sao?</div> <div class="cb">Đạo đức không tồn tại được trong đói nghèo và áp bức. Tình yêu không bền được khi không có quyền tự quyết và không đủ sống. Ngay cả những giá trị cao đẹp nhất cũng cần quyền, tiền, trí làm nền tảng để đứng vững. Không phải vì con người tham lam — mà vì đó là thứ tự tự nhiên của mọi thứ.</div> </div> <div id="s-thapThan" class="sec"> <div class="ct">Thập Thần — 10 thần không đều nhau</div> <div class="cb">Thập Thần có mười thần, nhưng không phải mười thần đều quan trọng như nhau. Chỉ có sáu thần thuộc ba nhóm thực sự quyết định chất lượng một lá số.</div> <hr class="dv"> <div class="ct">Ba nhóm trọng tâm</div> <div class="cb"><span class="tag tw">Quan Tinh</span> Chính Quan + Thất Sát → đại diện cho quyền lực<br><br><span class="tag tw">Tài Tinh</span> Chính Tài + Thiên Tài → đại diện cho tiền tài<br><br><span class="tag ti">Ấn Tinh</span> Chính Ấn + Thiên Ấn → đại diện cho trí tuệ</div> <div class="cb">Ba nhóm này chính là ba thứ con người thực sự theo đuổi, được đưa thẳng vào hệ thống luận mệnh.</div> <hr class="dv"> <div class="ct">Bốn thần phụ trợ</div> <div class="cb">Thực Thần, Thương Quan, Tỷ Kiên, Kiếp Tài — chỉ đóng vai trò phụ trợ. Biết chúng là gì, nhưng đừng để chúng kéo sự chú ý ra khỏi ba nhóm trọng tâm.</div> </div> <div id="s-quanTinh" class="sec"> <div class="ct">Quan Tinh — đại diện cho quyền</div> <div class="cb">Gồm Chính Quan và Thất Sát. Nhóm thần được ưu tiên xem xét đầu tiên khi xác định cách cục, vì quyền là nền tảng — không có quyền tự chủ thì tiền và trí đều trở nên vô nghĩa.</div> <hr class="dv"> <div class="ct">Chính Quan vs Thất Sát</div> <div class="cb"><span class="tag tg">Chính Quan</span> Quyền lực chính thống, kỷ luật, trách nhiệm xã hội. Cân bằng và ổn định hơn.<br><br><span class="tag tw">Thất Sát</span> Quyền lực mạnh hơn nhưng phức tạp hơn. Cần được chế hóa đúng mức — khi được chế tốt thì tạo ra người lãnh đạo xuất sắc nhất.</div> </div> <div id="s-taiTinh" class="sec"> <div class="ct">Tài Tinh — đại diện cho tiền</div> <div class="cb">Gồm Chính Tài và Thiên Tài. Biểu trưng cho giai đoạn lao động thực tế, khả năng quản lý tài sản và tạo ra giá trị vật chất.</div> <hr class="dv"> <div class="ct">Lưu ý quan trọng</div> <div class="cb">Tài Tinh khắc Ấn Tinh. Khi Tài quá mạnh sẽ phá hoại Ấn Tinh — ảnh hưởng đến trí tuệ, học vấn và quan hệ với cha mẹ. Đây là một trong những xung đột cốt lõi cần chú ý khi phân tích lá số.</div> </div> <div id="s-anTinh" class="sec"> <div class="ct">Ấn Tinh — đại diện cho trí</div> <div class="cb">Gồm Chính Ấn và Thiên Ấn. Mang đến tư duy sâu sắc, sự bảo hộ, chiều sâu nội tâm. Thần sinh cho Nhật Can — hình ảnh người mẹ hoặc người thầy.</div> <hr class="dv"> <div class="ct">Ấn Tinh bị phá khi nào?</div> <div class="cb">Khi Tài Tinh quá mạnh và khắc Ấn Tinh. Lúc đó những phẩm chất thuộc về Ấn — tri thức, chiều sâu, sự bảo hộ — đều bị suy yếu đáng kể.</div> </div> <div id="s-phuTro" class="sec"> <div class="ct">4 thần phụ trợ</div> <div class="cb">Thực Thần, Thương Quan, Tỷ Kiên, Kiếp Tài — bốn thần này không thuộc ba nhóm trọng tâm. Vai trò của chúng là hỗ trợ hoặc cản trở ba nhóm chính.</div> <hr class="dv"> <div class="ct">Cách tiếp cận đúng</div> <div class="cb">Biết bốn thần này là gì và cách chúng tác động, nhưng đừng để chúng kéo sự chú ý ra khỏi Quan — Tài — Ấn. Người mới học thường bị phân tâm bởi bốn thần phụ này và đánh mất bức tranh tổng thể.</div> </div> <div id="s-cachCuc" class="sec"> <div class="ct">Cách cục — câu hỏi trung tâm</div> <div class="cb">Toàn bộ quá trình đọc một lá số xoay quanh một câu hỏi: lá số này đang vận hành để theo đuổi thứ gì, và vận hành đó đang diễn ra như thế nào? Đó là cách cục.</div> <div class="cb">Cách cục không phải công thức cứng nhắc mà là bức tranh tổng thể về xu hướng vận hành của toàn bộ lá số. Phân loại đúng ngay từ đầu là điều quan trọng nhất — nếu đi sai hướng, mọi phân tích phía sau dù kỹ lưỡng đến đâu cũng sẽ bị lệch lạc theo.</div> </div> <div id="s-xacDinhLL" class="sec"> <div class="ct">Bước 1 — Xác định lực lượng bát tự</div> <div class="cb">Trước tiên phải xác định các lực lượng trong lá số: ngũ hành của từng can chi, tàng can trong địa chi, các nhóm liên minh hình thành.</div> <div class="cb">Chỉ khi có đủ bức tranh đó mới có thể nhìn vào tương quan lực lượng một cách chính xác.</div> </div> <div id="s-tuongQuan" class="sec"> <div class="ct">Bước 2 — Xem tương quan lực lượng</div> <div class="cb">Sau khi xác định đủ các lực lượng, nhìn vào tương quan để xem lá số thuộc loại nào. Có hai trường hợp xảy ra.</div> <div class="cb"><span class="tag tr">Một phe áp đảo</span> Các lực lượng còn lại không đủ sức cản → Tòng cách<br><br><span class="tag tg">Nhiều phe cùng tồn tại</span> Không phe nào áp đảo hoàn toàn → Cách thông thường</div> </div> <div id="s-loaiCach" class="sec"> <div class="ct">Bước 3 — Xác định loại cách cục</div> <div class="cb">Đây là bước phân nhánh quyết định. Dựa trên tương quan lực lượng vừa phân tích, xác định lá số thuộc tòng cách hay cách thông thường.</div> <div class="cb">Phân loại đúng ngay từ đây là điều quan trọng nhất. Nếu đi sai hướng, mọi phân tích phía sau dù kỹ lưỡng đến đâu cũng sẽ bị lệch lạc theo.</div> </div> <div id="s-tongCach" class="sec"> <div class="ct">Tòng cách — một phe áp đảo hoàn toàn</div> <div class="cb">Tòng cách xảy ra khi một nhóm ngũ hành áp đảo hoàn toàn, các lực lượng còn lại không đủ sức cản. Hình dung như một tổ chức mà một phe đã kiểm soát toàn bộ, các phe khác không còn đủ lực để phản kháng.</div> <div class="cb">Lúc này không còn chỗ cho sự cân bằng — chỉ có <span class="tag tg">thuận theo</span> hoặc <span class="tag tr">bị nghiền nát</span>.</div> <hr class="dv"> <div class="ct">Tòng cách chia làm hai loại</div> <div class="cb">Sự khác biệt nằm ở vị trí của Nhật Can trong cuộc chơi đó — Nhật Can đứng ở phe nào?</div> </div> <div id="s-cachTT" class="sec"> <div class="ct">Cách thông thường — nhiều phe cùng tồn tại</div> <div class="cb">Khi nhiều phe cùng tồn tại, không phe nào áp đảo hoàn toàn — đó là cách thông thường. Lúc này cần xác định thần trung tâm theo thứ tự ưu tiên: nếu Quan Tinh đủ mạnh thì lấy làm trung tâm. Nếu không có Quan Tinh thì xem chi tháng để tìm Tài Tinh hoặc Ấn Tinh.</div> </div> <div id="s-tongCuong" class="sec"> <div class="ct">Tòng cường — thuận vì mình là một phần của làn sóng</div> <div class="cb">Xảy ra khi ngũ hành chiếm ưu thế tương sinh hoặc tỷ hòa với Nhật Can — tức là Nhật Can thuộc về phe mạnh, có gốc vững.</div> <div class="cb">Hình dung một người sinh ra trong gia đình quyền lực, bản thân cũng có thực lực — họ không bị cuốn đi mà đang cùng làn sóng đó tiến lên. Thuận theo chính là phát huy thế mạnh của chính mình.</div> </div> <div id="s-tongNhuoc" class="sec"> <div class="ct">Tòng nhược — thuận vì không còn lựa chọn nào khác</div> <div class="cb">Xảy ra khi ngũ hành chiếm ưu thế không sinh trợ cho Nhật Can, và Nhật Can không có gốc hoặc gốc rất yếu — tức là Nhật Can đứng một mình giữa một lực lượng xa lạ và áp đảo.</div> <div class="cb">Hình dung một người bị đặt vào môi trường hoàn toàn khác biệt, không có chỗ dựa, không có đồng minh. Cố kháng cự lúc này chỉ tự hủy hoại bản thân — thuận theo, hòa nhập mới có đường đi tiếp.</div> </div> <div id="s-thuan" class="sec"> <div class="ct">Nguyên tắc cốt lõi của tòng cách</div> <div class="cb">Thuận theo hành chiếm ưu thế thì cuộc đời sẽ thuận lợi, cứ cố đi ngược lại thì mọi thứ sẽ bị lệch lạc dần. Cả tòng cường lẫn tòng nhược đều vận hành theo nguyên tắc này. Nhưng lý do thuận theo lại khác nhau:</div> <div class="cb"><span class="tag tg">Tòng cường</span> Thuận vì mình là một phần của làn sóng đó<br><br><span class="tag tw">Tòng nhược</span> Thuận vì không còn lựa chọn nào khác</div> </div> <div id="s-thanTrungTam" class="sec"> <div class="ct">Xác định thần trung tâm</div> <div class="cb"><span class="tag tw">① Quan Tinh đủ mạnh</span> → lấy làm trung tâm. Quan Tinh luôn được ưu tiên xem xét đầu tiên vì quyền là nền tảng.</div> <div class="cb"><span class="tag ti">② Không có Quan Tinh</span> → xem chi tháng để tìm Tài Tinh hoặc Ấn Tinh. Chỉ khi không có Quan Tinh mới chuyển sang bước này.</div> </div> <div id="s-ba3Phe" class="sec"> <div class="ct">Chia 3 phe</div> <div class="cb">Khi đã biết loại cách cục và thần trung tâm, chia toàn bộ lá số thành ba phe:</div> <div class="cb"><span class="tag tg">Phe ta</span> Những thần đang hỗ trợ thần trung tâm<br><br><span class="tag tr">Phe địch</span> Những thần đang cản trở, phá hoại thần trung tâm<br><br><span class="tag tw">Trung gian</span> Chưa ngả về bên nào, tùy hoàn cảnh mà nghiêng theo</div> </div> <div id="s-danhGia" class="sec"> <div class="ct">Đánh giá phe ta mạnh hay yếu</div> <div class="cb">Bước cuối cùng — nhìn vào phe ta để xem họ thực sự mạnh đến đâu. Một phe mạnh thật sự phải có đủ ba thứ:</div> <div class="cb"><span class="tag tg">Sức mạnh</span> Đủ để không bị lấn át bởi phe địch<br><br><span class="tag tw">Sức bền</span> Duy trì được điều đó xuyên suốt hành trình<br><br><span class="tag ti">Linh hoạt</span> Không bị đánh gục khi gặp những cú xung kích bất ngờ</div> <div class="cb">Thiếu một trong ba, dù nhìn bề ngoài có vẻ áp đảo thì bên trong vẫn chưa thực sự vững.</div> </div> </div> <div id="tab-tn" style="display:none"></div> </div> <div class="prog-bar"><div class="prog-fill" id="pfill"></div></div> <div class="shint" id="shint">Nhấn nút trên sơ đồ để xem nội dung</div> </div> </div> <script> var cur='root',curTab='lt'; var secs=['root','quyen','tien','tri','thapThan','quanTinh','taiTinh','anTinh','phuTro','cachCuc','xacDinhLL','tuongQuan','loaiCach','tongCach','cachTT','tongCuong','tongNhuoc','thuan','thanTrungTam','ba3Phe','danhGia']; var titles={root:'Tâm lý con người',quyen:'Quyền',tien:'Tiền',tri:'Trí',thapThan:'Thập Thần',quanTinh:'Quan Tinh',taiTinh:'Tài Tinh',anTinh:'Ấn Tinh',phuTro:'4 thần phụ trợ',cachCuc:'Cách cục',xacDinhLL:'Xác định lực lượng',tuongQuan:'Tương quan lực lượng',loaiCach:'Loại cách cục',tongCach:'Tòng cách',cachTT:'Cách thông thường',tongCuong:'Tòng cường',tongNhuoc:'Tòng nhược',thuan:'Thuận → phát',thanTrungTam:'Thần trung tâm',ba3Phe:'Chia 3 phe',danhGia:'Đánh giá phe ta'}; function go(id){ secs.forEach(function(s){ var el=document.getElementById('s-'+s); if(el) el.className='sec'+(s===id?' on':''); var b=document.getElementById('n-'+s); if(b) b.style.opacity=(s===id)?'0.65':'1'; }); cur=id; document.getElementById('ptitle').textContent=titles[id]||id; document.getElementById('cpane').scrollTop=0; // Auto-scroll sơ đồ: scale theo width thực / viewBox width var node=document.getElementById('n-'+id); var scroller=document.getElementById('svgscroll'); var svg=document.getElementById('mainsvg'); if(node&&scroller&&svg){ var rect=node.querySelector('rect'); if(rect){ var VBW=300; // viewBox width var scale=svg.clientWidth/VBW; var nodeY=parseFloat(rect.getAttribute('y')||0); var pixelY=nodeY*scale; var target=pixelY - scroller.clientHeight*0.25; scroller.scrollTo({top:Math.max(0,target),behavior:'smooth'}); } } updateHint(); } function switchTab(t){ curTab=t; document.getElementById('tab-lt').style.display=t==='lt'?'block':'none'; document.getElementById('tab-tn').style.display=t==='tn'?'block':'none'; document.querySelectorAll('.tab').forEach(function(el,i){ el.className='tab'+((i===0&&t==='lt')||(i===1&&t==='tn')?' on':''); }); document.getElementById('cpane').scrollTop=0; updateHint(); } var cp=document.getElementById('cpane'); var pf=document.getElementById('pfill'); var sh=document.getElementById('shint'); function updateHint(){ var mx=cp.scrollHeight-cp.clientHeight; sh.textContent=mx>10?'↓ cuộn để đọc tiếp':'✓ đã đọc hết'; sh.style.color=mx>10?'#9a9890':'#185FA5'; pf.style.width=mx>0?Math.round(cp.scrollTop/mx*100)+'%':'100%'; } cp.addEventListener('scroll',updateHint); // Build quiz var qs=[ {q:'Con người thực sự theo đuổi ba thứ gì theo Tử Bình truyền thống?',opts:['Hạnh phúc, bình yên, sức khỏe','Quyền, tiền, trí','Danh vọng, tình yêu, ý nghĩa','Tài năng, đức hạnh, may mắn'],ans:1,expl:'Tử Bình truyền thống nhìn thẳng vào bản chất: con người không thoát khỏi ba thứ — quyền, tiền, trí. Không phải vì con người xấu xa mà vì đó là cách mọi hệ thống tồn tại và phát triển.'}, {q:'Tại sao Quan Tinh được xếp ưu tiên đứng đầu trong ba nhóm thần trọng tâm?',opts:['Vì Quan Tinh xuất hiện nhiều nhất trong lá số','Vì quyền là điều kiện tiên quyết — không có quyền tự chủ thì không có điểm xuất phát','Vì Quan Tinh dễ xác định hơn Tài Tinh và Ấn Tinh','Vì các cổ thư xếp Quan Tinh lên đầu theo thứ tự bảng chữ'],ans:1,expl:'Quyền không phải chức danh hay quyền lực chính trị. Đó là khả năng tự quyết về cuộc đời mình ở mức tối thiểu. Không có nó, tiền và trí đều trở nên vô nghĩa.'}, {q:'Tài Tinh đại diện cho điều gì trong cuộc sống?',opts:['Trí tuệ và tầm nhìn dài hạn','Quyền lực và sự tự chủ','Tiền tài và khả năng giải quyết nhu cầu ngắn hạn','Mối quan hệ xã hội'],ans:2,expl:'Tài Tinh gồm Chính Tài và Thiên Tài, đại diện cho tiền tài — thứ giúp người ta tồn tại đủ lâu để theo đuổi thứ lớn hơn.'}, {q:'Bốn thần phụ trợ trong Thập Thần gồm những thần nào?',opts:['Chính Quan, Thất Sát, Chính Tài, Thiên Tài','Thực Thần, Thương Quan, Tỷ Kiên, Kiếp Tài','Chính Ấn, Thiên Ấn, Tỷ Kiên, Kiếp Tài','Thực Thần, Thương Quan, Chính Tài, Thiên Tài'],ans:1,expl:'Bốn thần này chỉ đóng vai trò phụ trợ. Biết chúng là gì nhưng đừng để chúng kéo sự chú ý ra khỏi Tài, Quan, Ấn.'}, {q:'Cách cục trong Bát Tự trả lời cho câu hỏi nào?',opts:['Nhật Can thuộc ngũ hành gì','Lá số có bao nhiêu thần xuất hiện','Lá số đang vận hành để theo đuổi thứ gì và vận hành đó đang diễn ra như thế nào','Chi tháng sinh hay khắc Nhật Can'],ans:2,expl:'Cách cục không phải công thức cứng nhắc mà là bức tranh tổng thể về xu hướng vận hành của toàn bộ lá số.'}, {q:'Tòng cách xảy ra khi nào?',opts:['Khi nhiều phe ngũ hành cùng tồn tại và cân bằng nhau','Khi một nhóm ngũ hành áp đảo hoàn toàn, các lực lượng còn lại không đủ sức cản','Khi Nhật Can có gốc mạnh và được nhiều thần hỗ trợ','Khi chi tháng và can ngày cùng một ngũ hành'],ans:1,expl:'Tòng cách giống như một tổ chức mà một phe đã kiểm soát toàn bộ. Lúc này không còn chỗ cho sự cân bằng — chỉ có thuận theo hoặc bị nghiền nát.'}, {q:'Sự khác biệt giữa tòng cường và tòng nhược là gì?',opts:['Tòng cường có nhiều Quan Tinh hơn, tòng nhược có nhiều Tài Tinh hơn','Tòng cường xảy ra vào mùa hè, tòng nhược xảy ra vào mùa đông','Tòng cường là Nhật Can thuộc phe mạnh có gốc vững, tòng nhược là Nhật Can đứng một mình không gốc giữa lực lượng xa lạ áp đảo','Tòng cường tốt hơn tòng nhược'],ans:2,expl:'Tòng cường thuận theo vì mình là một phần của làn sóng đó. Tòng nhược thuận theo vì không còn lựa chọn nào khác.'}, {q:'Nguyên tắc chung của tòng cách là gì?',opts:['Cân bằng các ngũ hành để lá số ổn định','Thuận theo hành chiếm ưu thế thì cuộc đời thuận lợi, đi ngược lại thì mọi thứ sẽ bị lệch lạc dần','Tăng cường Nhật Can để chống lại hành áp đảo','Tìm thần trung tâm từ chi tháng'],ans:1,expl:'Đây là nguyên tắc cốt lõi của tòng cách, áp dụng cho cả tòng cường lẫn tòng nhược.'}, {q:'Trong cách thông thường, thứ tự ưu tiên xác định thần trung tâm là gì?',opts:['Chi tháng trước, sau đó mới xem Quan Tinh','Ấn Tinh trước, sau đó Tài Tinh, cuối cùng Quan Tinh','Quan Tinh đủ mạnh thì lấy làm trung tâm, không có Quan Tinh thì xem chi tháng tìm Tài Tinh hoặc Ấn Tinh','Xem can giờ trước, sau đó mới xem chi tháng'],ans:2,expl:'Quan Tinh luôn được ưu tiên xem xét đầu tiên vì quyền là nền tảng. Chỉ khi không có Quan Tinh mới chuyển sang xem chi tháng.'}, {q:'Một phe được coi là thực sự mạnh khi hội đủ ba tiêu chí nào?',opts:['Nhiều thần, xuất hiện ở nhiều trụ, không bị xung','Sức mạnh, sức bền, linh hoạt','Sinh được Nhật Can, có gốc, thấu can','Không bị khắc, không bị hợp, không bị xung'],ans:1,expl:'Sức mạnh để không bị lấn át, sức bền để duy trì xuyên suốt hành trình, linh hoạt để không bị đánh gục khi gặp xung kích bất ngờ.'} ]; var answered=new Array(10).fill(false),score=0,qHTML=''; qs.forEach(function(q,i){ qHTML+='<div class="qblock"><div class="qnum">Câu '+(i+1)+'/10</div><div class="qtxt">'+q.q+'</div>'; q.opts.forEach(function(o,j){qHTML+='<div class="qopt" id="q'+i+'o'+j+'" onclick="pick('+i+','+j+')">'+['A','B','C','D'][j]+'. '+o+'</div>';}); qHTML+='<div class="qexpl" id="q'+i+'expl">'+q.expl+'</div></div>'; }); document.getElementById('tab-tn').innerHTML='<div style="font-size:12px;color:#9a9890;margin-bottom:12px">Nhấn vào đáp án để kiểm tra. Điểm: <span id="score">0</span>/10</div>'+qHTML; function pick(qi,oi){ if(answered[qi])return; answered[qi]=true; var q=qs[qi]; for(var j=0;j<4;j++){var el=document.getElementById('q'+qi+'o'+j);if(j===q.ans)el.className='qopt correct';else if(j===oi)el.className='qopt wrong';} if(oi===q.ans){score++;document.getElementById('score').textContent=score;} document.getElementById('q'+qi+'expl').style.display='block'; if(answered.every(function(a){return a;})){showResult();} } function showResult(){ var existing=document.getElementById('quiz-result'); if(existing)return; var pct=Math.round(score/10*100); var msg=''; if(score===10) msg='Xuất sắc! Bạn đã nắm vững toàn bộ kiến thức.'; else if(score>=8) msg='Rất tốt! Bạn đã hiểu rõ những nội dung cốt lõi.'; else if(score>=6) msg='Khá tốt. Hãy ôn lại những câu còn sai để củng cố thêm.'; else if(score>=4) msg='Cần ôn tập thêm. Đọc lại phần lý thuyết và thử lại nhé.'; else msg='Hãy đọc kỹ lại phần lý thuyết bên trái trước khi làm lại.'; var color=score>=8?'#27500A':score>=6?'#633806':'#791F1F'; var bg=score>=8?'#EAF3DE':score>=6?'#FAEEDA':'#FCEBEB'; var border=score>=8?'#639922':score>=6?'#ba7517':'#a32d2d'; var el=document.createElement('div'); el.id='quiz-result'; el.style.cssText='margin-top:20px;border-radius:10px;overflow:hidden;border:1px solid '+border; el.innerHTML= '<div style="background:'+border+';padding:14px 18px;text-align:center">' +'<div style="font-size:11px;font-weight:500;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px">Kết quả bài trắc nghiệm</div>' +'<div style="font-size:12px;color:rgba(255,255,255,0.85)">Chủ đề: Các ứng cử viên chọn dụng thần</div>' +'</div>' +'<div style="background:'+bg+';padding:18px;text-align:center">' +'<div style="font-size:13px;color:'+color+';margin-bottom:10px">Chúc mừng bạn đã hoàn thành bài trắc nghiệm!</div>' +'<div style="font-size:28px;font-weight:700;color:'+color+';margin-bottom:4px">'+score+' <span style="font-size:16px;font-weight:400">/ 10</span></div>' +'<div style="font-size:11px;color:'+color+';margin-bottom:14px;opacity:.8">Tỉ lệ đúng: '+pct+'%</div>' +'<div style="width:100%;height:6px;background:rgba(0,0,0,0.1);border-radius:3px;margin-bottom:14px">' +'<div style="width:'+pct+'%;height:6px;background:'+border+';border-radius:3px;transition:width .6s"></div>' +'</div>' +'<div style="font-size:12px;color:'+color+';line-height:1.6">'+msg+'</div>' +'</div>'; document.getElementById('tab-tn').appendChild(el); setTimeout(function(){el.scrollIntoView({behavior:'smooth',block:'nearest'});},200); } go('root');updateHint(); </script> </body> </html> " title="Bat Tu Tu Binh"> </iframe> </div>
