@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;700;800&display=swap');

/* ══════════════════════════════════════════════════════════
   BẢNG MÀU — lấy theo minhtravel.vn/master-class
   Nền tối navy · thẻ xanh xám · nút đỏ mận · chữ nhấn cam đất
   ══════════════════════════════════════════════════════════ */
:root{
  --nen:#0B0F19;          /* nền chính */
  --nen-2:#0D1924;        /* nền mục xen kẽ */
  --the:#203644;          /* nền thẻ */
  --the-2:#1A2C39;        /* thẻ chìm hơn */

  --chu:#FFFFFF;
  --chu-nhat:#B0B6C6;

  --nhan:#EA6E43;         /* chữ nhấn — cam đất */
  --nhan-dam:#FF8B5E;
  --nut:#CA004D;          /* nút bấm — đỏ mận */
  --nut-sang:#FF005A;
  --xanh:#42DCE7;         /* nhấn phụ — xanh ngọc */
  --vang:#F48C04;         /* sao đánh giá */

  --vien:rgba(255,255,255,.11);
  --vien-sang:rgba(255,255,255,.22);

  --do-nhat:rgba(202,0,77,.11);   --do-vien:rgba(255,0,90,.34);
  --xanh-nhat:rgba(66,220,231,.07); --xanh-vien:rgba(66,220,231,.30);
  --vang-nhat:rgba(244,140,4,.11);  --vang-vien:rgba(244,140,4,.42);

  --bong:0 2px 6px rgba(0,0,0,.35), 0 16px 40px rgba(0,0,0,.30);
  --rong:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--nen);color:var(--chu);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;
}
.bao{max-width:var(--rong);margin:0 auto;padding:0 20px}
.hep{max-width:800px;margin:0 auto}

h1,h2,h3{line-height:1.18;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(32px,5.6vw,54px)}
h2{font-size:clamp(26px,3.8vw,40px)}
h3{font-size:clamp(19px,2.3vw,24px);font-weight:700}
p{margin:0 0 1em}
a{color:var(--nhan);text-decoration:none}
a:hover{color:var(--nhan-dam);text-decoration:underline}
strong{font-weight:700}

section{padding:clamp(52px,7.5vw,96px) 0;border-bottom:1px solid var(--vien)}
section:nth-of-type(even){background:var(--nen-2)}
.nhan-mau{color:var(--nhan)}
.mo{color:var(--chu-nhat)}
.to{font-size:clamp(18px,2.3vw,23px);font-weight:600;line-height:1.55}

/* ── Đầu trang ─────────────────────────────── */
.hero{
  background:
    radial-gradient(900px 420px at 82% -8%, rgba(202,0,77,.20), transparent 62%),
    radial-gradient(760px 380px at 8% 6%, rgba(66,220,231,.10), transparent 60%),
    var(--nen);
  border-bottom:1px solid var(--vien);
}
.nhan-tren{
  display:inline-block;background:var(--nut);color:#fff;font-size:13px;font-weight:800;
  padding:8px 18px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:22px;box-shadow:0 6px 20px rgba(202,0,77,.42);
}
.hero p.dan{font-size:clamp(17px,2.1vw,20px);color:var(--chu-nhat);max-width:720px}
.hero p.dan strong{color:var(--chu)}

/* ── Nút ───────────────────────────────────── */
.nut-hang{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;align-items:center}
.nut{
  display:inline-block;background:var(--nut);color:#fff;text-decoration:none;font-weight:800;
  padding:17px 36px;border-radius:10px;border:0;font-size:17px;cursor:pointer;
  transition:transform .15s, box-shadow .15s, background .15s;
  box-shadow:0 8px 26px rgba(202,0,77,.36);letter-spacing:.01em;text-align:center;
  font-family:inherit;
}
.nut:hover{background:var(--nut-sang);transform:translateY(-2px);color:#fff;text-decoration:none;
  box-shadow:0 12px 34px rgba(255,0,90,.46)}
.nut-vien{background:transparent;color:var(--chu);border:1.5px solid var(--vien-sang);box-shadow:none}
.nut-vien:hover{background:rgba(255,255,255,.06);color:var(--chu);border-color:var(--nhan);
  box-shadow:none;transform:translateY(-2px)}
.nut-to{width:100%;max-width:540px;font-size:19px;padding:21px 36px}

/* ── Ô số ──────────────────────────────────── */
.so-hang{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:44px}
.so-o{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:22px;box-shadow:var(--bong)}
.so-lon{font-size:34px;font-weight:800;color:var(--nhan);line-height:1.1}
.so-o small{color:var(--chu-nhat);font-size:14px;display:block;margin-top:8px;line-height:1.5}

