/*
Theme Name: LY ĐĂNG
Theme URI: https://www.lydangbeauty.com/
Author: LY ĐĂNG Beauty Center
Description: Giao diện riêng của LY ĐĂNG Beauty Center, chuyển y nguyên từ bản thiết kế chị duyệt 15/11/2026.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: lydang
*/
:root{ --bg:#FAF7F2;--bg2:#F1ECE2;--bg3:#ECE5DB;--surface:#FFFFFF; --ink:#1F2A2E;--soft:#46565B; --teal:#013C4C;--teal2:#0B5568;--chan:#012B38;--on-teal:#F7F3EA;--on-teal-soft:#EDF3F4; --gold:#C29A48;--gold-ink:#7A5C26; --logo:#013C4C;--xanh-nhan:#0B5163;--btn:#013C4C;--btn-h:#0B5568;--btn-ink:#F7F3EA; --line:rgba(1,60,76,.18);--tick:rgba(1,60,76,.4); --pin:#B3470A;--pin-bg:#FFF0E3;--m1:#C9D8DB;--m2:#CCE2D2;--m3:#EBDAB3;--m4:#E4BFAF; --f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Inter","Segoe UI",Roboto,Arial,sans-serif; --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Inter","Segoe UI",Roboto,Arial,sans-serif; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--f-body);-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums} body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:80} h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0} ul,ol{padding:0;list-style:none} a{color:inherit;text-underline-offset:.2em} button{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--gold);outline-offset:3px} .trong{width:100%;max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))} .bo-qua{position:absolute;left:-999px;top:0;background:var(--surface);color:var(--ink);padding:10px 14px;z-index:90} .bo-qua:focus{left:8px;top:8px} .thanh-duyet{background:var(--pin-bg);color:var(--pin);border-bottom:1px solid var(--pin);font-size:.82rem;line-height:1.45} .thanh-duyet-trong{display:flex;gap:8px 20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:8px} .thanh-duyet p{min-width:0;flex:1 1 320px} .chuyen{display:inline-flex;border:1px solid var(--pin);border-radius:999px;overflow:hidden;flex:none} .chuyen button{background:transparent;border:0;padding:6px 14px;cursor:pointer;font-weight:500;font-size:.82rem} .chuyen button[aria-pressed="true"]{background:var(--pin);color:var(--pin-bg)} .dau{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);border-bottom:1px solid var(--line)} .dau-trong{display:flex;align-items:center;gap:20px;min-height:68px} .logo{display:flex;flex-direction:column;text-decoration:none;line-height:1;flex:none} .logo-chinh{font:600 1.3rem/1 var(--f-display);letter-spacing:.16em;color:var(--logo)} .logo-phu{font:500 .6rem/1 var(--f-body);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-ink);margin-top:6px} .menu{display:flex;gap:6px 24px;margin-left:auto;font-size:.92rem;min-width:0} .menu a{text-decoration:none;padding:6px 0;border-bottom:1px solid transparent} .menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--gold)} .dau-phai{display:flex;align-items:center;gap:14px;flex:none} .goi-so{font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap} .menu-nut{display:none;background:transparent;border:1px solid var(--line);padding:8px 14px;border-radius:2px;cursor:pointer;font-size:.9rem} .nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85em 1.55em;border-radius:2px;border:1px solid transparent;font:500 .95rem/1.2 var(--f-body);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s} .nut-chinh{background:var(--btn);color:var(--btn-ink)} .nut-chinh:hover{background:var(--btn-h)} .nut-vang{background:var(--gold);color:#0B2A33} .nut-vang:hover{background:#C9A04E} .nut-vien{border-color:var(--line);color:inherit;background:transparent} .nut-vien:hover{border-color:var(--gold)} .dai-xanh .nut-vien{border-color:var(--xanh-nhan);color:var(--xanh-nhan)} .dai-xanh .nut-vien:hover{border-color:var(--btn-h);color:var(--btn-h)} .dai-xanh .nut-vang{background:var(--btn);color:var(--btn-ink)} .dai-xanh .nut-vang:hover{background:var(--btn-h)} .nho{padding:.6em 1.1em;font-size:.85rem} .nut-hang{display:flex;flex-wrap:wrap;gap:12px} .muc{padding-block:clamp(56px,8vw,104px)} .muc2{background:var(--bg2)} .dai-xanh{background:var(--bg3);color:var(--ink);--on-teal:var(--ink);--on-teal-soft:var(--soft);--gold:var(--gold-ink)} .nhan{font:600 .74rem/1.2 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--xanh-nhan)} .dai-xanh .nhan{color:var(--xanh-nhan)} h1{font:600 clamp(1.9rem,4.4vw,3rem)/1.12 var(--f-display);letter-spacing:-.02em;text-wrap:balance} h2{font:600 clamp(1.55rem,3.2vw,2.25rem)/1.18 var(--f-display);letter-spacing:-.018em;text-wrap:balance} h3{font:600 1.08rem/1.4 var(--f-body)} .tieu-muc{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:46rem} .lede{font-size:1.15rem;line-height:1.7;max-width:44rem;color:var(--soft)} .dai-xanh .lede{color:var(--on-teal-soft)} .thuoc-ngang{height:16px;margin-top:clamp(28px,4vw,44px);background-image:repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 40px);background-size:100% 6px,100% 14px;background-repeat:no-repeat;background-position:left bottom,left bottom;opacity:.7} .vun{display:flex;gap:8px;font-size:.85rem;color:var(--soft);margin-bottom:22px;flex-wrap:wrap} .dai-xanh .vun{color:var(--on-teal-soft)} .vun a{text-decoration:none} .vun a:hover{text-decoration:underline} .hero{padding-top:clamp(40px,7vw,84px)} .hero-luoi{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:center} .hero h1{font-size:clamp(2.2rem,5.4vw,3.9rem);line-height:1.07;font-weight:600;letter-spacing:-.025em} .hero h1 span{display:block} .hero h1 .vang{color:var(--xanh-nhan);font-weight:500} .hero-phu{margin-top:26px;font-size:1.15rem;line-height:1.7;max-width:36rem;color:var(--on-teal-soft)} .hero .nut-hang{margin-top:32px} .dai-bang-chung{margin-top:clamp(36px,6vw,64px);padding-block:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;font-size:.95rem} .dai-bang-chung a{text-decoration:none;font-weight:500} .dai-bang-chung a:hover{text-decoration:underline} .dai-bang-chung small{opacity:.75;font-size:.8rem;margin-left:auto} .bmi{justify-self:end;width:100%;max-width:360px;display:grid;gap:18px;padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 44px -32px rgba(1,60,76,.45)} .bmi-nhan{font:600 .74rem/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--xanh-nhan)} .bmi-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .bmi-o label{display:grid;gap:8px;font-size:.85rem;color:var(--on-teal-soft)} .bmi-vao{display:flex;align-items:baseline;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .2s} .bmi-vao:focus-within{border-color:var(--xanh-nhan)} .bmi-vao input{flex:1;width:100%;min-width:0;background:transparent;border:0;padding:0;color:var(--on-teal);font:500 1.5rem/1.2 var(--f-display);letter-spacing:-.01em} .bmi-vao input:focus{outline:none} .bmi-vao span{font-size:.85rem;color:var(--on-teal-soft)} .bmi-kq{display:grid;gap:6px;padding-top:16px;border-top:1px solid var(--line)} .bmi-so{display:flex;align-items:baseline;gap:12px;font:300 3.2rem/1 var(--f-display);letter-spacing:-.02em;color:var(--xanh-nhan)} .bmi-so small{font:600 .74rem/1 var(--f-body);letter-spacing:.16em;color:var(--soft)} .bmi-chu{font-size:.9rem;line-height:1.5;color:var(--on-teal-soft)} .bmi-nho{font-size:.78rem;line-height:1.45;color:var(--on-teal-soft);opacity:.8} .bmi-tiep{font-weight:500;font-size:.95rem;color:var(--xanh-nhan);text-decoration:none} .bmi-tiep:hover{text-decoration:underline} .bmi .ghim{margin:0} .ba-cot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .ba-cot>*{padding:4px clamp(18px,3vw,36px) 4px 0;min-width:0} .ba-cot>*+*{padding-left:clamp(18px,3vw,36px);border-left:1px solid var(--line)} .ba-cot h3{font:600 1.3rem/1.3 var(--f-display);letter-spacing:-.01em;margin-bottom:12px} .ba-cot p{color:var(--soft)} .tru-cot h3{font:600 1.22rem/1.3 var(--f-display);margin-bottom:10px;color:var(--xanh-nhan)} .xanh{color:var(--xanh-nhan)} .trich-lon{font:400 clamp(1.2rem,2.6vw,1.65rem)/1.5 var(--f-display);letter-spacing:-.01em;max-width:38em;text-wrap:pretty} .trich-lon+.ba-cot{margin-top:clamp(32px,5vw,56px)} .bang-chung-nho{margin-top:28px;font-size:.92rem;color:var(--soft)} .bang-chung-nho a{font-weight:500} .luoi-the{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .the-chon{display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;background:var(--surface);border:1px solid var(--line);border-radius:2px;text-decoration:none;min-width:0;transition:border-color .2s} .the-chon:hover{border-color:var(--gold)} .the-chon strong{font:600 1.18rem/1.3 var(--f-display)} .the-chon span{color:var(--soft);font-size:.95rem} .the-chon em{font-style:normal;margin-top:auto;padding-top:8px;font-size:.88rem;font-weight:500;color:var(--gold-ink)} .buoc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--tick)} .buoc li{position:relative;padding:30px 24px 0 0;min-width:0} .buoc li::before{content:"";position:absolute;left:0;top:-1px;width:1px;height:20px;background:var(--xanh-nhan)} .buoc li+li{padding-left:20px} .buoc li+li::before{left:0} .so{display:block;font:300 2.6rem/1 var(--f-display);color:var(--xanh-nhan);margin-bottom:12px} .buoc h3{margin-bottom:8px;font-size:1.05rem} .buoc p{color:var(--on-teal-soft);font-size:.97rem} .buoc-sang{border-top-color:var(--tick)} .buoc-sang .so{color:var(--gold-ink)} .buoc-sang p{color:var(--soft)} .buoc-sang li::before{background:var(--gold-ink)} .hai-buoc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,56px);border-top:1px solid var(--tick);padding-top:8px} .hai-buoc li{padding-top:26px;min-width:0} .hai-buoc h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin-bottom:12px} .hai-buoc p{color:var(--soft);max-width:30rem} .cau-chuyen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:start} .cau-chuyen blockquote{font:400 clamp(1.3rem,2.8vw,1.85rem)/1.45 var(--f-display);letter-spacing:-.01em;text-wrap:pretty} .cau-chuyen blockquote::before{content:"“";display:block;font-size:3.2rem;line-height:.7;color:var(--gold);margin-bottom:8px} .cau-chuyen .nguoi{display:flex;flex-direction:column;gap:18px;align-items:flex-start;color:var(--soft)} .cau-chuyen .nguoi strong{color:var(--ink);font-weight:600} .giai-ma-luoi{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:center} .giai-ma h2{font-size:clamp(1.7rem,3.8vw,2.7rem);line-height:1.12;margin-top:14px} .nhan-duoc{display:grid;gap:14px;margin-bottom:22px} .nhan-duoc li{padding-left:22px;position:relative} .nhan-duoc li::before{content:"";position:absolute;left:0;top:.82em;width:12px;height:1px;background:var(--gold-ink)} .khong-ep{font:500 1.05rem/1.4 var(--f-display);margin-bottom:24px} .giai-ma-luoi .nut{margin-top:4px} .luoi-ba{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .the-bai{display:flex;flex-direction:column;gap:12px;padding:24px 22px;border:1px solid var(--line);border-radius:2px;background:var(--surface);text-decoration:none;min-width:0;transition:border-color .2s} .the-bai:hover{border-color:var(--gold)} .the-bai .nhan{font-size:.68rem;color:var(--gold-ink)} .the-bai strong{font:600 1.15rem/1.35 var(--f-display)} .the-bai em{font-style:normal;margin-top:auto;padding-top:6px;font-size:.88rem;font-weight:500;color:var(--gold-ink)} .hoi{max-width:50rem} .hoi details{border-top:1px solid var(--line)} .hoi details:last-child{border-bottom:1px solid var(--line)} .hoi summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;font:500 1.08rem/1.45 var(--f-body)} .hoi summary::-webkit-details-marker{display:none} .hoi summary::after{content:"+";flex:none;font:300 1.5rem/1 var(--f-display);color:var(--gold-ink)} .hoi details[open] summary::after{content:"–"} .hoi .dap{padding:0 40px 24px 0;max-width:42rem;color:var(--soft)} .hoi-chan{margin-top:26px} .hai-cot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start} .phieu{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:20px 22px;max-width:30rem;width:100%} .phieu-dau{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-weight:600;font-size:.95rem;padding-bottom:12px;border-bottom:1px solid var(--line)} .phieu-dau span{font-weight:500;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)} .phieu table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums} .phieu th,.phieu td{text-align:left;padding:11px 8px 11px 0;border-bottom:1px solid var(--line);font-weight:400} .phieu thead th{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);font-weight:500} .mo{filter:blur(5px);user-select:none} .phieu-chu{margin-top:12px;font-size:.88rem;color:var(--soft)} .dang-sach{display:grid;gap:14px;max-width:46rem} .dang-sach li{padding-left:22px;position:relative;color:var(--soft)} .dang-sach li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--gold-ink)} .dang-sach a{font-weight:500;color:var(--ink)} .the-ba-cach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .the-ba-cach article{padding:26px 22px;background:var(--surface);border:1px solid var(--line);border-radius:2px;display:flex;flex-direction:column;gap:12px;min-width:0} .the-ba-cach h3{font:600 1.25rem/1.3 var(--f-display)} .the-ba-cach p{color:var(--soft);font-size:.97rem} .the-ba-cach .goi-y{margin-top:auto;padding-top:8px;color:var(--ink);font-size:.92rem;border-top:1px solid var(--line)} .chip-hang{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px} .chip-hang a{padding:.55em 1.1em;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.95rem;background:var(--surface)} .chip-hang a:hover{border-color:var(--gold)} .bon-gach{display:grid;gap:10px;max-width:46rem;margin-top:24px} .bon-gach li{padding-left:22px;position:relative;font-weight:500} .bon-gach li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--gold-ink)} .lien-he-luoi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:start} .form{display:grid;gap:16px} .form label{display:grid;gap:6px;font-size:.92rem;font-weight:500} .form input[type="text"],.form select{width:100%;font:inherit;padding:.8em 1em;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:2px;min-height:48px} .dong-y{display:flex!important;grid-template-columns:none;gap:12px!important;align-items:flex-start;font-weight:400!important;color:inherit} .dong-y input{margin-top:.35em;width:20px;height:20px;flex:none;accent-color:var(--gold)} .form .ghi-chu{font-size:.88rem;opacity:.85} .thong-bao{padding:14px 16px;border:1px solid var(--gold);border-radius:2px;font-size:.95rem} .khoi-lh{display:grid;gap:10px;font-style:normal} .khoi-lh .ten{font:600 1.1rem/1.3 var(--f-display);letter-spacing:.06em} .khoi-lh .nganh{color:var(--soft);max-width:30rem} .dai-xanh .khoi-lh .nganh{color:var(--on-teal-soft)} .khoi-lh dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:6px 0 0} .khoi-lh dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);padding-top:.35em} .dai-xanh .khoi-lh dt{color:var(--gold)} .khoi-lh dd{margin:0} .khoi-lh .nut-hang{margin-top:10px} .chan{background:var(--bg2);color:var(--ink);--on-teal:var(--ink);--on-teal-soft:var(--soft);--gold:var(--gold-ink);border-top:1px solid var(--line);padding-block:clamp(44px,6vw,72px) 36px} .chan-luoi{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(24px,5vw,64px)} .chan h4{font:600 .72rem/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px} .chan ul{display:grid;gap:8px;font-size:.95rem} .chan a{text-decoration:none;color:var(--on-teal-soft)} .chan a:hover{color:var(--on-teal);text-decoration:underline} .chan .logo-chinh{color:var(--logo)} .chan .logo-phu{color:var(--gold)} .chan p{color:var(--on-teal-soft);font-size:.95rem} .chan-duoi{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.85rem;color:var(--on-teal-soft)} .thanh-di-dong{display:none} .cho-trang{max-width:40rem;display:grid;gap:18px} .cho-trang .nut-hang{margin-top:8px} .ghim{display:inline-flex;align-items:center;gap:6px;background:var(--pin-bg);color:var(--pin);border:1px solid var(--pin);font:600 .72rem/1.3 var(--f-body);padding:5px 10px;border-radius:999px;margin:0 0 10px;max-width:100%} .ghim::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pin);flex:none} .ghim-hang{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px} .ghim-hang .ghim{margin:0} .chip{border:1px solid var(--pin);background:var(--pin-bg);color:var(--pin);border-radius:999px;min-width:34px;padding:5px 10px;font:600 .78rem/1 var(--f-body);cursor:pointer} .chip[aria-pressed="true"]{background:var(--pin);color:var(--pin-bg)} :root:not([data-che-do="khach"]) .vien-duyet{outline:1.5px dashed var(--pin);outline-offset:6px} :root[data-che-do="khach"] .chi-duyet{display:none!important} .gm-chu-de{font:500 clamp(1.1rem,2.2vw,1.4rem)/1.4 var(--f-display);color:var(--xanh-nhan);margin-bottom:6px} .gm-ghi{margin-top:14px;font-size:.92rem;color:var(--on-teal-soft)} .gm-nho{margin-top:28px;font-size:.85rem;color:var(--soft);max-width:44rem} .gm-tool{max-width:46rem;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:clamp(20px,4vw,40px)} .gm-h{font:600 clamp(1.35rem,2.8vw,1.75rem)/1.25 var(--f-display);letter-spacing:-.015em;margin-bottom:12px;text-wrap:balance} .gm-q{display:block;font-size:1.12rem;line-height:1.5;margin-bottom:6px} .gm-sub{color:var(--soft);font-size:.95rem;margin-bottom:6px} .gm-lua{display:grid;gap:10px;margin-top:18px} .lua{text-align:left;padding:14px 16px;border:1px solid var(--line);background:var(--bg);border-radius:2px;cursor:pointer;font-size:1rem;line-height:1.45;min-height:48px;transition:border-color .2s,background .2s} .lua:hover{border-color:var(--gold)} .lua[aria-pressed="true"]{border-color:var(--gold-ink);background:var(--bg2);box-shadow:inset 0 0 0 1px var(--gold-ink)} .gm-nhap{display:flex;align-items:center;gap:12px;margin-top:16px} .gm-nhap input,.gm-khac{font:500 1.5rem/1 var(--f-display);padding:.45em .6em;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:2px;min-height:56px;width:9rem} .gm-khac{font:inherit;font-size:1rem;width:100%;min-height:48px;margin-top:12px} .gm-nhap span{color:var(--soft)} .gm-loi{color:var(--pin);font-size:.9rem;margin-top:10px} .gm-hang{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;align-items:center} .tien-do{position:relative;height:16px;margin-bottom:8px;background-image:repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 8px);background-size:100% 7px;background-repeat:no-repeat;background-position:left bottom} .tien-do span{position:absolute;left:0;bottom:0;height:3px;background:var(--gold-ink);transition:width .3s} .tien-chu{font-size:.82rem;letter-spacing:.06em;color:var(--soft);margin-bottom:22px} .tyle{font:300 clamp(2.4rem,7vw,3.4rem)/1 var(--f-display)} .thang{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:14px;margin:28px 0 8px;border-radius:2px} .thang i{display:block} .thang i:nth-child(1){background:var(--m1)}.thang i:nth-child(2){background:var(--m2)}.thang i:nth-child(3){background:var(--m3)}.thang i:nth-child(4){background:var(--m4)} .thang-kim{position:absolute;top:-9px;width:2px;height:32px;background:var(--ink);transform:translateX(-1px)} .thang-nhan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:.74rem;color:var(--soft);text-align:center;gap:2px} .muc-ten{font-weight:600;margin-top:18px} .khoi{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)} .khoi h3{font:600 1.2rem/1.3 var(--f-display);margin-bottom:10px} .luu-y{display:grid;gap:12px;margin-top:14px} .luu-y li{padding:14px 16px;border:1px solid var(--line);border-radius:2px;background:var(--bg)} .luu-y small{display:block;color:var(--soft);font-size:.78rem;margin-top:6px} .nguon{margin-top:14px;font-size:.82rem;color:var(--soft)} .gm-tool .form{margin-top:16px} .gm-tool .form input[type="text"]{background:var(--bg)} .chip-hang button{padding:.55em 1.1em;border:1px solid var(--line);border-radius:999px;font-size:.95rem;background:var(--surface);cursor:pointer} .chip-hang button:hover{border-color:var(--gold)} .loi-ke{max-width:40rem} .loi-ke p{margin-bottom:1.15em;font-size:1.1rem;line-height:1.85} .ten-ky{font:600 clamp(1.5rem,3vw,2rem)/1.2 var(--f-display);letter-spacing:-.015em;margin:32px 0 18px} .cau-chuyen-dai .trich-lon{margin-bottom:8px;max-width:30em} .tri-gia{display:grid;gap:14px;max-width:46rem;margin-top:8px} .tri-gia li{padding-left:22px;position:relative} .tri-gia li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--gold-ink)} .tri-gia strong{font-weight:600} .gm-hoac{margin:18px 0 4px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)} .gm-mong{font:600 1.12rem/1.4 var(--f-display)} .canh-bao{margin-top:22px;padding:16px 18px;border:1px solid var(--gold-ink);border-radius:2px;background:var(--bg2)} .canh-bao h3{font:600 1.1rem/1.3 var(--f-display);margin-bottom:6px} body :is(h1,h2,h3,.so,.tyle,.gm-mong,.trich-lon,blockquote,.the-chon strong,.the-bai strong,.khong-ep,.gm-chu-de,.ten-ky,.logo-chinh,.ten,.gm-nhap input){font-variant-numeric:lining-nums} @media (max-width:1040px){ .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-left,0px)) 14px} .menu a{padding:12px 0;border-bottom:1px solid var(--line)} .dau.menu-mo .menu{display:flex} .menu-nut{display:inline-block} .dau-phai{margin-left:auto} .dau-phai .nho{display:none} } @media (max-width:860px){ .hero-luoi,.cau-chuyen,.giai-ma-luoi,.hai-cot,.lien-he-luoi{grid-template-columns:minmax(0,1fr)} .bmi{justify-self:stretch;max-width:none} .ba-cot,.luoi-ba,.the-ba-cach{grid-template-columns:minmax(0,1fr)} .ba-cot>*,.ba-cot>*+*{padding:22px 0;border-left:0;border-top:1px solid var(--line)} .ba-cot>*:first-child{border-top:0;padding-top:4px} .luoi-the{grid-template-columns:repeat(2,minmax(0,1fr))} .buoc{grid-template-columns:minmax(0,1fr);border-top:0;border-left:1px solid var(--tick)} .buoc li,.buoc li+li{padding:0 0 28px 22px} .buoc li::before{left:-1px;top:6px;width:14px;height:1px} .buoc-sang{border-left-color:var(--tick)} .hai-buoc{grid-template-columns:minmax(0,1fr)} .chan-luoi{grid-template-columns:minmax(0,1fr)} .dai-bang-chung small{margin-left:0;flex-basis:100%} } @media (max-width:760px){ .goi-so{display:none} .thanh-di-dong{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--surface);color:var(--xanh-nhan);border-top:1px solid var(--line);padding:0 max(16px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px,env(safe-area-inset-left,0px))} .thanh-di-dong a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;font-size:.76rem;text-decoration:none} .thanh-di-dong svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))} } @media (max-width:520px){ .luoi-the{grid-template-columns:minmax(0,1fr)} .khoi-lh dl{grid-template-columns:minmax(0,1fr)} .khoi-lh dt{padding-top:6px} .nut-hang .nut{flex:1 1 100%} } .chu-nho{font-size:.88rem;color:var(--soft)} .o-dien{background:var(--pin-bg);color:var(--pin);border-radius:4px;padding:0 5px;font-weight:500;-webkit-box-decoration-break:clone;box-decoration-break:clone} .the-hai{grid-template-columns:repeat(2,minmax(0,1fr))} .the-ba-cach .chu-nho{margin-top:2px} .nguon-chu{display:block;margin-top:6px;font-size:.82rem;color:var(--soft)} .nguon-chu a{color:inherit} .hoi-nhom+.hoi-nhom{margin-top:clamp(36px,5vw,56px)} .hoi-nhom h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:10px} .bai{max-width:46rem} .bai h2{font-size:clamp(1.25rem,2.4vw,1.55rem);margin:40px 0 12px} .bai p{margin-bottom:14px} .bai .dang-sach,.bai .dang-so{margin:6px 0 16px} .bai-meta{font-size:.88rem;color:var(--soft);margin:14px 0 26px} .tra-loi{font-size:1.12rem;line-height:1.7;padding:18px 22px;border-left:3px solid var(--xanh-nhan);background:var(--surface);border-radius:0 12px 12px 0} .dang-so{list-style:decimal;padding-left:1.4em;display:grid;gap:8px} .dang-so li::marker{color:var(--xanh-nhan);font-weight:600} .cta-bai{margin:42px 0 8px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:14px;justify-items:start} .cta-bai p{margin:0} .nguon-bai{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:.9rem;color:var(--soft)} .nguon-bai h2{font-size:1rem;margin:0 0 8px} .nguon-bai ul{display:grid;gap:6px} .nguon-bai a{color:var(--ink)} .ho-so-nhanh{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;max-width:40rem;margin:0} .ho-so-nhanh dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);padding-top:.3em} .ho-so-nhanh dd{margin:0} .loi-ke-hoi{display:grid;gap:26px;max-width:42rem} .loi-ke-hoi h3{font-size:1.05rem;margin-bottom:6px} .loi-ke-hoi p{font-size:1.1rem;line-height:1.75} .danh-muc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .danh-muc>div{padding:24px 22px;border:1px solid var(--line);border-radius:2px;background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0} .danh-muc h2{font-size:1.25rem} .danh-muc ul{display:grid;gap:8px} .danh-muc li a{font-weight:500;color:var(--ink);text-decoration:none} .danh-muc li a:hover{text-decoration:underline} .thong-tin-nhanh{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:0;max-width:52rem;border-top:1px solid var(--line)} .thong-tin-nhanh dt,.thong-tin-nhanh dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)} .thong-tin-nhanh dt{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);padding-right:16px} .mau-o{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:-3px;margin:0 6px 0 2px;border:1px solid var(--line)} .chinh-sach{display:grid;gap:22px;max-width:46rem;counter-reset:cs} .chinh-sach>li{counter-increment:cs;min-width:0} .chinh-sach h2{font-size:1.12rem;margin-bottom:6px} .chinh-sach h2::before{content:counter(cs) ". ";color:var(--xanh-nhan)} .chinh-sach p{color:var(--soft)} .loi-chi{font-size:.92rem;color:var(--soft);margin-top:10px} @media (max-width:860px){ .the-hai,.danh-muc{grid-template-columns:minmax(0,1fr)} .thong-tin-nhanh{grid-template-columns:minmax(0,1fr)} .thong-tin-nhanh dt{border-bottom:0;padding-bottom:0} .ho-so-nhanh{grid-template-columns:minmax(0,1fr)} } @media (prefers-reduced-motion:reduce){*{transition:none!important}} :root{--r-lg:28px;--r-md:20px;--r-sm:14px;--vien:rgba(1,60,76,.10);--vien-vang:rgba(142,112,70,.45);--bong:0 40px 80px -48px rgba(1,60,76,.45);--bong-nhe:0 18px 40px -28px rgba(1,60,76,.4);--kinh:rgba(255,255,255,.8)} body{line-height:1.7} h1,h2{font-weight:500} h1{letter-spacing:-.032em} h2{font-size:clamp(1.75rem,3.4vw,2.65rem);letter-spacing:-.026em;line-height:1.14} .muc{padding-block:clamp(72px,10vw,132px)} .tieu-muc{gap:16px} .lede{font-size:1.14rem} .nhan{letter-spacing:.22em} .trich-lon{font-weight:300;letter-spacing:-.015em} .nut{border-radius:999px;padding:.95em 1.75em;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s} .nut:hover{transform:translateY(-1px)} .nut-chinh,.dai-xanh .nut-vang{box-shadow:0 14px 28px -18px rgba(1,60,76,.75)} .nut-vien{border-color:var(--vien-vang)} .nut-vien:hover{border-color:var(--xanh-nhan);color:var(--xanh-nhan)} .nho{padding:.7em 1.35em} .dau{background:var(--bg);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);border-bottom-color:transparent;transition:border-color .3s,box-shadow .3s} .dau.cuon{border-bottom-color:var(--vien);box-shadow:0 12px 30px -26px rgba(1,60,76,.5)} .dau-trong{min-height:76px} .logo{flex-direction:row;align-items:center;gap:12px} .logo-anh{display:block;width:46px;height:46px;flex:none;background:var(--logo);-webkit-mask:url(anh/logo-ld.png) center/contain no-repeat;mask:url(anh/logo-ld.png) center/contain no-repeat} .logo-chu{display:flex;flex-direction:column} .logo-chinh{font-size:1.16rem} .menu{gap:6px 22px} .menu a{white-space:nowrap} @media (max-width:1180px){.goi-so{display:none}} .chan .logo-chinh{color:var(--logo)} .hero{position:relative;background:radial-gradient(900px 520px at 88% 6%,var(--bg3),transparent 70%),radial-gradient(760px 480px at 0% 100%,var(--bg2),transparent 70%),var(--bg);padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(104px,11vw,150px)} .hero-luoi{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(32px,5vw,80px)} .hero h1{font-size:clamp(2.4rem,4.5vw,3.7rem);line-height:1.06;font-weight:500;letter-spacing:-.038em;margin-top:18px} .hero h1 .vang{color:var(--xanh-nhan);font-weight:400} .hero-phu{color:var(--soft);font-size:1.16rem;max-width:34rem} .hero .nut-hang{margin-top:34px} .hero-cam{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px} .hero-cam li{display:inline-flex;align-items:center;gap:8px;padding:.5em 1.05em;border:1px solid var(--vien);border-radius:999px;font-size:.88rem;color:var(--soft);background:var(--kinh)} .hero-cam li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--xanh-nhan)} .hero-anh{position:relative;justify-self:end;width:100%;max-width:430px} .khung-vom{position:relative} .khung-vom::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid var(--vien-vang);border-radius:999px 999px 34px 34px;pointer-events:none} .vom{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 34px 34px;box-shadow:var(--bong);background:var(--bg2)} .hero-anh>.ghim{margin-top:28px} .hero-mien{margin-top:26px;font-size:.82rem;color:var(--soft)} .bmi-dai{position:relative;z-index:3;margin-top:calc(-1 * clamp(64px,7vw,96px))} .bmi{--on-teal:var(--ink);--on-teal-soft:var(--soft);--gold:var(--gold-ink)} .bmi-ngang{max-width:none;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.2fr);gap:30px;align-items:center;padding:28px 32px;border-radius:26px;background:var(--kinh);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--vien);box-shadow:var(--bong)} .bmi-dau{display:grid;gap:8px} .bmi-ngang .bmi-kq{border-top:0;border-left:1px solid var(--vien);padding:0 0 0 30px;gap:4px} .bmi-ngang .bmi-so{font-size:2.7rem} .the-ba{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .the{padding:34px 30px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--vien);box-shadow:var(--bong-nhe);min-width:0} .so-nho{display:block;font:300 2.4rem/1 var(--f-display);color:var(--xanh-nhan);letter-spacing:-.02em;margin-bottom:22px} .the h3{font-size:1.18rem;margin-bottom:10px} .the p{color:var(--soft)} .dich-vu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .dv{position:relative;display:flex;flex-direction:column;gap:14px;padding:34px 30px 30px;border-radius:var(--r-lg);background:linear-gradient(160deg,var(--surface),var(--bg) 75%);border:1px solid var(--vien);text-decoration:none;min-width:0;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s} .dv:hover{transform:translateY(-4px);box-shadow:var(--bong);border-color:var(--vien-vang)} .dv::after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;border:1px solid var(--vien-vang);opacity:.55;pointer-events:none} .dv-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--vien-vang);color:var(--xanh-nhan)} .dv-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} .dv h3{font-size:1.3rem;font-weight:500;letter-spacing:-.012em} .dv p{color:var(--soft);font-size:.98rem} .dv em{margin-top:auto;padding-top:10px;font-style:normal;font-weight:500;color:var(--xanh-nhan);font-size:.92rem} .the-chon,.the-bai,.the-ba-cach article,.danh-muc>div,.phieu,.gm-tool,.cta-bai{border-radius:var(--r-md);border-color:var(--vien)} .the-chon,.the-bai{transition:transform .3s,box-shadow .3s,border-color .3s} .the-chon:hover,.the-bai:hover{transform:translateY(-3px);box-shadow:var(--bong-nhe);border-color:var(--vien-vang)} .the-chon strong,.the-bai strong{font-weight:500} .lua,.luu-y li,.canh-bao,.form input[type="text"],.form select,.gm-nhap input,.gm-khac{border-radius:var(--r-sm)} .chip-hang a,.chip-hang button{border-color:var(--vien)} .hoi details{border-color:var(--vien)} .ba-cot>*+*{border-left-color:var(--vien)} .tra-loi{border-radius:0 var(--r-md) var(--r-md) 0} .dai-xanh .form{background:var(--surface);padding:clamp(22px,3vw,32px);border-radius:var(--r-lg);border:1px solid var(--vien);box-shadow:var(--bong-nhe)} .gia-tri{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,88px);align-items:end;margin-bottom:clamp(36px,5vw,64px)} .gia-tri .tieu-muc{margin-bottom:0} .gia-tri .trich-lon{padding-left:26px;border-left:1px solid var(--vien-vang)} .cau-chuyen-luoi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center} .truoc-sau{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} .truoc-sau figure{margin:0;position:relative} .truoc-sau figure:nth-child(2){margin-top:56px} .truoc-sau img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--bong-nhe);background:var(--bg2)} .truoc-sau figcaption{position:absolute;left:12px;bottom:12px;padding:.45em .95em;border-radius:999px;background:var(--kinh);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-weight:600} .cau-chuyen-chu{display:grid;gap:18px;justify-items:start} .cau-chuyen-chu blockquote{font:300 clamp(1.4rem,2.8vw,1.95rem)/1.45 var(--f-display);letter-spacing:-.015em;margin:0} .cau-chuyen-chu blockquote::before{content:"“";display:block;font:300 4rem/.55 var(--f-display);color:var(--vien-vang);margin-bottom:10px} .cau-chuyen-chu p{color:var(--soft)} .cau-chuyen-chu strong{color:var(--ink);font-weight:600} .giai-ma-the{background:linear-gradient(135deg,var(--surface),var(--bg) 70%);border:1px solid var(--vien);border-radius:var(--r-lg);padding:clamp(28px,5vw,64px);box-shadow:var(--bong-nhe)} .lien-he-noi{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:60;display:grid;gap:10px} .lien-he-noi a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:var(--btn-ink);box-shadow:0 16px 30px -16px rgba(1,60,76,.8);text-decoration:none;position:relative;transition:transform .25s} .lien-he-noi a:hover{transform:translateY(-2px)} .lien-he-noi svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .lien-he-noi span{position:absolute;right:66px;white-space:nowrap;background:var(--surface);color:var(--ink);padding:.35em .85em;border-radius:999px;font-size:.82rem;box-shadow:var(--bong-nhe);opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;pointer-events:none} .lien-he-noi a:hover span,.lien-he-noi a:focus-visible span{opacity:1;transform:none} @media (prefers-reduced-motion:no-preference){ .hieu-ung .muc>.trong{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)} .hieu-ung .muc>.trong.da-hien{opacity:1;transform:none} } @media (max-width:860px){ .hero-luoi{grid-template-columns:minmax(0,1fr)} .hero-anh{justify-self:center;max-width:400px;margin-top:10px} .khung-vom::before{inset:-10px 10px 10px -10px} .bmi-ngang{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 22px} .bmi-ngang .bmi-kq{border-left:0;padding:16px 0 0;border-top:1px solid var(--vien)} .the-ba,.dich-vu,.cau-chuyen-luoi,.gia-tri{grid-template-columns:minmax(0,1fr)} .truoc-sau figure:nth-child(2){margin-top:32px} } @media (max-width:760px){ .lien-he-noi{display:none} .thanh-di-dong{background:var(--kinh);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)} } body::before{background:var(--teal)} .dau{background:var(--teal);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent;color:#F7F3EA} .dau.cuon{border-bottom-color:transparent;box-shadow:0 14px 30px -22px rgba(0,20,26,.75)} .dau .logo-anh{background:#F7F3EA} .dau .logo-chinh{color:#F7F3EA} .dau .logo-phu{color:#C9A04E} .dau .menu a{color:#F7FAFA} .dau .menu a:hover,.dau .menu a[aria-current="page"]{color:#FFFFFF;border-bottom-color:#C9A04E} .dau .goi-so{color:#F7F3EA} .dau .nut-chinh{background:#F7F3EA;color:#013C4C;box-shadow:none} .dau .nut-chinh:hover{background:#FFFFFF} .dau .menu-nut{border-color:rgba(247,243,234,.45);color:#F7F3EA;background:transparent} .bmi-ngang{background:linear-gradient(135deg,var(--teal) 0%,var(--teal2) 100%);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 40px 80px -40px rgba(1,60,76,.65);--on-teal:#F7F3EA;--on-teal-soft:#E8F0F2;color:#F7F3EA} .bmi-ngang .bmi-nhan,.bmi-ngang .bmi-so small,.bmi-ngang .bmi-tiep{color:#C9A04E} .bmi-ngang .bmi-nho,.bmi-ngang .bmi-chu,.bmi-ngang .bmi-o label,.bmi-ngang .bmi-vao span{color:#EDF3F4} .bmi-ngang .bmi-vao{background:rgba(255,255,255,.08);border-color:rgba(247,243,234,.32)} .bmi-ngang .bmi-vao:focus-within{border-color:#C9A04E} .bmi-ngang .bmi-vao input{color:#FFFFFF} .bmi-ngang .bmi-so{color:#FFFFFF} .bmi-ngang .bmi-kq{border-left-color:rgba(247,243,234,.2)} .lien-he-noi a{border:1.5px solid rgba(247,243,234,.85)} .anh-mh{position:absolute;right:16px;bottom:16px;padding:.3em .8em;border-radius:999px;background:var(--kinh);font-size:.72rem;letter-spacing:.04em;color:var(--soft)} .hero-anh .ghim-hang{margin-top:24px} .dv{padding:0} .dv::after{display:none} .dv-anh{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)} .dv-anh img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)} .dv:hover .dv-anh img{transform:scale(1.045)} .dv-chu{display:flex;flex-direction:column;gap:12px;padding:0 28px 28px;flex:1} .dv-chu .dv-icon{margin-top:-27px;background:var(--surface);position:relative} @media (max-width:1040px){.dau .menu{background:var(--teal);border-bottom-color:rgba(247,243,234,.16)}.dau .menu a{border-bottom-color:rgba(247,243,234,.14)}} @media (max-width:860px){.bmi-ngang .bmi-kq{border-top-color:rgba(247,243,234,.2)}} .logo-chu-anh{display:block;height:17px;width:108px;background:var(--logo);-webkit-mask:url(anh/chu-ly-dang.png) left center/contain no-repeat;mask:url(anh/chu-ly-dang.png) left center/contain no-repeat} .dau .logo-chu-anh{background:#F7F3EA} .logo-chu .logo-phu{margin-top:7px} :root{ --khoi:linear-gradient(180deg,#FFFFFF 0%,#FBF7F0 100%); --khoi-vien:rgba(142,112,70,.2); --khoi-bong:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(1,60,76,.05),0 10px 22px -10px rgba(1,60,76,.14),0 30px 60px -26px rgba(1,60,76,.3); --khoi-bong-noi:inset 0 1px 0 rgba(255,255,255,.95),0 2px 4px rgba(1,60,76,.06),0 18px 36px -14px rgba(1,60,76,.22),0 50px 96px -34px rgba(1,60,76,.42); --sau:radial-gradient(120% 95% at 0% 0%,rgba(143,195,206,.26) 0%,rgba(143,195,206,0) 55%),radial-gradient(80% 80% at 100% 100%,rgba(0,22,29,.38) 0%,rgba(0,22,29,0) 60%),linear-gradient(140deg,#0E5C6F 0%,#013C4C 55%,#012A35 100%); --sau-vien:rgba(217,188,132,.45); --sau-bong:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.2),0 30px 60px -30px rgba(1,40,52,.75),0 70px 120px -60px rgba(1,40,52,.55); --ngoc:radial-gradient(circle at 32% 26%,#4A97A8 0%,#0B5163 46%,#013C4C 100%); --ngoc-chu:#F7F3EA;--ngoc-vong:#FFFFFF; --ngoc-trong:inset 0 2px 3px rgba(255,255,255,.3),inset 0 -6px 10px rgba(0,0,0,.28); --ngoc-do:0 14px 24px -10px rgba(1,60,76,.6); --sam:linear-gradient(150deg,#FBF4E6 0%,#EFE1C8 100%); --sam-vien:rgba(142,112,70,.3); --o-1:rgba(201,216,219,.75);--o-2:rgba(228,191,175,.6);--o-3:rgba(204,226,210,.75);--o-4:rgba(235,218,179,.75); --anh-sang:rgba(255,255,255,.75);--anh-vang:rgba(201,169,110,.16);--anh-xanh:rgba(11,81,99,.08); --o-nhap:inset 0 2px 4px rgba(1,60,76,.07); } .muc2{background:radial-gradient(1100px 560px at 6% 0%,var(--anh-sang),transparent 62%),radial-gradient(900px 560px at 100% 100%,var(--anh-vang),transparent 62%),var(--bg2)} .dai-xanh{background:radial-gradient(1000px 560px at 94% 0%,var(--anh-sang),transparent 60%),radial-gradient(900px 600px at 0% 100%,var(--anh-xanh),transparent 62%),var(--bg3)} .nut-chinh,.dai-xanh .nut-vang{background:linear-gradient(180deg,var(--btn-h) 0%,var(--btn) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 28px -16px rgba(1,60,76,.85)} .nut-chinh:hover,.dai-xanh .nut-vang:hover{background:var(--btn-h)} .hero-anh{isolation:isolate} .hero-anh::before{content:"";position:absolute;z-index:-1;left:-4%;right:-4%;top:4%;height:78%;border-radius:50%;background:radial-gradient(closest-side,rgba(11,81,99,.13),transparent);pointer-events:none} .vom{box-shadow:0 2px 6px rgba(1,60,76,.08),0 30px 60px -28px rgba(1,60,76,.42),0 80px 120px -70px rgba(1,60,76,.5)} .bmi-ngang{background:var(--sau);border:1px solid var(--sau-vien);box-shadow:var(--sau-bong)} .bmi-ngang .bmi-vao{background:rgba(0,0,0,.18);border-color:rgba(247,243,234,.22);box-shadow:inset 0 2px 6px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.06)} .bmi-ngang .bmi-so{text-shadow:0 0 28px rgba(217,188,132,.35)} .bmi-ngang .bmi-nho,.bmi-ngang .bmi-chu,.bmi-ngang .bmi-o label,.bmi-ngang .bmi-vao span{color:#FFFFFF;opacity:1} .dang-sach strong{color:var(--ink);font-weight:600} .bmi-ngang .bmi-nhan{color:#F3DCAA;font-size:.86rem;font-weight:700;letter-spacing:.14em} .tn-sm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .tn-o{position:relative;overflow:hidden;isolation:isolate;padding:clamp(28px,3.6vw,46px);border-radius:28px;min-width:0} .tn-tam-nhin{background:var(--sau);border:1px solid var(--sau-vien);box-shadow:var(--sau-bong);outline:1px solid #C9A04E;outline-offset:-9px;color:#F7F3EA} .tn-tam-nhin::after{content:"";position:absolute;z-index:-1;width:320px;height:320px;right:-120px;top:-150px;border-radius:50%;border:1px solid rgba(217,188,132,.22);pointer-events:none} .tn-su-menh{background:var(--sam);border:1px solid var(--gold);box-shadow:var(--khoi-bong);outline:1px solid var(--sam-vien);outline:1px solid color-mix(in srgb,var(--gold) 65%,transparent);outline-offset:-12px} .tn-nhan{font:600 .74rem/1.2 var(--f-body);letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px} .tn-tam-nhin .tn-nhan{color:#C9A04E} .tn-su-menh .tn-nhan{color:var(--gold-ink)} .tn-chu{font:300 clamp(1.15rem,2vw,1.45rem)/1.55 var(--f-display);letter-spacing:-.01em;text-wrap:pretty} .tn-tam-nhin .tn-chu{color:#FFFFFF} .gt-tieu{margin:clamp(36px,5vw,56px) 0 20px;font:600 .74rem/1.2 var(--f-body);letter-spacing:.22em;text-transform:uppercase;color:var(--xanh-nhan)} .gt-nam{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .gt-nam li{display:flex;flex-direction:column;gap:10px;padding:26px 20px 24px;border-radius:22px;background:var(--khoi);border:1px solid var(--xanh-nhan);box-shadow:var(--khoi-bong);min-width:0} .gt-so{display:grid;place-items:center;width:46px;height:46px;margin-bottom:8px;border-radius:50%;background:var(--ngoc);color:var(--ngoc-chu);font:400 .9rem/1 var(--f-display);letter-spacing:.04em;box-shadow:var(--ngoc-trong),0 0 0 4px var(--ngoc-vong),0 0 0 5px var(--khoi-vien),var(--ngoc-do)} .gt-nam h3{font:600 1.1rem/1.3 var(--f-display);color:var(--xanh-nhan)} .gt-nam p{color:var(--soft);font-size:.95rem;line-height:1.55} @media (max-width:1040px){.gt-nam{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:860px){.tn-sm{grid-template-columns:minmax(0,1fr)}.gt-nam{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:480px){.gt-nam{grid-template-columns:minmax(0,1fr)}} .the-ba{gap:24px} .the{position:relative;overflow:hidden;isolation:isolate;padding:38px 32px 36px;border-radius:28px;background:var(--khoi);border:1px solid var(--khoi-vien);box-shadow:var(--khoi-bong)} .the::after{content:"";position:absolute;z-index:-1;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,var(--anh-vang),transparent);pointer-events:none} .the .so-nho{display:grid;place-items:center;width:58px;height:58px;margin-bottom:26px;border-radius:50%;background:var(--ngoc);color:var(--ngoc-chu);font:400 1.02rem/1 var(--f-display);letter-spacing:.06em;box-shadow:var(--ngoc-trong),0 0 0 5px var(--ngoc-vong),0 0 0 6px var(--khoi-vien),var(--ngoc-do)} .the h3{font-size:1.22rem} .the-ba .the:nth-child(2){background:var(--sau);border-color:var(--sau-vien);box-shadow:var(--sau-bong);color:#F7F3EA;transform:translateY(-16px)} .the-ba .the:nth-child(2) h3{color:#FFFFFF} .the-ba .the:nth-child(2) p{color:#EDF3F4} .the-ba .the:nth-child(2) .so-nho{--ngoc-vong:rgba(255,255,255,.1);background:radial-gradient(circle at 32% 26%,#FFF1CC 0%,#C9A04E 52%,#A8864A 100%);color:#013C4C} .the-ba .the:nth-child(2)::after{background:radial-gradient(closest-side,rgba(217,188,132,.24),transparent)} .dich-vu{gap:24px} .dv{padding:10px;border-radius:30px;background:var(--khoi);border:1px solid var(--xanh-nhan);box-shadow:var(--khoi-bong);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s} .dv:hover{transform:translateY(-6px);box-shadow:var(--khoi-bong-noi),0 0 0 3px var(--anh-xanh);border-color:var(--xanh-nhan)} .dv-anh{position:relative;border-radius:22px;isolation:isolate} .dv-anh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,42,53,0) 52%,rgba(1,42,53,.3) 100%);pointer-events:none} .dv-chu{padding:0 20px 20px} .dv-chu .dv-icon{width:60px;height:60px;margin-top:-30px;border:0;background:var(--ngoc);color:var(--ngoc-chu);box-shadow:var(--ngoc-trong),0 0 0 5px var(--ngoc-vong),0 0 0 6px var(--khoi-vien),var(--ngoc-do);z-index:1} .dv em,.the-chon em,.the-bai em{align-self:flex-start;display:inline-flex;align-items:center;margin-top:auto;padding:.55em 1.15em;border-radius:999px;border:1px solid var(--vien-vang);background:var(--kinh);color:var(--xanh-nhan);font-size:.88rem;transition:background .3s,color .3s,border-color .3s} .dv:hover em,.the-chon:hover em,.the-bai:hover em{background:var(--btn);border-color:transparent;color:var(--btn-ink)} .gia-tri{align-items:center} .gia-tri .trich-lon{padding:clamp(28px,3.6vw,46px);border:1px solid var(--sam-vien);border-radius:28px;background:var(--sam);box-shadow:var(--khoi-bong);outline:1px solid var(--sam-vien);outline-offset:-12px} .ba-cot.tru-cot{gap:24px} .ba-cot.tru-cot>*,.ba-cot.tru-cot>*+*{padding:34px 30px 32px;border:1px solid var(--khoi-vien);border-radius:24px;background:var(--khoi);box-shadow:var(--khoi-bong)} .ba-cot.tru-cot>*::before{content:"";display:block;width:44px;height:3px;margin-bottom:22px;border-radius:3px;background:linear-gradient(90deg,var(--xanh-nhan),var(--gold))} .truoc-sau{isolation:isolate;gap:22px} .truoc-sau figure{padding:9px;border-radius:28px;background:var(--khoi);border:1px solid var(--khoi-vien);box-shadow:var(--khoi-bong-noi)} .truoc-sau img{border-radius:20px;box-shadow:none} .truoc-sau figure:first-child::before{content:"";position:absolute;z-index:-1;inset:-12px 18px 18px -12px;border:1.5px solid var(--xanh-nhan);border-radius:34px;pointer-events:none} .truoc-sau figure:nth-child(2)::before{content:"";position:absolute;z-index:-1;inset:22px -12px -16px 22px;border-radius:34px;background:var(--sau);border:1px solid var(--sau-vien);box-shadow:0 24px 44px -26px rgba(1,60,76,.55);pointer-events:none} .truoc-sau figcaption{left:20px;bottom:20px} .buoc{gap:20px;border-top:0;position:relative;isolation:isolate} .buoc::before{content:"";position:absolute;z-index:-1;left:40px;right:40px;top:58px;height:2px;background:repeating-linear-gradient(90deg,var(--vien-vang) 0 8px,transparent 8px 16px)} .buoc li,.buoc li+li{padding:30px 26px;border-radius:24px;background:var(--khoi);border:1px solid var(--khoi-vien);box-shadow:var(--khoi-bong)} .buoc li::before,.buoc li+li::before{display:none} .buoc .so{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:50%;background:var(--ngoc);color:var(--ngoc-chu);font:400 1.25rem/1 var(--f-display);box-shadow:var(--ngoc-trong),0 0 0 5px var(--ngoc-vong),0 0 0 6px var(--khoi-vien),var(--ngoc-do)} .buoc h3{font-size:1.1rem} .buoc p{color:var(--soft)} .luoi-the,.luoi-ba{gap:20px} .the-chon,.the-bai{position:relative;border-radius:24px;border:1px solid var(--khoi-vien);background:linear-gradient(180deg,var(--o-1) 0,transparent 130px),var(--khoi);box-shadow:var(--khoi-bong)} .the-chon{padding:28px 24px 24px} .the-bai{padding:28px 26px 24px;min-height:210px} .luoi-the .the-chon:nth-child(4n+2),.luoi-ba .the-bai:nth-child(3n+2){background:linear-gradient(180deg,var(--o-2) 0,transparent 130px),var(--khoi)} .luoi-the .the-chon:nth-child(4n+3),.luoi-ba .the-bai:nth-child(3n+3){background:linear-gradient(180deg,var(--o-3) 0,transparent 130px),var(--khoi)} .luoi-the .the-chon:nth-child(4n+4){background:linear-gradient(180deg,var(--o-4) 0,transparent 130px),var(--khoi)} .the-chon:hover,.the-bai:hover{transform:translateY(-5px);box-shadow:var(--khoi-bong-noi);border-color:var(--vien-vang)} .the-chon strong{font-size:1.2rem} .the-bai .nhan{align-self:flex-start;padding:.5em 1em;border-radius:999px;background:var(--kinh);border:1px solid var(--khoi-vien);letter-spacing:.16em} .giai-ma-the{position:relative;overflow:hidden;isolation:isolate;background:var(--sau);border:1px solid var(--sau-vien);box-shadow:var(--sau-bong);color:#F7F3EA;--on-teal:#F7F3EA;--on-teal-soft:#E8F0F2} .giai-ma-the::before,.giai-ma-the::after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(217,188,132,.22);pointer-events:none} .giai-ma-the::before{width:460px;height:460px;right:-150px;top:-170px} .giai-ma-the::after{width:300px;height:300px;right:-70px;top:-90px;border-color:rgba(217,188,132,.14)} .giai-ma-the .nhan{color:#C9A04E} .giai-ma-the h2{color:#FFFFFF} .giai-ma-the.giai-ma-luoi>div:last-child{padding:clamp(22px,3vw,34px);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(247,243,234,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 48px -28px rgba(0,0,0,.5)} .giai-ma-the .nhan-duoc li{color:#F1F6F7} .giai-ma-the .nhan-duoc li::before{background:#C9A04E} .giai-ma-the .khong-ep{color:#F7F3EA} .giai-ma-the .nut-chinh,.cta-bai .nut-chinh{background:linear-gradient(180deg,#FFFFFF 0%,#EFE6D6 100%);color:#013C4C;box-shadow:inset 0 1px 0 #FFFFFF,0 16px 30px -16px rgba(0,0,0,.65)} .giai-ma-the .nut-chinh:hover,.cta-bai .nut-chinh:hover{background:#FFFFFF} .hoi{display:grid;gap:12px} .hoi details,.hoi details:last-child{padding:0 26px;border:1px solid var(--khoi-vien);border-radius:20px;background:var(--khoi);box-shadow:var(--khoi-bong);transition:box-shadow .3s,border-color .3s} .hoi details[open]{border-color:var(--vien-vang);box-shadow:var(--khoi-bong-noi)} .hoi summary{align-items:center;padding:20px 0} .hoi summary::after{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ngoc);color:var(--ngoc-chu);font:400 1.15rem/1 var(--f-body);box-shadow:var(--ngoc-trong),var(--ngoc-do)} .hoi .dap{padding:0 0 24px} [data-form]>.form,.dai-xanh .form{padding:clamp(24px,3vw,34px);border-radius:28px;background:var(--khoi);border:1px solid var(--khoi-vien);box-shadow:var(--khoi-bong-noi)} .form input[type="text"],.form select{border-radius:14px;border-color:var(--khoi-vien);background:var(--bg);box-shadow:var(--o-nhap);transition:border-color .2s} .form input[type="text"]:focus,.form select:focus{border-color:var(--xanh-nhan)} .khoi-lh{position:relative;overflow:hidden;isolation:isolate;padding:clamp(26px,3.5vw,40px);border-radius:28px;background:var(--sau);border:1px solid var(--sau-vien);box-shadow:var(--sau-bong);color:#F7F3EA} .khoi-lh::after{content:"";position:absolute;z-index:-1;width:320px;height:320px;right:-120px;bottom:-150px;border-radius:50%;border:1px solid rgba(217,188,132,.22);pointer-events:none} .khoi-lh .ten{color:#FFFFFF} .khoi-lh .nganh,.dai-xanh .khoi-lh .nganh{color:#E8F0F2} .khoi-lh dt,.dai-xanh .khoi-lh dt{color:#C9A04E} .khoi-lh dd{color:#F7F3EA} .khoi-lh .nut-vien,.dai-xanh .khoi-lh .nut-vien{border-color:rgba(247,243,234,.42);color:#F7F3EA;background:rgba(255,255,255,.04)} .khoi-lh .nut-vien:hover,.dai-xanh .khoi-lh .nut-vien:hover{border-color:#C9A04E;color:#FFFFFF;background:rgba(255,255,255,.1)} .the-ba-cach article,.danh-muc>div,.gm-tool,.phieu{border-radius:24px;border:1px solid var(--khoi-vien);background:var(--khoi);box-shadow:var(--khoi-bong)} .cta-bai{position:relative;overflow:hidden;padding:clamp(24px,3vw,32px);border-radius:24px;background:var(--sau);border:1px solid var(--sau-vien);box-shadow:var(--sau-bong);color:#F7F3EA} .cta-bai strong{color:#FFFFFF} .bmi-ngang,.the-ba .the:nth-child(2),.giai-ma-the,.khoi-lh,.cta-bai{outline:1px solid #C9A04E;outline-offset:-9px} .the,.ba-cot.tru-cot>*,.ba-cot.tru-cot>*+*,.buoc li,.buoc li+li,.the-chon,.the-bai,.hoi details,.hoi details:last-child,[data-form]>.form,.dai-xanh .form,.the-ba-cach article,.danh-muc>div,.gm-tool,.phieu,.truoc-sau figure{border-color:var(--xanh-nhan)} .the-chon:hover,.the-bai:hover,.hoi details[open]{border-color:var(--xanh-nhan);box-shadow:var(--khoi-bong-noi),0 0 0 3px var(--anh-xanh)} .form input[type="text"],.form select{border-color:color-mix(in srgb,var(--xanh-nhan) 40%,transparent)} .form input[type="text"]:focus,.form select:focus{border-color:var(--xanh-nhan)} .khung-vom::before{border:1.5px solid var(--xanh-nhan)} .gia-tri .trich-lon{border-color:var(--gold);outline-color:color-mix(in srgb,var(--gold) 65%,transparent)} @media (max-width:1040px) and (min-width:861px){ .buoc{grid-template-columns:repeat(2,minmax(0,1fr))} .buoc::before{display:none} } @media (max-width:860px){ .the-ba .the:nth-child(2){transform:none} .buoc{grid-template-columns:minmax(0,1fr);gap:16px;border-left:0} .buoc::before{left:49px;right:auto;top:40px;bottom:40px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--vien-vang) 0 8px,transparent 8px 16px)} .buoc li,.buoc li+li{padding:24px 22px} .the{padding:32px 26px 30px} .hoi details,.hoi details:last-child{padding:0 20px} } :root{--nhap-nen:linear-gradient(180deg,#EDF2F3 0%,#FFFFFF 72%);--nhap-bong:inset 0 2px 6px rgba(1,60,76,.17),0 1px 0 rgba(255,255,255,.95);--nhap-vien:rgba(11,81,99,.55);--nhap-vong:rgba(11,81,99,.18)} .form label{color:var(--xanh-nhan);font-weight:600} .form .dong-y{color:var(--ink)} .form input[type="text"],.form select{min-height:54px;background:var(--nhap-nen);border:1.5px solid var(--nhap-vien);box-shadow:var(--nhap-bong);color:var(--ink);font-size:1rem;transition:border-color .2s,box-shadow .2s} .form input[type="text"]:hover,.form select:hover{border-color:var(--xanh-nhan)} .form input[type="text"]:focus,.form select:focus{outline:none;border-color:var(--xanh-nhan);box-shadow:var(--nhap-bong),0 0 0 4px var(--nhap-vong)} .dong-y input{width:22px;height:22px;accent-color:var(--btn)} .chan{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(900px 420px at 0% 0%,rgba(143,195,206,.16),transparent 62%),radial-gradient(700px 420px at 100% 100%,rgba(0,0,0,.32),transparent 62%),linear-gradient(160deg,#0B5163 0%,#013C4C 48%,#012A35 100%);color:#F7F3EA;border-top:0;box-shadow:inset 0 1px 0 rgba(217,188,132,.85),inset 0 10px 28px -14px rgba(0,0,0,.55);padding-block:clamp(56px,7vw,88px) 32px;--on-teal:#FFFFFF;--on-teal-soft:#EEF4F5;--gold:#D9B566} .chan::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-180px;top:-260px;border-radius:50%;border:1px solid rgba(217,188,132,.2);pointer-events:none} .chan::after{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-90px;top:-170px;border-radius:50%;border:1px solid rgba(217,188,132,.13);pointer-events:none} .chan .logo-anh,.chan .logo-chu-anh{background:#F7F3EA} .chan .logo-phu{color:#D9B566} .chan h4{color:#D9B566;font-size:.78rem;font-weight:700;letter-spacing:.2em;padding-bottom:12px;margin-bottom:18px;position:relative} .chan h4::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:1px;background:#C9A04E} .chan p{color:#EFF5F6;font-size:.98rem} .chan ul{gap:12px;font-size:.98rem} .chan a{color:#F4F8F9;transition:color .2s} .chan a:hover{color:#D9B566;text-decoration:none} .chan-luoi>div:first-child{padding:clamp(22px,2.6vw,30px);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(247,243,234,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 48px -30px rgba(0,0,0,.6);outline:1px solid rgba(217,188,132,.45);outline-offset:-8px} .chan-duoi{border-top:1px solid rgba(217,188,132,.35);color:#DCE7EA;margin-top:44px} .bao-mat-gon{max-width:52rem;padding:clamp(24px,3.4vw,40px);border-radius:24px;background:var(--khoi);border:1px solid var(--xanh-nhan);box-shadow:var(--khoi-bong);display:grid;gap:16px} .bao-mat-gon p{font-size:1.08rem;line-height:1.75;color:var(--ink)} .bao-mat-gon .bao-mat-hotline{font-weight:600;color:var(--xanh-nhan)} body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh} #noi-dung{flex:1 0 auto} .lh-o{padding:clamp(24px,3.4vw,40px);border-radius:28px;background:var(--khoi);border:1px solid var(--xanh-nhan);box-shadow:var(--khoi-bong);min-width:0} .lh-o-dau{max-width:52rem;margin-bottom:0} .lh-o-form .tieu-muc{margin-bottom:20px} .lh-o-form [data-form]>.form{padding:0;border:0;border-radius:0;background:none;box-shadow:none} .lh-o-trich{padding:clamp(26px,3.4vw,40px);border-radius:28px;background:var(--sam);border:1px solid var(--gold);box-shadow:var(--khoi-bong);outline:1px solid color-mix(in srgb,var(--gold) 65%,transparent);outline-offset:-12px;min-width:0} .lh-o-trich .loi-chi{margin-top:14px} .chip-hang a,.chip-hang button{border:1px solid var(--xanh-nhan);color:var(--ink);box-shadow:0 6px 14px -10px rgba(1,60,76,.45);transition:border-color .2s,box-shadow .2s,color .2s} .chip-hang a:hover,.chip-hang button:hover{border-color:var(--xanh-nhan);color:var(--xanh-nhan);box-shadow:0 0 0 3px var(--anh-xanh),0 8px 18px -10px rgba(1,60,76,.5)} :root{--nut-vien:#C9A04E} .nut-chinh,.dai-xanh .nut-vang{border-color:var(--nut-vien);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(217,188,132,.25),0 14px 28px -16px rgba(1,60,76,.85)} .nut-chinh:hover,.dai-xanh .nut-vang:hover{border-color:#D9B566} .dau .nut-chinh{border-color:#C9A04E;box-shadow:inset 0 0 0 1px rgba(217,188,132,.35)} .dau .menu-nut{border-color:rgba(217,188,132,.75)} .hero{overflow:hidden;background:radial-gradient(640px 520px at 80% 42%,rgba(11,81,99,.14),transparent 66%),radial-gradient(460px 340px at 96% 2%,rgba(217,188,132,.26),transparent 66%),radial-gradient(760px 480px at 0% 100%,var(--bg2),transparent 70%),var(--bg)} .hero .nhan{display:flex;align-items:center;gap:12px} .hero .nhan::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,#C9A04E,#8A6420)} .hero h1 .vang::after{content:"";display:block;width:110px;height:3px;margin-top:20px;border-radius:3px;background:linear-gradient(90deg,#C9A04E,rgba(217,188,132,0))} .khung-vom{isolation:isolate} .khung-vom::after{content:"";position:absolute;z-index:-1;inset:30px -28px -28px 30px;border-radius:999px 999px 34px 34px;background:var(--sau);border:1px solid #C9A04E;box-shadow:0 30px 60px -30px rgba(1,40,52,.6);pointer-events:none} .vom{border:8px solid var(--surface);box-shadow:0 2px 6px rgba(1,60,76,.1),0 30px 60px -26px rgba(1,60,76,.45)} .anh-mh{right:auto;left:22px;bottom:22px} .hero-sao{position:absolute;z-index:4;top:-6px;right:6px;width:30px;height:30px;background:linear-gradient(135deg,#F3DCA2,#C29A48 55%,#8A6420);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 4px 8px rgba(142,112,70,.45));pointer-events:none} .hero-sao::after{content:"";position:absolute;top:44px;right:-4px;width:14px;height:14px;background:inherit;clip-path:inherit} .hero .nut-vien{background:var(--kinh);border-color:color-mix(in srgb,var(--xanh-nhan) 55%,transparent)} .hero .nut-vien:hover{border-color:var(--xanh-nhan)} @media (max-width:860px){.hero-anh{max-width:min(400px,calc(100% - 28px))}.khung-vom::after{inset:20px -14px -16px 20px}.hero-sao{right:-6px}.hero-anh .ghim-hang{margin-top:34px}} .the-ba .the:nth-child(2) .so-nho{background:radial-gradient(circle at 32% 24%,#FFF8E1 0%,#F4DCA6 30%,#DDBA77 62%,#B8914C 100%);color:#012F3B;font-weight:600;letter-spacing:.05em;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -4px 7px rgba(122,88,32,.38),0 0 0 3px rgba(0,32,42,.55),0 0 0 4px #D9B566,0 12px 20px -8px rgba(0,0,0,.55)} .bmi-ngang .bmi-nhan{display:flex;align-items:center;gap:10px;color:#FFFFFF;font-size:.92rem;font-weight:600;letter-spacing:.12em} .bmi-ngang .bmi-nhan::before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:#D9B566} .bmi-ngang .bmi-nhan{display:inline-block;justify-self:start;padding-bottom:9px;font-size:.95rem;font-weight:700;letter-spacing:.12em;color:#FFFFFF;background:linear-gradient(90deg,#D9B566,#C9A04E) left bottom/100% 2px no-repeat} .bmi-ngang .bmi-nhan::before{content:none;display:none} .muc{padding-block:clamp(52px,7vw,96px)} .the-bai{min-height:0} @media (min-width:861px){.the-ba{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)}} @media (min-width:600px) and (max-width:860px){ .luoi-ba,.the-ba-cach,.buoc{grid-template-columns:repeat(2,minmax(0,1fr))} .luoi-ba>:last-child:nth-child(odd),.the-ba-cach>:last-child:nth-child(odd){grid-column:1/-1} .buoc::before{display:none} .dich-vu{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} } @media (min-width:600px){.luoi-hai{grid-template-columns:repeat(2,minmax(0,1fr))}} .the-cho{justify-content:center} .tn-su-menh,.gia-tri .trich-lon,.lh-o-trich{border:1px solid var(--xanh-nhan)} .trang section[id]{scroll-margin-top:78px} .trang>section.muc:not(.dai-xanh):first-child:has(>.trong>.tieu-muc:last-child){padding-bottom:clamp(16px,2.5vw,32px)} .trang>section.muc:not(.dai-xanh):first-child>.trong>.tieu-muc:last-child{margin-bottom:0} .trang>section.muc:not(.dai-xanh):first-child:has(>.trong>.tieu-muc:last-child)+section{padding-top:clamp(32px,4.5vw,64px)} :root{--bg:#FFFFFF;--bg2:#FFFFFF;--bg3:#FFFFFF;--surface:#FFFFFF;--ink:#0F1A1F;--soft:#2E3E44;--teal2:#075A6E;--xanh-nhan:#00586D;--gold:#C29A48;--gold-ink:#7D5A17;--on-teal:#FFFFFF;--on-teal-soft:#EEF4F5;--line:rgba(1,60,76,.18);--vien:rgba(1,60,76,.16);--vien-vang:rgba(194,154,72,.75);--khoi:#FFFFFF;--khoi-vien:rgba(1,60,76,.22);--khoi-bong:inset 0 1px 0 #FFFFFF,0 1px 2px rgba(1,48,61,.08),0 8px 18px -8px rgba(1,48,61,.18);--khoi-bong-noi:0 1px 2px rgba(1,48,61,.08),0 14px 28px -14px rgba(1,48,61,.26);--bong:0 14px 28px -16px rgba(1,60,76,.30);--bong-nhe:0 8px 18px -12px rgba(1,60,76,.26);--sau:linear-gradient(150deg,#08637B 0%,#024A5D 45%,#013442 100%);--sau-vien:rgba(214,178,104,.9);--sau-bong:0 14px 30px -14px rgba(1,52,66,.42);--ngoc:radial-gradient(circle at 32% 26%,#3FA3B9 0%,#06566A 50%,#013C4C 100%);--sam:linear-gradient(150deg,#FFFAF0 0%,#F5E7CB 100%);--sam-vien:rgba(194,154,72,.55);--o-1:rgba(255,255,255,0);--o-2:rgba(255,255,255,0);--o-3:rgba(255,255,255,0);--o-4:rgba(255,255,255,0);--anh-sang:rgba(255,255,255,0);--anh-vang:rgba(255,255,255,0);--anh-xanh:rgba(255,255,255,0);--nut-vien:#C9A04E;--btn-h:#075A6E;--nhap-vien:rgba(0,88,109,.65)}.chan{background:linear-gradient(160deg,#08637B 0%,#024A5D 50%,#013442 100%)}.dv-anh::after{background:linear-gradient(180deg,rgba(1,42,53,0) 62%,rgba(1,42,53,.12) 100%)}.dv{background:var(--khoi)}.hero,.muc2,.dai-xanh{background:#FFFFFF;box-shadow:none}#w-ldform{background:#FFFFFF!important}.lua[aria-pressed="true"]{background:#EAF3F5}#w-ldform .section-background{background:#FFFFFF!important}#w-ldf_card{background:var(--khoi)!important;box-shadow:var(--khoi-bong-noi)!important}.bmi-ngang{box-shadow:0 14px 30px -14px rgba(1,60,76,.45)}*{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.bmi-nho,.form .ghi-chu,.dai-bang-chung small{opacity:1}.muc{padding-block:clamp(28px,3.2vw,42px)}.trang>section.muc:not(.dai-xanh):first-child:has(>.trong>.tieu-muc:last-child)+section{padding-top:clamp(28px,3.2vw,42px)}.tieu-muc{margin-bottom:clamp(20px,2.6vw,34px)} /* ===== Bổ sung riêng cho WordPress (không đổi giao diện đã duyệt) ===== */ /* thanh quản trị WordPress (chỉ hiện khi chị đăng nhập) không che đầu trang */ @media screen and (min-width:783px){.admin-bar .dau{top:32px}} @media screen and (min-width:601px) and (max-width:782px){.admin-bar .dau{top:46px}} /* khối form đăng ký Webcake nhúng */ .o-dang-ky{position:relative;border-radius:28px;background:var(--khoi);border:1px solid var(--xanh-nhan);box-shadow:var(--khoi-bong-noi);overflow:hidden} .o-dang-ky iframe{display:block;width:420px;max-width:none;border:0;background:#FFFFFF} .lh-o-form .o-dang-ky{border:0;box-shadow:none;border-radius:0;background:transparent} .o-dang-ky .dang-tai{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);font-size:.95rem;pointer-events:none} /* bài viết chị tự đăng: ảnh, chú thích, trích dẫn, bảng */ .bai img{max-width:100%;height:auto;border-radius:18px} .bai figure{margin:22px 0} .bai figure figcaption,.bai .wp-element-caption{margin-top:8px;font-size:.9rem;color:var(--soft);text-align:center} .bai blockquote{margin:22px 0;padding:6px 0 6px 20px;border-left:3px solid var(--gold);color:var(--soft)} .bai table{width:100%;border-collapse:collapse;margin:18px 0} .bai th,.bai td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top} .bai h3{margin:28px 0 10px} .bai ul:not([class*="dang-"]),.bai ol:not([class*="dang-"]){margin:6px 0 16px;padding-left:1.4em} .bai ul:not([class*="dang-"]) li,.bai ol:not([class*="dang-"]) li{margin:6px 0} .bai a:not(.nut){color:var(--xanh-nhan);text-decoration:underline;text-underline-offset:3px} .bai-anh-dai-dien{margin:20px 0 8px} .bai-anh-dai-dien img{display:block;width:100%;border-radius:22px} .the-bai .the-bai-anh{display:block;margin:-6px -6px 14px;border-radius:16px;overflow:hidden;aspect-ratio:16/10} .the-bai .the-bai-anh img{display:block;width:100%;height:100%;object-fit:cover} .phan-trang{display:flex;gap:10px;justify-content:center;margin-top:28px} /* ảnh thật tại LY ĐĂNG */ .anh-that{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)} .anh-that figure{margin:0;position:relative;border-radius:22px;overflow:hidden;background:#EEF4F5;box-shadow:var(--khoi-bong);aspect-ratio:3/4} .anh-that figure.rong{grid-column:span 2;aspect-ratio:auto} .anh-that img{display:block;width:100%;height:100%;object-fit:cover} .anh-that figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:12px;background:rgba(1,52,66,.78);color:#FFFFFF;font-size:.86rem;line-height:1.4} @media (max-width:860px){.anh-that{grid-template-columns:repeat(2,minmax(0,1fr))}.anh-that figure.rong{grid-column:span 2;aspect-ratio:4/3}} .anh-mot{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--khoi-bong)} .anh-mot img{display:block;width:100%;height:auto} .anh-mot figcaption{padding:10px 14px;font-size:.9rem;color:var(--soft);background:var(--khoi)}