/* Miss Áo Dài · TRANG CHỦ THÔNG ĐIỆP (07/10/2026). Đi kèm trang-chu-td.js. Chỉ có hiệu lực khi <html class="gd-moi">. */

/* ===== Màn thông điệp tràn màn hình ===== */
#tdHome{display:none}
.gd-moi body[data-xem="home"] #tdHome{display:block}
html.tat-thongdiep #tdHome{display:none!important}
#tdHome{position:relative;height:calc(100vh - var(--ui-dau,0px));height:calc(100svh - var(--ui-dau,0px));min-height:520px;overflow:hidden;background:#DCE8EE;color:#fff;-webkit-tap-highlight-color:transparent}
.td-ray{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
.td-ray::-webkit-scrollbar{display:none}
.td-the{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.td-nen{position:absolute;inset:0;background:#DCE8EE center/cover no-repeat;transform:scale(1.02);transition:opacity .6s}
.td-the.on .td-nen{animation:tdTho 24s ease-in-out infinite alternate}
@keyframes tdTho{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.td-the.on .td-nen{animation:none}}
/* lớp phủ mỏng giữ chữ trắng dễ đọc mà ảnh vẫn trong trẻo */
.td-mo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,32,.30) 0%,rgba(14,24,32,.06) 22%,rgba(14,24,32,.16) 42%,rgba(14,24,32,.22) 62%,rgba(14,24,32,.42) 100%)}
.td-chu{position:absolute;left:0;right:0;top:47%;transform:translateY(-50%);padding:0 30px;max-width:760px;margin:0 auto}
.td-chu small{display:inline-block;font-size:13.5px;font-weight:500;letter-spacing:.02em;opacity:.95;margin-bottom:12px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.td-cau{margin:0;font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;font-size:clamp(30px,8.6vw,48px);line-height:1.3;letter-spacing:.005em;text-wrap:pretty;text-shadow:0 2px 14px rgba(0,0,0,.32),0 1px 3px rgba(0,0,0,.28)}
.td-cau.vua{font-size:clamp(27px,7.6vw,42px)}
.td-cau.dai{font-size:clamp(24px,6.6vw,36px);line-height:1.34}
/* đầu màn: lời chào + nút chat (giống ảnh mẫu anh gửi) */
.td-tren{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 0;pointer-events:none}
.td-tren>*{pointer-events:auto}
.td-chao{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;padding:0;min-width:0}
.td-av{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.92);color:#A8641F;font-size:20px;font-weight:700;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.td-av img{width:82%;height:82%;object-fit:contain}
.td-chao span:last-child{min-width:0}
.td-chao small,.td-chao b{display:block;font-size:15px;line-height:1.45;text-shadow:0 1px 6px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-chao small{opacity:.96}
.td-chao b{font-weight:600}
.td-tron{position:relative;width:48px;height:48px;flex:none;border-radius:16px;border:0;display:grid;place-items:center;background:rgba(255,248,226,.92);color:#5A4A2A;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.td-tron svg,.td-nut svg,.td-mui svg,.td-len svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.td-so{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#E5484D;color:#fff;font-size:11.5px;font-weight:700;font-style:normal;display:grid;place-items:center}
.td-so[hidden]{display:none}
/* chân màn: chia sẻ · lưu ảnh · gợi ý vuốt lên */
.td-day{position:absolute;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}
.td-day>*{pointer-events:auto}
.td-nut{display:flex;gap:22px}
.td-nut button{width:56px;height:56px;border-radius:18px;border:0;display:grid;place-items:center;background:rgba(255,255,255,.26);color:#fff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.10)}
.td-nut button:active{transform:scale(.94)}
.td-len{border:0;background:none;color:#fff;font:inherit;font-size:13px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.4);padding:2px 12px;white-space:nowrap;width:auto;height:auto}
.td-len span{display:block;height:22px;animation:tdLen 2.4s ease-in-out infinite}
.td-len svg{width:22px;height:22px}
@keyframes tdLen{0%,100%{transform:translateY(3px);opacity:.6}50%{transform:translateY(-3px);opacity:1}}
@media (prefers-reduced-motion:reduce){.td-len span{animation:none}}
/* mũi tên trái/phải chỉ cho máy có chuột */
.td-mui{display:none}
@media (hover:hover) and (pointer:fine){
  .td-mui{display:grid;place-items:center;position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:0;background:rgba(255,255,255,.24);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .td-mui.trai{left:20px}.td-mui.phai{right:20px}
  #tdHome.dau .td-mui.trai,#tdHome.cuoi .td-mui.phai{display:none}
}
@media (min-width:821px){
  .td-day{bottom:34px}
  .td-chu{padding:0 64px}
  .td-tren{padding:20px 28px 0}
}
/* Đang xem màn thông điệp: ẩn nút chat nổi (đã có nút chat góc trên) */
.gd-moi body.td-trong[data-xem="home"] #hc-nut{opacity:0;pointer-events:none;transform:scale(.8)}
.gd-moi #hc-nut{transition:opacity .25s,transform .25s}
#tdBao{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:200;background:rgba(30,30,30,.86);color:#fff;padding:10px 18px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:.25s}
#tdBao.hien{opacity:1;transform:translate(-50%,0)}

/* ===== Trang chủ bên dưới: bỏ khối thừa, màu trong trẻo · thuần dương ===== */
.gd-moi #viSao{display:none!important}   /* "Vì sao chọn Miss Áo Dài" — anh Hóa bỏ 07/10 */
.gd-moi body[data-xem="home"] .wrap{padding-top:0}
.gd-moi body[data-xem="home"] #uiHome{padding-top:var(--s-8)}
/* Bảng màu trang chủ (chế độ sáng): trắng ngà, nắng sớm vàng hổ phách, trời xanh nhạt */
.gd-moi[data-theme="light"] body[data-xem="home"]{--c-primary:#A8641F;--c-primary-2:#7E4A16;--c-primary-soft:#FFF2DF;--c-bg:#FFFCF6;--c-surface:#FFFFFF;--c-surface-2:#F1F6F9;--c-text:#2F2A25;--c-text-2:#6E655C;--c-line:#F0E7DA;--c-pink:#D9825B;--c-pink-soft:#FFF0E8;--sh-1:0 1px 2px rgba(120,90,40,.05),0 6px 20px rgba(120,90,40,.07);--brand:var(--c-primary);--brand-2:var(--c-primary-2);--brand-soft:var(--c-primary-soft)}
@media (prefers-color-scheme:light){
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"]{--c-primary:#A8641F;--c-primary-2:#7E4A16;--c-primary-soft:#FFF2DF;--c-bg:#FFFCF6;--c-surface:#FFFFFF;--c-surface-2:#F1F6F9;--c-text:#2F2A25;--c-text-2:#6E655C;--c-line:#F0E7DA;--c-pink:#D9825B;--c-pink-soft:#FFF0E8;--sh-1:0 1px 2px rgba(120,90,40,.05),0 6px 20px rgba(120,90,40,.07);--brand:var(--c-primary);--brand-2:var(--c-primary-2);--brand-soft:var(--c-primary-soft)}
}
.gd-moi body[data-xem="home"]{background:var(--c-bg)}
/* thẻ trạng thái (lộ trình / chào mừng): nắng sớm thay nâu đỏ */
@media (prefers-color-scheme:light){
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt,.gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt.khach{background:linear-gradient(135deg,#FFF7E8 0%,#FDE9CC 55%,#F9DEC8 100%);color:#3A2C20;border:1px solid #F3E2C9}
}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt,.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt.khach{background:linear-gradient(135deg,#FFF7E8 0%,#FDE9CC 55%,#F9DEC8 100%);color:#3A2C20;border:1px solid #F3E2C9}
@media (prefers-color-scheme:light){
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt::after{background:rgba(255,255,255,.55)}
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt .ui-btn{background:#fff;color:#7E4A16;box-shadow:0 1px 3px rgba(120,90,40,.12)}
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt.khach .ui-btn.trang{background:#A8641F;color:#fff}
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt .ui-thanh{background:rgba(168,100,31,.14)}
  .gd-moi:not([data-theme="dark"]) body[data-xem="home"] .ui-tt .ui-thanh i{background:linear-gradient(90deg,#F6C66B,#E59A3A)}
}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt::after{background:rgba(255,255,255,.55)}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt .ui-btn{background:#fff;color:#7E4A16;box-shadow:0 1px 3px rgba(120,90,40,.12)}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt.khach .ui-btn.trang{background:#A8641F;color:#fff}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt .ui-thanh{background:rgba(168,100,31,.14)}
.gd-moi[data-theme="light"] body[data-xem="home"] .ui-tt .ui-thanh i{background:linear-gradient(90deg,#F6C66B,#E59A3A)}
/* thẻ chào mừng/lộ trình trên nền sáng: bỏ vòng tròn trang trí (đè chữ), nút không gãy dòng */
.gd-moi body[data-xem="home"] .ui-tt::after{display:none}
.gd-moi body[data-xem="home"] .ui-tt .ui-btn{white-space:nowrap}