/* ── Ô chung ───────────────────────────────── */
.o{background:var(--the);border:1px solid var(--vien);border-radius:14px;
   padding:24px 26px;box-shadow:var(--bong)}
.luoi-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.luoi-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.o-do{background:var(--do-nhat);border-color:var(--do-vien)}
.o-xanh{background:var(--xanh-nhat);border-color:var(--xanh-vien)}

/* ── Bảng ──────────────────────────────────── */
.cuon{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0;
  border:1px solid var(--vien);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;background:var(--the)}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--vien)}
th{background:var(--the-2);font-weight:800;font-size:13px;text-transform:uppercase;
   letter-spacing:.05em;color:var(--chu-nhat)}
tr:last-child td{border-bottom:0}
td.nhan-so{font-weight:800;color:var(--nhan)}

/* ── Vòng lặp ──────────────────────────────── */
.vong{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:26px;margin:26px 0}
.vong ol{margin:0;padding-left:22px}
.vong li{margin-bottom:11px}
.vong li::marker{color:var(--nhan);font-weight:800}
.vong li:last-child{margin-bottom:0;font-weight:700;color:var(--nhan)}

/* ── Trích dẫn ─────────────────────────────── */
blockquote{
  margin:32px 0;padding:24px 28px;border-left:4px solid var(--nhan);
  background:linear-gradient(90deg, rgba(234,110,67,.10), transparent);
  border-radius:0 12px 12px 0;font-size:clamp(18px,2.2vw,22px);
  font-weight:700;line-height:1.5;color:var(--chu);
}
blockquote p:last-child{margin-bottom:0}

/* ── Trước / Sau ───────────────────────────── */
.ts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:26px}
.ts h3{margin-bottom:14px}
.ts ul{margin:0;padding-left:20px}
.ts li{margin-bottom:9px}

/* ── Gói giá ───────────────────────────────── */
.goi-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}
.goi{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:26px;
  box-shadow:var(--bong);display:flex;flex-direction:column}
.goi.chu-luc{border:2px solid var(--nut);position:relative;
  box-shadow:0 0 0 6px rgba(202,0,77,.10), var(--bong)}
.goi.chu-luc::before{
  content:"NHIỀU NGƯỜI CHỌN NHẤT";position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--nut);color:#fff;font-size:11px;font-weight:800;padding:5px 14px;
  border-radius:999px;white-space:nowrap;letter-spacing:.05em}
.gia{font-size:clamp(34px,4.5vw,42px);font-weight:800;color:var(--chu);margin:10px 0 4px;line-height:1.05}
.gia small{display:block;font-size:15px;font-weight:400;color:var(--chu-nhat);margin-top:6px}
.gia-cu{font-size:19px;color:var(--chu-nhat);text-decoration:line-through;font-weight:400}
.goi ul{margin:16px 0 22px;padding-left:18px;font-size:15px;flex:1}
.goi li{margin-bottom:8px}
.goi .nut{width:100%}

/* ── Bảng giá trị ──────────────────────────── */
.vs td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.vs tr.tong td{background:var(--vang-nhat);font-weight:800;font-size:17px;color:var(--chu)}
.vs tr.tra td{background:rgba(202,0,77,.18);font-weight:800;font-size:19px;color:#fff}

/* ── Phản đối (gập/mở) ─────────────────────── */
.pd{border:1px solid var(--vien);border-radius:14px;overflow:hidden;margin-bottom:14px;background:var(--the)}
.pd summary{padding:20px 24px;cursor:pointer;font-weight:700;font-size:17px;list-style:none;
  display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--chu)}
.pd summary::-webkit-details-marker{display:none}
.pd summary:hover{background:rgba(255,255,255,.04)}
.pd summary::after{content:"+";font-size:26px;color:var(--nhan);font-weight:800;line-height:1}
.pd[open] summary::after{content:"−"}
.pd[open] summary{border-bottom:1px solid var(--vien)}
.pd .noi{padding:20px 24px;color:var(--chu-nhat)}
.pd .noi p:last-child{margin-bottom:0}
.pd .noi strong{color:var(--chu)}

/* ── Biểu mẫu ──────────────────────────────── */
.form-hop{background:var(--the);border:1px solid var(--vien-sang);border-radius:16px;
  padding:clamp(26px,4vw,38px);box-shadow:var(--bong);max-width:640px;margin:30px auto 0}
