:root{
  --nen:#ffffff; --nen2:#faf6ee; --the:#ffffff; --the2:#f7f3ea;
  --vang:#b91c1c; --vang-dam:#8f1414; --chu:#16130e; --chu-mo:#6b6151;
  --vien:#ddd3bd; --do:#b91c1c; --xanh:#177245;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(180deg,var(--nen) 0%,var(--nen2) 60%,var(--nen) 100%);color:var(--chu);min-height:100vh}
.hero{text-align:center;padding:34px 16px 8px;position:relative}
.sao-nen{color:var(--vang);opacity:.5;letter-spacing:10px;font-size:14px}
.hero h1{margin:8px 0 4px;font-size:40px;letter-spacing:3px;font-weight:800}
.hero h1 span{color:var(--vang)}
.tag{margin:2px 0;color:var(--chu-mo);font-size:16px}
.rieng-tu{margin:10px auto 0;max-width:560px;color:var(--xanh);font-size:13.5px;background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);padding:8px 12px;border-radius:10px}
main{max-width:860px;margin:0 auto;padding:14px 12px 30px}
.the{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:18px;margin:14px 0}
.the h2{margin:0 0 12px;font-size:21px}
.the h3{margin:0 0 10px;font-size:18px;color:var(--vang)}
.tieu-muc{text-align:center;color:var(--vang);letter-spacing:1px;margin:20px 0 6px}
.truong{display:block;margin:12px 0}
.truong>span{display:block;margin-bottom:6px;color:var(--chu-mo);font-size:14px}
.truong input[type=text],.truong select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--vien);background:var(--the2);color:var(--chu);font-size:16px}
.hang-ngay{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:8px}
.nut-gom{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nut-gom button{padding:12px;border-radius:10px;border:1px solid var(--vien);background:var(--the2);color:var(--chu-mo);font-size:16px;cursor:pointer}
.nut-gom button.on{background:var(--vang);color:#ffffff;font-weight:700;border-color:var(--vang)}
.dong-nhuan-an{align-items:center;gap:8px;color:var(--chu-mo);font-size:15px}
.dong-nhuan-an input{width:20px;height:20px}
.btn-chinh{width:100%;padding:15px;margin-top:8px;border:none;border-radius:12px;background:linear-gradient(90deg,var(--vang-dam),var(--vang));color:#ffffff;font-size:18px;font-weight:800;cursor:pointer}
.btn-chinh:active{transform:scale(.99)}
.chu-thich{color:var(--chu-mo);font-size:13.5px;text-align:center;margin:10px 0 2px}
.loi{background:rgba(185,28,28,.06);border:1px solid rgba(185,28,28,.45);color:var(--do);padding:10px 12px;border-radius:10px;font-size:15px}
.mien-phi{background:var(--xanh);color:#ffffff;font-size:12px;padding:2px 8px;border-radius:20px;vertical-align:middle;font-weight:800}
.la-so{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(118px,auto));gap:5px;margin:10px 0 4px}
.o-cung{background:var(--the);border:1px solid var(--vien);border-radius:8px;padding:6px 7px;font-size:12px;overflow:hidden}
.o-menh{border-color:var(--vang);box-shadow:0 0 0 1px var(--vang) inset;background:#fdeeee}
.o-than{border-style:dashed}
.o-dau{display:flex;justify-content:space-between;border-bottom:1px solid var(--vien);padding-bottom:3px;margin-bottom:4px}
.o-ten{font-weight:700;color:var(--vang);font-size:12.5px}
.o-chi{color:var(--chu-mo)}
.o-sao{line-height:1.5}
.sao-chinh{font-weight:700;font-size:13.5px;color:#fff}
.sao-phu{color:var(--chu-mo);font-size:11.5px;margin-right:2px}
.o-phu{line-height:1.45;margin-top:2px}
.o-phu.nho{opacity:.75}
.sang{color:var(--vang);font-weight:400;font-size:11px}
.hoa{font-size:10.5px;padding:0 5px;border-radius:8px;background:#413374;color:#fff}
.hoa-Lộc{background:#2e7d4f}.hoa-Quyền{background:#8c5a12}.hoa-Khoa{background:#2a5f9e}.hoa-Kỵ{background:#8c2f2f}
.vo-chinh{color:var(--chu-mo);font-style:italic}
.o-cuoi{margin-top:4px;color:var(--chu-mo);font-size:11px;border-top:1px dashed var(--vien);padding-top:3px}
.o-giua{background:var(--the2);border:1px solid var(--vang-dam);border-radius:8px;padding:10px;text-align:center;font-size:13.5px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.g-ten{font-size:17px;font-weight:800;color:var(--vang)}
.g-dong{color:var(--chu)}
.g-canh-bao{color:var(--do);font-size:12.5px}
.btn-in{margin:6px auto 0;padding:8px 14px;border-radius:9px;border:1px solid var(--vang);background:transparent;color:var(--vang);cursor:pointer;font-size:14px}
.noi-dung-luan p{line-height:1.65;margin:8px 0;font-size:15.5px}
.luan-phu{color:var(--chu-mo);font-size:14.5px}
.dong-cung{display:grid;grid-template-columns:92px 1fr;gap:2px 10px;padding:8px 0;border-bottom:1px dashed var(--vien)}
.dong-cung:last-child{border-bottom:none}
.dc-ten{font-weight:700;color:var(--vang)}
.dc-giai{color:var(--chu-mo);font-size:13.5px}
.dc-sao{grid-column:2;font-size:14.5px}
.hang-chip{display:flex;flex-wrap:wrap;gap:7px}
.chip-dv{background:var(--the2);border:1px solid var(--vien);border-radius:20px;padding:6px 11px;font-size:13px}
.khoa-ban{border-color:var(--vang-dam);background:linear-gradient(180deg,#241d52,#1d1840)}
.khoa-ban p{line-height:1.6;font-size:15px}
.giai-thich p{line-height:1.65;color:var(--chu-mo);font-size:14.5px}
footer{text-align:center;color:var(--chu-mo);font-size:13px;padding:8px 16px 30px}
@media (max-width:560px){
  .hero h1{font-size:32px}
  .la-so{grid-template-rows:repeat(4,minmax(104px,auto));gap:4px}
  .o-cung{font-size:10.5px;padding:5px}
  .o-ten{font-size:11px}
  .sao-chinh{font-size:11.5px}
  .sao-phu{font-size:10px}
  .o-giua{font-size:11.5px;padding:6px}
  .g-ten{font-size:14px}
  .o-dau{flex-direction:column;gap:0}
  .o-chi{font-size:10px}
  .o-cuoi{font-size:10px}
  .dong-cung{grid-template-columns:78px 1fr}
}
@media print{
  body{background:#fff;color:#000}
  .hero,.nhap-lieu,.khoa-ban,.giai-thich,footer,.btn-in{display:none}
  .the,.o-cung,.o-giua{background:#fff;border-color:#999;color:#000}
  .o-ten,.g-ten,.the h3{color:#000}
  .sao-chinh{color:#000}.sao-phu,.o-chi,.o-cuoi,.g-dong{color:#333}
}

/* --- Bản dễ hiểu --- */
.btn-cta{display:block;margin:16px auto 4px;padding:15px 26px;border:none;border-radius:14px;background:linear-gradient(90deg,var(--vang-dam),var(--vang));color:#ffffff;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 4px 18px rgba(185,28,28,.28)}
.btn-cta:active{transform:scale(.98)}
.goi-y{color:var(--chu-mo);font-size:13.5px;line-height:1.55;margin:7px 0 0}
.truong>span i{color:var(--chu-mo);font-size:12.5px}
.cach-doc{color:var(--chu-mo);font-size:14.5px;line-height:1.6;text-align:center;max-width:640px;margin:6px auto 2px}
.the-tom-tat{border-color:var(--vang);background:linear-gradient(180deg,#2c2260,#211a49);font-size:16px;line-height:1.65}
.the-tom-tat p{margin:7px 0}
.tt-ten{font-size:20px;font-weight:800;color:var(--vang);margin-bottom:4px}
.canh-bao{color:var(--do);font-size:14.5px}
.khoi-sao{border-top:1px dashed var(--vien);padding:10px 0 4px}
.khoi-sao:first-child{border-top:none;padding-top:2px}
.khoi-sao h4{margin:0 0 6px;color:var(--vang);font-size:17px}
.khoi-sao p{margin:5px 0;line-height:1.65;font-size:15.5px}
.chu-mo{color:var(--chu-mo);font-size:14.5px;line-height:1.6}
.giai-cung{color:var(--chu-mo);font-size:14.5px;line-height:1.6;margin:0 0 8px}
.the-cung-phang p{line-height:1.65;font-size:15.5px;margin:6px 0}
.ten-goc{color:var(--chu-mo);font-size:13px;font-weight:400}
.dong-dv{display:flex;gap:12px;align-items:baseline;padding:9px 10px;border-bottom:1px dashed var(--vien);font-size:15px}
.dong-dv:last-child{border-bottom:none}
.dv-tuoi{font-weight:700;color:var(--vang);white-space:nowrap;min-width:108px}
.dv-nay{background:rgba(232,196,118,.10);border-radius:8px}
.nhan-nay{color:var(--xanh)}
details.la-so-goc summary{cursor:pointer;font-size:17px;font-weight:700;color:var(--vang);padding:4px 0}
details.la-so-goc{cursor:default}

.mien-phi{white-space:nowrap}

/* --- Luận Mệnh chi tiết --- */
.nhan-sang{background:#413374;color:#fff;font-size:12px;padding:2px 9px;border-radius:12px;vertical-align:middle;white-space:nowrap}
.khoi-tohop,.khoi-phu,.khoi-tomlai{border-top:1px dashed var(--vien);padding:12px 0 4px;margin-top:6px}
.khoi-tohop h4,.khoi-phu h4,.khoi-tomlai h4{margin:0 0 7px;color:var(--vang);font-size:16.5px}
.khoi-tohop p,.khoi-phu p,.khoi-tomlai p{margin:6px 0;line-height:1.65;font-size:15.5px}
.nhan-cong{color:var(--xanh);font-size:12.5px;font-weight:700;white-space:nowrap}
.nhan-dey{color:var(--do);font-size:12.5px;font-weight:700;white-space:nowrap}

/* ===== V3: Huyền ảo 3D ===== */
#bg-sao{position:fixed;inset:0;z-index:0;pointer-events:none}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(700px 420px at 50% 0%,rgba(185,28,28,.05),transparent 65%),
  radial-gradient(800px 600px at 50% 100%,rgba(190,160,100,.06),transparent 65%)}
header,main,footer{position:relative;z-index:1}
.hero h1{background:linear-gradient(180deg,#fff6d8,#e8c476 55%,#9c7c2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(232,196,118,.35));letter-spacing:5px}
.hero h1 span{color:transparent}
.the{background:linear-gradient(165deg,rgba(43,34,96,.88),rgba(25,20,58,.92));backdrop-filter:blur(6px);border:1px solid rgba(160,140,255,.28);box-shadow:0 10px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07)}
.the-tom-tat{background:linear-gradient(165deg,rgba(74,58,140,.92),rgba(34,26,80,.95));border-color:var(--vang)}
#thanh-tien-trinh{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#7a50dc,#e8c476);z-index:60;box-shadow:0 0 10px rgba(232,196,118,.8)}
#btn-nhac{position:fixed;right:14px;bottom:14px;z-index:55;width:52px;height:52px;border-radius:50%;border:1px solid rgba(232,196,118,.6);background:rgba(29,24,64,.9);font-size:22px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5)}
#btn-nhac.dang-phat{animation:nhacXoay 2.4s ease-in-out infinite alternate;border-color:var(--vang)}
@keyframes nhacXoay{from{transform:scale(1)}to{transform:scale(1.1) rotate(6deg)}}
.hom-nay{color:var(--chu-mo);font-size:14px;margin:8px 0 0}
#banh-xe{width:min(300px,72vw);margin:14px auto 2px;perspective:700px}
.wheel-khung{transition:transform .35s ease;transform-style:preserve-3d;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55))}
.wheel-3d{width:100%;height:auto;display:block}
.wheel-xoay{transform-origin:150px 150px;animation:wheelXoay 140s linear infinite}
@keyframes wheelXoay{to{transform:rotate(360deg)}}
.wheel-o{fill:rgba(46,36,102,.85);stroke:rgba(201,162,77,.5);stroke-width:1}
.wheel-o.wheel-menh{fill:rgba(232,196,118,.9);stroke:#ffe9a8;stroke-width:1.6}
.wheel-o.wheel-than{fill:rgba(122,80,220,.55)}
.wheel-chu{fill:#efeaf8;font-size:12.5px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.wheel-giua{fill:#efeaf8;font-size:15px;font-weight:700;text-anchor:middle}
.wheel-giua.to{fill:var(--vang);font-size:17px;letter-spacing:2px}
.wheel-giua.nho{fill:var(--chu-mo);font-size:12px}
@media (prefers-reduced-motion: reduce){.wheel-xoay{animation:none}#btn-nhac.dang-phat{animation:none}}
.hang-thao-tac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 2px}
.btn-phu{padding:10px 14px;border-radius:11px;border:1px solid var(--vang-dam);background:#fffdf7;color:var(--vang-dam);font-size:14.5px;cursor:pointer;font-weight:600}
.btn-phu:active{transform:scale(.97)}
.tt-thao-tac{color:var(--xanh);font-size:14px}
#muc-luc{position:sticky;top:6px;z-index:40;display:flex;gap:7px;overflow-x:auto;padding:8px 2px;margin:8px 0 2px;scrollbar-width:none}
#muc-luc::-webkit-scrollbar{display:none}
#muc-luc a{white-space:nowrap;text-decoration:none;color:var(--chu);background:rgba(29,24,64,.92);border:1px solid var(--vien);padding:8px 13px;border-radius:20px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
#phan-tinh-cach,#phan-doi-song,#phan-giai-doan,#phan-van-nam,#phan-loi-khuyen,#phan-la-so-goc{scroll-margin-top:64px}
.hang-nam{display:flex;gap:10px;align-items:center;margin:8px 0}
.vn-nam{font-size:18px;font-weight:800;color:var(--vang)}
.lk-hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.lk-hai-cot ul{margin:4px 0 8px;padding-left:20px}
.lk-hai-cot li{margin:6px 0;line-height:1.6;font-size:15px}
.lk-nen{color:var(--xanh);margin:4px 0}
.lk-tranh{color:var(--do);margin:4px 0}
@media (max-width:560px){.lk-hai-cot{grid-template-columns:1fr}}
.dong-luu{display:flex;gap:7px;align-items:center;margin:7px 0}
.chip-luu{flex:1;text-align:left;padding:11px 13px;border-radius:11px;border:1px solid var(--vien);background:var(--the2);color:var(--chu);font-size:15px;cursor:pointer}
.xoa-luu{width:38px;height:38px;border-radius:10px;border:1px solid var(--vien);background:transparent;color:var(--chu-mo);cursor:pointer}
.sh-khung{border:1px solid var(--vang-dam);border-radius:14px;padding:14px;background:rgba(232,196,118,.06)}
.sh-diem{font-size:44px;font-weight:800;color:var(--vang);line-height:1}
.sh-diem span{font-size:18px;color:var(--chu-mo)}
.sh-muc{font-size:19px;font-weight:700;margin:4px 0 8px}
.sh-khung p{line-height:1.65;font-size:15.5px}

/* ===== V4 ===== */
.btn-link{text-decoration:none;display:inline-block}
.btn-phu.dang-phat{border-color:var(--xanh);color:var(--xanh)}
.dong-ho{color:var(--vang);font-size:13.5px;margin-top:2px}
.the-sinh-nhat p{margin:2px 0;font-size:15.5px;line-height:1.65}
#phan-tu-hoa,#phan-diem-nhan{scroll-margin-top:64px}
.tu-hoa-muc{border-top:1px dashed var(--vien);padding:9px 0}
.tu-hoa-muc:first-child{border-top:none}
.tu-hoa-muc p{margin:2px 0;line-height:1.65;font-size:15.5px}
.dn-item{margin:9px 0;line-height:1.65;font-size:15.5px}
.the-cung-phang.dong .nd-phan{display:none}
.btn-xem-phan{float:right;padding:6px 11px;border-radius:9px;border:1px solid var(--vien);background:var(--the2);color:var(--vang);font-size:13px;cursor:pointer}
.the-cung-phan h3{overflow:hidden}
.hang-dieu-phan{display:flex;gap:8px;margin:4px 0 10px}
.btn-nho{padding:7px 12px;font-size:13.5px}
.td-muc{border-top:1px dashed var(--vien);padding:9px 0}
.td-muc summary{cursor:pointer;font-weight:700;color:var(--vang);font-size:16px}
.td-muc p{line-height:1.65;font-size:15px;margin:7px 0 2px}
.td-loai{color:var(--chu-mo);font-size:12.5px;font-weight:400}

/* ===== V5: luận sâu đã mở khóa ===== */
#phan-than,#phan-cach-cuc{scroll-margin-top:64px}
.khoi-tamphuong{border-top:1px dashed var(--vien);margin-top:14px;padding-top:10px}
.khoi-tamphuong p{line-height:1.65;font-size:15.5px}
.de-muc-nho{margin:12px 0 4px}
.tong-cung{border-top:1px dashed var(--vien);margin-top:12px;padding-top:10px;line-height:1.65;font-size:15.5px}
.dv-khoi{border-top:1px dashed var(--vien);padding:6px 0}
.dv-khoi:first-child{border-top:none}
.dv-sau summary{cursor:pointer;color:var(--xanh);font-size:14.5px;padding:4px 0 6px}
.dv-sau-nd{padding:2px 0 8px}
.dv-sau-nd p{line-height:1.65;font-size:15px}
.cc-item{border-top:1px dashed var(--vien);padding:10px 0}
.cc-item:first-child{border-top:none}
.cc-item p{margin:3px 0;line-height:1.65;font-size:15.5px}
.ds-mo-khoa{margin:8px 0 8px 18px;line-height:1.7;font-size:15.5px}
.ds-mo-khoa li{margin:5px 0}


/* ===== V6: tông trắng – đen – đỏ ===== */
.the{box-shadow:0 2px 16px rgba(60,40,10,.07)}
.the h3{color:#16130e}
.tieu-muc{color:#16130e}
.hero h1{background:none;-webkit-background-clip:initial;background-clip:initial;color:#16130e;filter:none}
.hero h1 span{color:#b91c1c}
#thanh-tien-trinh{background:#b91c1c;box-shadow:none}
#btn-nhac{background:#ffffff;border-color:#b91c1c;box-shadow:0 4px 14px rgba(0,0,0,.16)}
#muc-luc a{background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.wheel-khung{filter:drop-shadow(0 14px 20px rgba(80,60,20,.18))}
.wheel-o{fill:#fffdf7;stroke:#d9cfb8}
.wheel-o.wheel-menh{fill:#fbdcdc;stroke:#b91c1c;stroke-width:1.6}
.wheel-o.wheel-than{fill:#efe9da;stroke:#a08c5a}
.wheel-chu{fill:#16130e}
.wheel-giua{fill:#16130e}
.wheel-giua.to{fill:#b91c1c}
.wheel-giua.nho{fill:#6b6151}
.dv-nay{background:rgba(185,28,28,.07)}
.sh-khung{border-color:#b91c1c;background:rgba(185,28,28,.04)}
.khoi-sao h4{color:#b91c1c}
#ket-qua b{color:#b91c1c}
#ket-qua .btn-phu b,#ket-qua button b{color:inherit}
.tt-ten{color:#b91c1c}
.sao-chinh{color:#b91c1c;font-weight:700}
.o-ten{color:#b91c1c}
.nhan-nay{color:#b91c1c}

.khoa-ban{background:#fdf6ec}

.the{background:#ffffff;border-color:var(--vien)}
.nhan-sang{background:#b91c1c}
.chip-do{border:1px solid #b91c1c;color:#b91c1c;border-radius:10px;padding:0 7px;font-size:12px}

/* ===== V7: điểm tổng quan, chuyên đề, in báo cáo ===== */
#phan-diem,#phan-chuyen-de{scroll-margin-top:64px}
.diem-hang{display:flex;align-items:center;gap:10px;margin:9px 0}
.diem-nhan{width:118px;flex:none;font-weight:600;font-size:15px}
.diem-thanh{flex:1;height:10px;background:#f0e9da;border-radius:6px;overflow:hidden}
.diem-day{display:block;height:100%;background:#b91c1c;border-radius:6px}
.diem-so{width:56px;flex:none;color:#b91c1c;font-weight:700;font-size:14.5px}
.diem-muc{flex:none;font-size:13.5px;color:var(--chu-mo);width:96px}
.cd-nuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.cd-nuts button{padding:9px 14px;border-radius:20px;border:1px solid var(--vien);background:var(--the2);color:var(--chu);font-size:14.5px;cursor:pointer}
.cd-nuts button.on{background:#b91c1c;border-color:#b91c1c;color:#fff;font-weight:700}
.cd-ten-cung{margin:16px 0 4px;color:#b91c1c;font-size:16.5px}
.sh-sau{border-top:1px dashed var(--vien);margin-top:10px;padding-top:8px}
.vn-tuhoa{border-top:1px dashed var(--vien);margin-top:10px;padding-top:6px}
@media print{
  header.hero,#muc-luc,.hang-thao-tac,#btn-nhac,#so-hop,#tu-dien,.nhap-lieu,#da-luu,#thanh-tien-trinh,#bg-sao{display:none !important}
  .the-cung-phang .nd-phan{display:block !important}
  .the{box-shadow:none;border-color:#bbb;break-inside:avoid}
  body{background:#fff}
}
@media (max-width:520px){
  .diem-hang{flex-wrap:wrap;row-gap:4px}
  .diem-nhan{width:auto}
  .diem-thanh{order:3;flex-basis:100%}
  .diem-muc{width:auto;margin-left:auto}
}

/* ===== V8: bảng lá số trình bày lại theo phong cách truyền thống ===== */
.la-so{grid-template-rows:repeat(4,minmax(158px,auto));gap:0;border:2px solid #b91c1c;border-radius:10px;overflow:hidden;background:#fff}
.o-cung{border:0;border-right:1px solid #e3dac6;border-bottom:1px solid #e3dac6;border-radius:0;display:flex;flex-direction:column;padding:5px 6px 4px;background:#fff;font-size:12px}
.o-menh{background:#fdf1f0;box-shadow:inset 0 0 0 2px #b91c1c}
.o-dau{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #e3dac6;padding-bottom:3px;gap:4px}
.o-canchi{font-size:10.5px;color:#6b6151;white-space:nowrap}
.o-ten{font-weight:800;font-size:12.5px;letter-spacing:.4px;color:#16130e;text-align:center}
.o-menh .o-ten{color:#b91c1c}
.o-tuoidv{font-size:11px;font-weight:700}
.badge-than{background:#b91c1c;color:#fff;font-size:9.5px;padding:1px 6px;border-radius:8px;vertical-align:2px;letter-spacing:0;font-weight:700}
.o-sao{text-align:center;padding:4px 0 2px}
.o-sao .sao-chinh{display:block;font-size:14.5px;font-weight:800;line-height:1.5}
.sang{color:#c0272d;font-size:10.5px;font-weight:700}
.sang-full{color:#c0272d;font-size:10px;font-weight:400}
.hoa-badge{display:inline-block;font-size:9.5px;font-weight:700;padding:0 5px;border-radius:7px;vertical-align:2px;line-height:1.55}
.hoa-tot{background:#e2f2e6;color:#177245;border:1px solid #9fd3ae}
.hoa-ky{background:#16130e;color:#fff}
.o-phu{columns:2;column-gap:8px;padding:2px 1px;flex:1}
.o-phu .sao-phu{display:block;font-size:10.8px;line-height:1.55;color:#8a8378;break-inside:avoid;font-weight:400}
.o-phu .phu-noi{color:#16130e;font-weight:700}
.o-cuoi{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3dac6;padding-top:3px;margin-top:2px;min-height:20px}
.o-chi-duoi{font-weight:800;font-size:11.5px}
.o-trangsinh{font-weight:700;font-size:11px}
.pill-den{background:#16130e;color:#fff;font-size:9px;padding:1px 6px;border-radius:8px;margin-left:3px;font-weight:700}
.o-giua{position:relative;overflow:hidden;background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 12px;gap:5px}
.g-moc{position:absolute;width:250px;height:250px;border:3px solid rgba(185,28,28,.06);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.g-moc::after{content:"";position:absolute;inset:26px;border:2px solid rgba(185,28,28,.05);border-radius:50%}
.g-con{position:absolute;top:10px;right:10px;background:#b91c1c;color:#fff;writing-mode:vertical-rl;font-size:11px;font-weight:800;letter-spacing:3px;padding:8px 3px;border-radius:4px;transform:rotate(3deg)}
.g-brand{color:#b91c1c;font-weight:800;letter-spacing:4px;font-size:13px;position:relative}
.g-title{font-size:21px;font-weight:800;letter-spacing:2px;position:relative}
.g-ten{font-size:19px;font-weight:800;color:#b91c1c;position:relative}
.g-dong{font-size:12.5px;position:relative}
.g-tru{display:flex;gap:5px;margin:3px 0;position:relative;flex-wrap:wrap;justify-content:center}
.g-tru-o{border:1px solid #ddd3bd;border-radius:6px;padding:3px 7px;font-size:11.5px;font-weight:700;background:#fff}
.g-tru-o i{display:block;font-style:normal;font-weight:400;font-size:9.5px;color:#6b6151}
.g-foot{font-size:11px;color:#b91c1c;font-weight:700;position:relative}
.chu-giai{border-top:1px dashed var(--vien);margin-top:10px;padding-top:8px}
.chu-giai p{font-size:13.5px;margin:5px 0;line-height:1.6}
.cham{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px}
.btn-anh-la-so{max-width:520px;margin:0 auto}
.hang-anh-la-so{text-align:center;margin:8px 0 12px}
@media (max-width:700px){
  .bang-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .la-so{min-width:620px}
  .o-ten{font-size:11.5px}
  .o-sao .sao-chinh{font-size:13px}
  .o-phu .sao-phu{font-size:10.3px}
  .g-dong{font-size:11.5px}
  .g-tru-o{font-size:10px;padding:2px 5px}
  .g-con{display:none}
}
@media print{ .hang-anh-la-so{display:none} }

/* ===== V9: tự lưu thông tin đã nhập ===== */
.btn-xoa-luu{background:none;border:none;color:var(--vang);text-decoration:underline;cursor:pointer;font:inherit;padding:0}

/* ===== V10: chatbox tra sao + từ điển dạng pop-up ===== */
#btn-chat{position:fixed;left:16px;bottom:18px;z-index:65;background:var(--vang);color:#fff;border:none;padding:12px 18px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer;font-family:inherit}
#hop-chat{position:fixed;left:16px;bottom:74px;z-index:66;width:min(92vw,360px);height:min(70vh,480px);background:#fff;border:1px solid var(--vien);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.22);flex-direction:column;overflow:hidden}
.chat-dau{display:flex;justify-content:space-between;align-items:center;background:var(--vang);color:#fff;padding:10px 14px}
.chat-tieu-de{font-weight:800}
#chat-dong{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;font-family:inherit}
.chat-than{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fffdf8}
.tin{max-width:88%;padding:8px 11px;border-radius:12px;font-size:14px;line-height:1.55}
.tin-bot{background:#f3ecdd;align-self:flex-start;border-bottom-left-radius:4px}
.tin-khach{background:var(--vang);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chat-loai{color:#6b6151;font-size:12px}
.chat-goi-y{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-top:1px dashed var(--vien)}
.chat-chip{background:#fff;border:1px solid var(--vang);color:var(--vang);border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer;font-family:inherit}
.chat-nhap{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--vien)}
#chat-o{flex:1;padding:9px 11px;border:1px solid var(--vien);border-radius:9px;font:inherit;min-width:0}
#chat-gui{background:var(--vang);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-family:inherit}
.modal-td{position:fixed;inset:0;z-index:80;background:rgba(22,19,14,.55);align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px}
.modal-hop{background:#fff;border-radius:14px;max-width:660px;width:100%;padding:22px;position:relative;margin:auto}
.modal-dong{position:absolute;top:10px;right:12px;background:none;border:none;font-size:26px;cursor:pointer;color:var(--vang);line-height:1;font-family:inherit}
.modal-hop #td-ds{max-height:55vh;overflow-y:auto}
@media print{ #modal-td,#hop-chat,#btn-chat{display:none !important} }

/* ===== V11: sao vòng + số thứ tự cung trong bảng lá số ===== */
.o-phu .sao-vong{color:#9a7b4f}
.o-t{color:#8a8378;font-size:10px;margin-left:6px}

/* ===== V12: chia sao tốt / sao xấu trong ô cung ===== */
.o-phu .sao-cat{color:#16130e;font-weight:700}
.o-phu .sao-hung{color:#b91c1c;font-weight:600}

/* ===== Phi hóa theo can từng cung (A2) ===== */
.o-phi{font-size:10.5px;line-height:1.55;color:#8a6d1b;margin-top:2px;border-top:1px dashed var(--vien);padding-top:2px}
.o-phi .phi-tu{color:#b91c1c}

/* ===== Vòng Thái Tuế (A1) ===== */
.o-tt{font-size:10.5px;line-height:1.5;color:#7a6a3f;margin-top:2px}
.o-tt b{color:#6d5c2e}

/* ===== V13: phong cách Á Đông truyền thống + tài khoản/gói + khóa + tab chi tiết ===== */
:root{ --giay:#faf6ee; --muc:#241c10; --chi-dao:#b91c1c; --vang-kim:#a67c1a; --ngoc:#2f5d50; }
body{ background:var(--giay); }
h1, h2, .the h3, .g-title{ font-family:"Noto Serif", "Times New Roman", serif; }
.hero h1{ letter-spacing:3px; }
.dau-an{ display:inline-block; margin:10px auto 0; width:44px; height:44px; line-height:44px; text-align:center; background:var(--chi-dao); color:#fdf8ec; font-family:"Noto Serif", serif; font-weight:900; font-size:24px; border-radius:7px; box-shadow:0 0 0 2px #fdf8ec, 0 0 0 4px var(--chi-dao); transform:rotate(-3deg); }
.hero{ border-bottom:3px double var(--vang-kim); }
.the{ background:#fffdf7; border:1px solid var(--vien); box-shadow:0 1px 0 rgba(166,124,26,.15), 0 8px 24px rgba(36,28,16,.05); position:relative; }
.the::before{ content:""; position:absolute; top:6px; left:6px; right:6px; height:0; border-top:1px solid rgba(166,124,26,.35); pointer-events:none; }
.the h3{ color:var(--muc); border-bottom:2px solid rgba(185,28,28,.65); padding-bottom:6px; }
.hang-nut{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.hang-nut .btn-chinh{ width:auto; flex:1; margin-top:0; }
.hang-nut .btn-phu{ flex:1; text-align:center; }
.tk-google{ margin-top:12px; display:flex; justify-content:center; min-height:40px; }
/* Bảng giá */
.gia-luoi{ display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; margin-top:10px; }
.gia-the{ border:1px solid var(--vien); border-radius:12px; padding:14px 12px; background:#fff; display:flex; flex-direction:column; gap:6px; }
.gia-the h4{ margin:0; font-size:16px; }
.gia-so{ font-family:"Noto Serif", serif; font-size:22px; font-weight:900; color:var(--chi-dao); margin:0; }
.gia-the ul{ margin:0; padding-left:18px; font-size:14px; line-height:1.55; flex:1; }
.gia-the .btn-chinh{ font-size:15px; padding:12px; }
.gia-noi-bat{ border:2px solid var(--chi-dao); background:#fdf3f0; position:relative; }
.gia-nhan{ position:absolute; top:-11px; left:12px; background:var(--chi-dao); color:#fff; font-size:12px; font-weight:700; padding:2px 8px; border-radius:99px; margin:0; }
#mua-ket-qua .don-box{ border:1px dashed var(--vang-kim); background:#fdf8ec; border-radius:12px; padding:12px; margin-top:12px; font-size:15px; line-height:1.6; }
#mua-ket-qua .don-box b.ma-don{ font-size:19px; color:var(--chi-dao); letter-spacing:1px; }
/* Khóa nội dung gói trả phí */
.khoa{ position:relative; }
.khoa > *:not(.khoa-box){ filter:blur(5px); opacity:.5; pointer-events:none; user-select:none; }
.khoa > h3{ filter:none !important; opacity:1 !important; pointer-events:auto !important; }
.khoa-box{ position:relative; z-index:2; margin-top:10px; border:1.5px solid var(--chi-dao); background:#fdf3f0; border-radius:12px; padding:14px; text-align:center; }
.khoa-box p{ margin:0 0 10px; font-size:15px; }
.khoa-box .hang-nut{ justify-content:center; }
/* Rút gọn trang chính + nút xem tab riêng */
.an-bot{ display:none !important; }
.xem-tab-bar{ margin-top:12px; text-align:center; }
.xem-tab-bar .btn-phu{ min-height:44px; padding:10px 18px; }
/* Chế độ tab chi tiết */
body.che-do-chitiet header.hero, body.che-do-chitiet .nhap-lieu, body.che-do-chitiet #da-luu,
 body.che-do-chitiet #so-hop,
body.che-do-chitiet #btn-nhac, body.che-do-chitiet #nut-chat, body.che-do-chitiet #khung-chat,
body.che-do-chitiet #muc-luc, body.che-do-chitiet .thao-tac{ display:none !important; }
.thanh-chitiet{ display:none; }
body.che-do-chitiet .thanh-chitiet{ display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
body.che-do-chitiet #ket-qua{ display:block !important; }
/* Tối ưu điện thoại */
@media (max-width:640px){
  input, select, textarea{ font-size:16px !important; }
  button, .btn-phu, .btn-chinh, .chip{ min-height:44px; }
  .the{ padding:14px 12px; }
  .gia-luoi{ grid-template-columns:1fr 1fr; }
  .gia-the ul{ font-size:13px; }
  h1{ font-size:30px; }
}
.qr-box{ text-align:center; margin:12px 0 6px; }
.qr-box canvas{ border:6px solid #fff; box-shadow:0 0 0 1px var(--vien), 0 6px 18px rgba(36,28,16,.12); border-radius:8px; background:#fff; }
#tt-don{ display:block; margin-top:8px; font-size:14.5px; }

/* ===== V14: bảng lá số vừa khung mobile — không cuộn ngang, ô cung xếp gọn ===== */
@media (max-width:640px){
  .bang-cuon{ overflow:visible; }
  #la-so-grid.la-so{ width:100%; min-width:0; grid-template-rows:repeat(4,auto); }
  #la-so-grid .o-cung{ padding:4px 3px; min-width:0; }
  #la-so-grid .o-dau{ flex-direction:column; align-items:center; gap:0; text-align:center; }
  #la-so-grid .o-canchi{ font-size:9.5px; }
  #la-so-grid .o-ten{ font-size:11px; }
  #la-so-grid .o-tuoidv{ font-size:10px; }
  #la-so-grid .o-sao .sao-chinh{ font-size:12.5px; }
  #la-so-grid .o-sao .sang{ font-size:10px; }
  #la-so-grid .o-phu{ columns:1; column-gap:0; }
  #la-so-grid .o-phu .sao-phu{ font-size:10px; line-height:1.5; }
  #la-so-grid .o-cuoi{ flex-wrap:wrap; gap:2px; font-size:9.5px; }
  #la-so-grid .pill-den{ font-size:8.5px; padding:1px 5px; }
  #la-so-grid .o-giua{ padding:8px 6px; font-size:11.5px; gap:3px; }
  #la-so-grid .g-title{ font-size:15px; }
  #la-so-grid .g-ten{ font-size:15px; }
  #la-so-grid .g-dong{ font-size:11px; }
  #la-so-grid .g-tru{ gap:4px; }
  #la-so-grid .g-tru-o{ font-size:10px; padding:2px 5px; }
  #la-so-grid .btn-in{ font-size:12px; padding:8px 10px; }
}

/* ===== V16: 9 tính năng mới ===== */
.khoa-nhan{background:#b91c1c;color:#fff;font-size:12px;padding:2px 8px;border-radius:20px;vertical-align:middle;font-weight:800;white-space:nowrap}
.the-con{border:1px solid #e3dac6;border-radius:10px;padding:14px;margin:12px 0;background:#fffdf7}
.dong-ngay{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #e3dac6}
.dong-ngay b{color:#b91c1c}
.ten-goi-y{display:inline-block;background:#fdf1f0;border:1px solid #e3dac6;border-radius:20px;padding:6px 12px;margin:4px;font-weight:700}
.chu-mo{color:#6b6151;font-size:13px}

/* ===== V16b: giao diện chọn ngày tốt dễ đọc trên điện thoại ===== */
.diem-ngay{background:#b91c1c;color:#fff;border-radius:20px;padding:2px 10px;white-space:nowrap;font-weight:800;font-size:13px}
.ly-do-ngay{color:#6b6151;font-size:13px;margin:2px 0 10px;line-height:1.5}
.giai-thich-ngay{background:#fffdf7;border:1px solid #e3dac6;border-radius:10px;padding:10px 12px;margin:8px 0}
.giai-thich-ngay p{margin:6px 0;font-size:14px;line-height:1.6}
@media (max-width:640px){ #cong-cu .hang-ngay{grid-template-columns:1fr} }

/* ===== V17: thanh đầu + avatar + hộp khóa gọn ===== */
.thanh-dau{position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:rgba(250,246,238,.97);border-bottom:1px solid #e3dac6}
.logo-dau{font-family:'Noto Serif',serif;font-weight:900;font-size:20px;letter-spacing:.5px;color:#16130e;text-decoration:none}
.logo-dau span{color:#b91c1c}
.btn-dang-nhap{background:#b91c1c;color:#fff;border:none;border-radius:20px;padding:9px 18px;font-weight:800;font-size:15px;cursor:pointer}
.btn-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #b91c1c;padding:0;overflow:hidden;cursor:pointer;background:#fdf1f0}
.btn-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.btn-avatar.chu-cai{font-size:20px;font-weight:800;color:#b91c1c}
.hang-avatar{display:flex;gap:12px;align-items:center;margin:12px 0}
.avatar-lon{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #b91c1c}
.nut-file{cursor:pointer}
#muc-luc{top:60px}

/* ===== V18: menu avatar kiểu Adsterra ===== */
#khoi-tk-dau{position:relative}
.menu-avatar{position:absolute;top:calc(100% + 8px);right:0;background:#fffdf7;border:1px solid #e3dac6;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);padding:8px 0;min-width:250px;max-width:320px;z-index:70;text-align:left}
.menu-avatar .dong-menu{padding:7px 16px;font-size:14px;color:#5a5344;margin:0;word-break:break-all}
.menu-avatar .dong-menu b{color:#16130e}
.menu-avatar hr{border:none;border-top:1px solid #eee6d3;margin:6px 0}
.menu-avatar button{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer;color:#16130e}
.menu-avatar button:hover{background:#fdf1f0}

/* ===== V19: form đăng nhập + đơn hàng trong menu avatar ===== */
.menu-avatar{max-height:calc(100vh - 80px);overflow-y:auto}
.menu-avatar input[type=email],.menu-avatar input[type=password]{display:block;width:calc(100% - 32px);box-sizing:border-box;padding:11px 12px;margin:0 16px 8px;border:1px solid #e3dac6;border-radius:10px;font-size:15px;background:#fff}
.menu-avatar .btn-menu-chinh{display:block;width:calc(100% - 32px);padding:11px;border:none;border-radius:10px;background:#b91c1c;color:#fff;font-weight:800;font-size:15px;cursor:pointer;margin:2px 16px 8px}
.menu-avatar .btn-menu-phu{display:block;width:calc(100% - 32px);padding:11px;border:1px solid #b91c1c;border-radius:10px;background:#fff;color:#b91c1c;font-weight:700;font-size:15px;cursor:pointer;margin:0 16px 8px}
.menu-avatar .loi-menu{color:#b91c1c;font-size:13px;margin:0 16px 8px}
.menu-avatar .loi-menu:empty{display:none}
.menu-avatar .dong-menu.nho{font-size:13px;color:#8a8271}
.menu-avatar .dn-google{display:flex;justify-content:center;margin:2px 0 8px}
.menu-avatar .ds-don-menu{padding:2px 16px 8px;font-size:13px;color:#5a5344}
.menu-avatar .ds-don-menu p{margin:6px 0}

/* ===== V21: nút Nạp gói cạnh avatar ===== */
.dau-phai{display:flex;gap:10px;align-items:center}
.btn-nap-goi{background:#fff7e6;border:1.5px solid #b91c1c;color:#b91c1c;border-radius:20px;padding:9px 16px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-nap-goi:hover{background:#fdf1f0}

/* ===== V24: chân trang liên kết + chính sách ===== */
.chan-trang{max-width:760px;margin:28px auto 10px;text-align:center;color:#6b5d4f;font-size:14px;line-height:1.7;padding:0 16px}
.chan-trang a{color:#b91c1c}

/* ===== Nút hướng dẫn cài app trên iPhone (iOS không hỗ trợ cài 1 chạm) ===== */
#btn-cai-ios{background:#fff7e6;border:1.5px solid #b91c1c;color:#b91c1c;border-radius:20px;padding:9px 14px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit;white-space:nowrap}
#hop-cai-ios{position:fixed;inset:0;z-index:90;background:rgba(22,19,14,.55);padding:20px 14px;align-items:center;justify-content:center}
.cai-ios-hop{background:#faf6ee;border:1px solid var(--vien);border-radius:14px;max-width:430px;width:100%;padding:22px 20px;position:relative;max-height:86vh;overflow-y:auto}
.cai-ios-hop h3{margin:0 30px 12px 0;font-size:18px}
#cai-ios-dong{position:absolute;top:8px;right:12px;background:none;border:none;font-size:26px;cursor:pointer;color:#b91c1c;line-height:1;font-family:inherit}
.cai-ios-hop ol{margin:0 0 12px;padding-left:22px;line-height:1.7;font-size:15px}
.cai-ios-hop ol li{margin-bottom:8px}
.cai-ios-ghi-chu{font-size:14px;color:#6b6151;margin:0;line-height:1.6}

/* ===== Chặng vận ở tuổi rất cao hiện mờ (chu kỳ vận, không phải dự đoán tuổi thọ) ===== */
.o-tuoidv.dv-xa{opacity:.38}

/* --- Mục bài viết Sao-cung (D) --- */
.breadcrumb{font-size:13.5px;color:var(--chu-mo);margin:0 0 10px}
.breadcrumb a{color:var(--chu-mo)}
.bv-ngay{font-size:13px;color:#8a7f6a;margin:4px 0 10px}
.bv-mo-dau{font-weight:700;font-size:16.5px;line-height:1.65}
.bv-tom-tat{width:100%;border-collapse:collapse;margin:14px 0}
.bv-tom-tat td{border:1px solid var(--vien);padding:8px 10px;font-size:15px;vertical-align:top;line-height:1.55}
.bv-tom-tat td:first-child{font-weight:700;width:30%;background:#f7f1de}
.bv-bai{display:flex;gap:20px;align-items:flex-start}
.bv-noi-dung{flex:1;min-width:0}
.bv-phu{width:250px;flex:none;position:sticky;top:14px}
.bv-phu .the{margin:0 0 14px}
.bv-muc-luc ol{margin:6px 0 0;padding-left:20px;line-height:1.9;font-size:14.5px}
.bv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:12px 0}
.bv-card{background:#fffdf7;border:1px solid var(--vien);border-radius:12px;overflow:hidden}
.bv-card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.bv-card .bv-body{padding:12px 14px}
.bv-card h3{margin:0 0 6px;font-size:16.5px;line-height:1.4;border:none;padding:0}
.bv-card h3 a{color:var(--chu);text-decoration:none}
.bv-card p{margin:0 0 8px;color:var(--chu-mo);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bv-card .bv-ngay{margin:0}
.bv-noi-bat{margin:12px 0}
.bv-noi-bat .bv-card{display:flex}
.bv-noi-bat .bv-card a:first-child{flex:0 0 42%}
.bv-noi-bat .bv-card img{height:100%}
.bv-noi-bat .bv-card h3{font-size:19px}
.bv-noi-bat .bv-card p{-webkit-line-clamp:3}
.bv-ngang-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.bv-card.bv-ngang{display:flex}
.bv-card.bv-ngang a:first-child{flex:0 0 120px}
.bv-card.bv-ngang img{height:100%}
.bv-card.bv-ngang h3{font-size:15px}
.bv-card.bv-ngang p{-webkit-line-clamp:1}
@media(max-width:820px){.bv-bai{flex-direction:column}.bv-phu{width:100%;position:static}.bv-ngang-list{grid-template-columns:1fr}.bv-noi-bat .bv-card{display:block}.bv-noi-bat .bv-card a:first-child{flex:none}}