label{display:block;font-weight:700;margin-bottom:8px;font-size:15px;color:var(--chu)}
input,select,textarea{
  width:100%;padding:15px 16px;border:1.5px solid var(--vien-sang);border-radius:10px;
  background:var(--nen);color:var(--chu);font-size:16px;font-family:inherit;margin-bottom:18px}
input::placeholder{color:#6C7789}
input:focus,select:focus{outline:2px solid var(--nhan);outline-offset:1px;border-color:var(--nhan)}
select option{background:var(--nen);color:var(--chu)}
.rieng-tu{font-size:13px;color:var(--chu-nhat);margin-top:16px;text-align:center;line-height:1.6}
.bao-loi{color:#FF6B8A;font-weight:700;margin-bottom:14px;display:none}

/* ── Chỗ cần điền ──────────────────────────── */
.dien{background:var(--vang-nhat);border:1px dashed var(--vang-vien);border-radius:7px;
  padding:2px 9px;font-size:14px;font-weight:700;color:var(--vang);display:inline-block}
.khoi-dien{background:var(--vang-nhat);border:1px dashed var(--vang-vien);border-radius:14px;
  padding:22px 26px;margin:20px 0}
.khoi-dien p:last-child{margin-bottom:0}

/* ── Chân trang ────────────────────────────── */
footer{padding:48px 0;font-size:14px;color:var(--chu-nhat);text-align:center;background:var(--nen)}
footer a{color:var(--chu-nhat)}
footer a:hover{color:var(--nhan)}
.ps{background:var(--the);border:1px solid var(--vien);border-radius:14px;padding:26px;margin-top:36px}
.ps p:last-child{margin-bottom:0}

/* ── Trang lead ────────────────────────────── */
.lead-hop{max-width:680px;width:100%;margin:0 auto}
.lead-hop h1{font-size:clamp(28px,4.6vw,42px)}
.quay-lai{display:inline-block;margin-bottom:22px;font-size:14px;color:var(--chu-nhat)}
.quay-lai:hover{color:var(--nhan)}
.tinh{background:var(--the);border:1px solid var(--vien-sang);border-radius:16px;
  padding:clamp(22px,4vw,32px);box-shadow:var(--bong);margin:28px 0}
.ket-qua{background:var(--do-nhat);border:1px solid var(--do-vien);border-radius:14px;
  padding:22px 24px;margin-top:20px;display:none}
.ket-qua.hien{display:block}
.ket-so{font-size:clamp(30px,5vw,42px);font-weight:800;color:var(--nhan);line-height:1.12;margin:4px 0 2px}
.ket-dong{padding:12px 0;border-bottom:1px dashed var(--vien-sang)}
.ket-dong:last-child{border-bottom:0}

/* ── Các bước ──────────────────────────────── */
.buoc{display:flex;gap:16px;margin-bottom:18px;align-items:flex-start}
.buoc-so{flex:0 0 32px;height:32px;border-radius:50%;background:var(--nut);color:#fff;
  font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;
  box-shadow:0 4px 14px rgba(202,0,77,.4)}
.buoc div p{margin:0}

/* ── Danh sách tick / gạch ─────────────────── */
ul.tick,ul.cross{list-style:none;padding:0;margin:20px 0}
ul.tick li,ul.cross li{padding-left:32px;position:relative;margin-bottom:12px}
ul.tick li::before{content:"✓";position:absolute;left:0;top:0;color:var(--xanh);font-weight:800;font-size:19px}
ul.cross li::before{content:"✕";position:absolute;left:0;top:0;color:var(--nut-sang);font-weight:800;font-size:17px}

/* ── Sao đánh giá ──────────────────────────── */
.sao{color:var(--vang);font-size:15px;letter-spacing:2px}
.sao-dong{font-size:14px;font-weight:300;color:var(--vang);margin:0}

/* ── Chữ chìm trang trí ────────────────────── */
.chim{position:relative}
.chim::before{
  content:attr(data-chu);position:absolute;top:-.24em;left:50%;transform:translateX(-50%);
  font-size:clamp(90px,20vw,240px);font-weight:800;color:rgba(255,255,255,.03);
  letter-spacing:-.04em;pointer-events:none;white-space:nowrap;z-index:0;line-height:1}
.chim > *{position:relative;z-index:1}

@media (max-width:640px){
  .nut-hang .nut{width:100%}
  section{padding:44px 0}
}

/* ══════════════════════════════════════════════════════════
   THÀNH PHẦN THEO BỐ CỤC TRANG BÁN KHOÁ HỌC
   ══════════════════════════════════════════════════════════ */

/* ── Thanh ưu đãi trên cùng ─────────────── */
.thanh-uu-dai{
  background:linear-gradient(90deg,var(--nut),var(--nut-sang));
  color:#fff;text-align:center;font-weight:700;font-size:14px;
  padding:11px 16px;letter-spacing:.02em;line-height:1.5}
.thanh-uu-dai .dien{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);color:#fff}

/* ── Nhãn nhỏ trên tiêu đề mục ──────────── */
.nhan-muc{
  color:var(--nhan);font-weight:800;font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;margin:0 0 12px}
.tren-tieu{
  color:var(--chu-nhat);font-size:clamp(15px,2vw,18px);font-weight:600;
  margin:0 0 14px;letter-spacing:.01em}

/* ── Giá ────────────────────────────────── */
.gia-hero{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:26px 0 8px}
.gia-nay{font-size:clamp(38px,6vw,58px);font-weight:800;color:var(--chu);line-height:1}
.gia-hero .gia-cu{font-size:clamp(18px,2.4vw,22px)}

/* ── Bài học đánh số ────────────────────── */
.bai-luoi{margin-top:30px}
.bai{position:relative;padding-top:34px}
.bai-so{
  position:absolute;top:-14px;left:22px;background:var(--nut);color:#fff;
  font-weight:800;font-size:15px;padding:6px 15px;border-radius:999px;
  box-shadow:0 6px 18px rgba(202,0,77,.42);letter-spacing:.02em}
.bai h3{margin-bottom:10px;color:var(--chu)}
.bai p{margin-bottom:0;color:var(--chu-nhat)}
.bai strong{color:var(--chu)}

/* ── Quà tặng ───────────────────────────── */
.qua-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:20px;margin-top:32px}
.qua{display:flex;flex-direction:column}
.qua-nhan{
  color:var(--vang);font-weight:800;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 8px}
.qua h3{margin-bottom:10px}
.qua .mo{flex:1;font-size:15px}
.qua-gia{
  font-size:26px;font-weight:800;color:var(--nhan);margin:14px 0 0;
  padding-top:14px;border-top:1px dashed var(--vien-sang)}
.tong-qua{
  text-align:center;background:var(--vang-nhat);border:1px dashed var(--vang-vien);
  border-radius:16px;padding:26px;margin-top:26px}
.tong-qua > p:first-child{
  color:var(--chu-nhat);font-weight:700;font-size:14px;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:6px}
.tong-qua-so{font-size:clamp(34px,5.5vw,48px);font-weight:800;color:var(--vang);line-height:1.1;margin-bottom:8px}

/* ── Cam kết ────────────────────────────── */
.cam-ket{display:flex;gap:20px;align-items:flex-start;
  background:var(--xanh-nhat);border-color:var(--xanh-vien)}
.cam-ket-icon{
  flex:0 0 52px;height:52px;border-radius:50%;background:var(--xanh);color:var(--nen);
  display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:800}

/* ── Lời chứng ──────────────────────────── */
.lc{display:flex;flex-direction:column}
.lc .sao{margin:0 0 12px}

@media (max-width:640px){
  .gia-hero{justify-content:center}
  .cam-ket{flex-direction:column;gap:14px}
  .bai{padding-top:30px}
  .bai-so{left:18px}
  .thanh-uu-dai{font-size:13px;padding:10px 14px}
}

/* ── Ảnh ────────────────────────────────── */
img{max-width:100%;height:auto;display:block}
.anh{border-radius:16px;border:1px solid var(--vien);box-shadow:var(--bong);width:100%}
.anh-bia{border-radius:18px;border:1px solid var(--vien-sang);box-shadow:0 20px 60px rgba(0,0,0,.5);width:100%}
.khung-anh{margin:28px 0}
.anh-chu{font-size:13px;color:var(--chu-nhat);text-align:center;margin:10px 0 0;line-height:1.5}
.anh-doi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0}
.anh-doi img{border-radius:14px;border:1px solid var(--vien);box-shadow:var(--bong);
  width:100%;aspect-ratio:3/4;object-fit:cover}

/* ── Thẻ khoá học trong combo ───────────── */
.khoa-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px}
.khoa{background:var(--the);border:1px solid var(--vien);border-radius:16px;padding:26px;
  box-shadow:var(--bong);display:flex;flex-direction:column;position:relative;padding-top:34px}
.khoa-so{position:absolute;top:-14px;left:22px;background:var(--nut);color:#fff;font-weight:800;
  font-size:14px;padding:6px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(202,0,77,.42)}
.khoa h3{margin-bottom:10px;color:var(--chu)}
.khoa > p{color:var(--chu-nhat);flex:1;margin-bottom:14px}
.khoa ul{margin:0 0 16px;padding-left:18px;font-size:14.5px;color:var(--chu-nhat)}
.khoa li{margin-bottom:6px}
.khoa-gia{font-size:24px;font-weight:800;color:var(--nhan);margin:0;
  padding-top:14px;border-top:1px dashed var(--vien-sang)}
.khoa-gia small{display:block;font-size:13px;font-weight:400;color:var(--chu-nhat);margin-top:4px}

/* ── Khối chốt giá combo ────────────────── */
.combo{background:linear-gradient(135deg, rgba(202,0,77,.20), rgba(66,220,231,.08));
  border:2px solid var(--nut);border-radius:20px;padding:clamp(28px,5vw,44px);
  text-align:center;margin-top:34px;box-shadow:0 0 0 8px rgba(202,0,77,.07)}
.combo-nhan{color:var(--chu-nhat);font-weight:700;font-size:14px;letter-spacing:.12em;
  text-transform:uppercase;margin-bottom:10px}
.combo-tong{font-size:clamp(26px,4vw,34px);font-weight:700;color:var(--chu-nhat);
  text-decoration:line-through;margin:0 0 6px;line-height:1.2}
.combo-gia{font-size:clamp(46px,9vw,80px);font-weight:800;color:#fff;line-height:1;margin:6px 0 10px}
.combo-tiet{display:inline-block;background:var(--vang);color:#1a1200;font-weight:800;
  font-size:15px;padding:8px 20px;border-radius:999px;margin-bottom:22px}
.anh-ba{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:26px 0}
.anh-ba img{border-radius:12px;border:1px solid var(--vien);box-shadow:var(--bong);
  width:100%;aspect-ratio:4/3;object-fit:cover}
.ly-do h3{color:var(--chu)}
.ly-do p{color:var(--chu-nhat)}
.ly-do p.to{color:var(--chu)}
.ly-do strong{color:var(--chu)}

/* ── Dải điểm nhanh dưới hero ────────────── */
.dai-nhanh{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0 4px}
.dai-nhanh span{background:rgba(255,255,255,.06);border:1px solid var(--vien-sang);
  border-radius:999px;padding:9px 18px;font-size:14.5px;color:var(--chu-nhat)}
.dai-nhanh strong{color:var(--chu)}
.cam-ket-buoc{margin:18px 0}
.cam-ket-buoc .buoc{margin-bottom:12px}
.cam-ket-buoc .buoc p{color:var(--chu-nhat)}
.cam-ket-buoc .buoc strong{color:var(--chu)}

/* ── Trang cảm ơn ───────────────────────── */
.dau-tick{width:76px;height:76px;margin:0 auto 20px;border-radius:50%;
  background:var(--xanh);color:var(--nen);display:flex;align-items:center;
  justify-content:center;font-size:42px;font-weight:800;
  box-shadow:0 0 0 10px rgba(66,220,231,.12)}
.hop-zalo{background:linear-gradient(135deg, rgba(202,0,77,.20), rgba(66,220,231,.08));
  border:2px solid var(--nut);border-radius:20px;padding:clamp(24px,4vw,34px);
  margin:30px 0;box-shadow:0 0 0 8px rgba(202,0,77,.07)}
code{background:rgba(255,255,255,.09);border:1px solid var(--vien-sang);border-radius:5px;
  padding:2px 7px;font-size:13.5px;font-family:ui-monospace,Consolas,monospace;color:var(--vang)}

/* ── Trang thanh toán ───────────────────── */
.don-dong{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  padding:12px 0;border-bottom:1px dashed var(--vien-sang);flex-wrap:wrap}
.don-dong:last-child{border-bottom:0}
.don-dong > .mo{flex:0 0 auto;font-size:14.5px}
.don-dong > strong{text-align:right;flex:1;min-width:0;word-break:break-word}
.so-tien{font-size:26px;color:var(--nhan);line-height:1.2}
.qr{border-radius:14px;background:#fff;padding:10px;max-width:300px;width:100%;height:auto;
  box-shadow:var(--bong);margin:0 auto}
.nut-chep{background:rgba(255,255,255,.08);border:1px solid var(--vien-sang);color:var(--chu-nhat);
  border-radius:6px;font-size:12px;padding:3px 9px;margin-left:8px;cursor:pointer;
  font-family:inherit;font-weight:600;vertical-align:middle}
.nut-chep:hover{background:var(--nhan);color:#fff;border-color:var(--nhan)}