<style> /* RESET */ *{ margin:0;
 padding:0;
 box-sizing:border-box;
 } body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-size:14px; }
 
 /* ===== TOPBAR ===== */
 .topbar {
  height: 40px;
  display: flex;
  justify-content: center; /* 🔥 căn giữa toàn bộ */
  align-items: center;
   position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/* khung giữa */
.topbar-inner {
  width: 100%;
  max-width: 1200px;

  display: flex;
  justify-content: space-between; /* trái - phải */
  align-items: center;
}

/* giờ + sao */
.time-box {
  display: flex;
  align-items: center;
  gap: 8px;

  color: #fff;
  font-size: 13px;
}

/* dấu | */
.divider {
  color: rgba(255,255,255,0.6);
}

/* ⭐ ngôi sao */
.star {
  color: #00cfff;
  font-size: 18px;
  text-shadow: 0 0 6px rgba(0,195,255,0.8);
}

/* auth */
.auth-box{
  position: absolute;

  right: 550px;   /* 👉 chỉnh qua phải */
  /* left: 50px; 👉 hoặc dùng cái này nếu muốn qua trái */

  top: 50%;
  transform: translateY(-50%);

  display: flex;
  gap: 20px;
}

/* nút */


	 .auth-box a:last-child{
		 background:#00c3ff;
		 } 
		 /* ===== HEADER ===== */
		 header{ height:70px;
		 display:flex;
		 justify-content:center;
		 align-items:center; 
		 background:#fff; 
		 position:fixed;
		 top:35px;
		 width:100%;
		 z-index:999;
		 box-shadow:0 2px 5px rgba(0,0,0,0.1);
		 } 
		 .header-box{ 
		 width:100%; 
		 max-width:1200px;
		 display:flex;
		 justify-content:center;
		 align-items:center; 
		 position:relative; }
		 .logo{
			 position:absolute; 
			 left:50px; 
			 top:50%;
			 transform:translateY(-50%);
			 z-index:1001;
			 /* nổi hơn header */ 
			 } 
			 .logo img{
  height: 23px !important;
   width: auto !important;
  
}
				 /* hover */ 
				 .logo img:hover{
  transform: scale(1.05); /* nhẹ hơn */
  filter: drop-shadow(0 5px 10px rgba(0,0,0,0.6));
}
					 /* ===== MENU ===== */ 
					 nav{ display:flex; 
					 gap:0; 
					 /* 👉 bỏ khoảng cách */
					 } 
					 nav a{ 
					 text-decoration:none;
					 color:#333; f
					ont-weight:600; 
					transition:0.3s;
					}
					nav a:hover{ color:#00c3ff;
					} 
					/* ===== DROPDOWN ===== */
					.dropdown{ 
					position:relative;
					} 
					.dropdown-content{ 
					position:fixed;
					top:102px;
					left:0; 
					width:100%;
					/* 🔥 QUAN TRỌNG */
					background:rgba(255,255,255,0.9);
					backdrop-filter:blur(5px); 
					-webkit-backdrop-filter:blur(10px);
					/* cho Safari */
					padding:0px 0px;
					box-shadow:0 10px 30px rgba(0,0,0,0.2);
					opacity:0;
					visibility:hidden;
					transition:all 0.3s ease;
					} 
					.dropdown:hover .dropdown-content,
					.dropdown-content:hover{ 
					opacity:1;
					visibility:visible;
					transform:none;
					/* ✅ giữ nguyên full */ 
					} 
					.banner-row{ 
					display:flex; 
					justify-content:center;
					align-items:center;
					gap:0;
					/* ❌ bỏ khoảng cách */
					flex-wrap:nowrap; 
					/* ❌ không xuống dòng */ 
					} 
					.banner-row img{
						transition:0.3s;
						filter:brightness(1);
						/* bình thường */ 
						}
						.banner-row img:hover{
							transform:none !important;
							box-shadow:none !important; 
							filter:brightness(0.9); /* 👉 chỉ tối nhẹ thôi */ 
							}
							/* ===== BANNER ===== */ 
.banner{
  margin-top:110px;
}

.banner img{
  width:100%;
  height:450px;       /* 👉 chỉnh độ cao tại đây */
  object-fit:cover;
  display:block;
}
								/* ===== MARQUEE ===== */
								.label{
									color:#fff; 
									font-weight:bold;
									margin-left:400px; 
									/* 👈 đẩy sang phải */
									} 
									.marquee{
										flex:1;
										overflow:hidden; 
										position:relative; 
										margin-left:5px; /* 👈 đẩy chữ sang phải */ 
										margin-right:200px; /* 👈 chừa chỗ banner bên phải */ 
										} 
										.marquee span{
											display:inline-block;
											white-space:nowrap; 
											color:#fff;
											font-weight:bold; /* animation */ 
											animation: run 30s linear infinite; } /* Chạy chữ từ phải sang trái */
											@keyframes run{ 0% { transform: translateX(62%); /* bắt đầu ngoài phải màn hình */
											} 100% { transform: translateX(-100%); /* đi ra ngoài trái màn hình */ 
											} 
											} /* ===== FOOTER ===== */ 
.footer{
 background:#4a4a4a;
  padding:40px 0 15px;
  color:#bbb;
  font-size:13px;
}

.footer-container{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:0px; /* 🔥 khoảng cách cột */
  flex-wrap:wrap;
  max-width:1200px;
  margin:0 auto;
}

.footer-col{
  text-align:left; /* 🔥 giống web bạn gửi */
  min-width:120px;
}

.footer-col h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.footer-col h3 img {
  width: 22px;
  height: 22px;
}

/* chữ */
.footer-col h3 span {
  position: relative;
  display: inline-block; /* 🔥 fix mất gạch */
}

/* gạch */
.footer-col h3 span::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: #888;
}
/* icon từng mục */
.footer-col h3::before{
  content:"";
  width:14px;
  height:14px;
  background-size:contain;
  background-repeat:no-repeat;
}

/* từng loại icon riêng */
.seo-content{
  display: none; /* 🔥 luôn ẩn */
  padding: 15px;
  font-size: 14px;
  color: #4a4a4a;
}

.seo-btn{
  background: #4a4a4a;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 6px;
  font-weight: bold;
}

.footer-col a{
  display:block;
  color:#aaa;
  text-decoration:none;
  margin:4px 0;
  margin-left:25px;  /* 👉 chỉnh số này */
  font-size:12px;
  transition:0.2s;
  
}

.footer-col a:hover{
  color:#fff;
  transform:translateX(3px); /* 🔥 hover dịch nhẹ */
}
												/* nền mờ */ 
												.modal{ 
												display:none; 
												position:fixed; 
												z-index:99999; 
												left:0; 
												top:0; 
												width:100%; 
												height:100%; 
												background:rgba(0,0,0,0.6);
												}
												.modal{ 
												pointer-events:auto; 
												} 
												.modal-box{ 
												pointer-events:auto !important; /* chỉ form click được */ 
												} 
												.modal.active{ 
												display:block; 
												} 
												/* box */ 
												.modal-box{ 
												background:#fff; 
												width:350px; 
												margin:100px 
												auto; 
												padding:20px; 
												border-radius:10px; 
												position:relative; 
												animation:fadeIn 0.3s; 
												} 
												/* nút đóng */ 
												.close{ 
												position:absolute; 
												right:10px; 
												top:5px; 
												font-size:25px; 
												cursor:pointer; 
												} 
												/* form */ 
												.form{ 
												display:flex; 
												flex-direction:column; 
												} 
												.form input{ 
												margin:8px 0; 
												padding:8px; 
												border:1px solid #ccc; 
												border-radius:5px; 
												} 
												.form button{ 
												margin-top:10px; 
												padding:10px;
												background:#00c3ff; 
												border:none; 
												color:#fff; 
												border-radius:5px; 
												cursor:pointer; 
												} 
												@keyframes fadeIn{ from{opacity:0; transform:translateY(-20px);} 
												to{opacity:1; transform:translateY(0);}
												} 
												.title{ text-align:center;
												margin-bottom:15px; 
												font-weight:bold; 
												color:#2d8cf0; 
												/* xanh giống KU */ 
												} 
												.form-group{ 
  margin-bottom:10px;
  display:flex;
  align-items:center;     /* 👉 căn giữa theo chiều dọc */
}

/* label bên trái */
.form-group label{
  width:140px;          /* vẫn giữ để thẳng hàng */
  text-align:left;      /* 🔥 đổi sang trái */
  margin-right:10px;
}

/* input bên phải */
.form-group input{ 
  width: 350px;      /* 🔥 chỉnh 1 phát toàn bộ */
  flex: unset;       /* 🔥 QUAN TRỌNG: tắt auto giãn */
  height:36px;
  padding:0 10px; 
  border:1px solid #ccc; 
  border-radius:5px; 
  font-size:13px; 
}
										.checkbox{ 
												display:flex; 
												align-items:center; 
												margin:8px 0; 
												font-size:13px; 
												} 
												.checkbox input{ 
												margin-right:5px; 
												} 
												.submit-btn{ 
												width:100%; 
												padding:10px; 
												background:#ccc; 
												border:none; 
												border-radius:5px; 
												margin-top:10px; 
												cursor:pointer; 
												font-weight:bold;
												} 
												.slider-box{ 
												margin:10px 0; 
												} 
												.slider-track{ 
												width:100%; 
												height:40px; 
												background:#eee; 
												border-radius:20px; 
												position:relative; 
												overflow:hidden; 
												} 
												.slider-btn{ 
												width:40px; 
												height:40px; 
												background:#2d8cf0;
												color:#fff; 
												display:flex; 
												align-items:center; 
												justify-content:center; 
												border-radius:50%; 
												position:absolute; 
												left:0; 
												top:0; 
												cursor:pointer; 
												z-index:2; 
												user-select:none; 
												} 
												#sliderText{
												position:absolute; 
												width:100%; 
												text-align:center; 
												line-height:40px; 
												font-size:13px; color:#666;
												} 
												/* slider giữ nguyên */ 
												.slider-box{
												margin:10px 0; 
												} 
												.slider-track{ 
												width:100%;
												height:40px;
												background:#eee;
												border-radius:20px;
												position:relative;
												} 
												.slider-track.success{ 
												background:#4caf50; }
												#sliderText{ 
												position:absolute;
												width:100%; 
												text-align:center;
												line-height:40px;
												} 
												/* refresh */
												.refresh-btn{ 
												position:absolute;
												top:5px; right:5px; 
												background:rgba(0,0,0,0.5); 
												color:#fff; 
												padding:5px 8px; 
												border-radius:5px; 
												cursor:pointer; 
												} 
												/* slider giữ nguyên */ 
												.slider-track{ 
												width:100%; 
												height:40px; 
												background:#eee; 
												border-radius:20px; 
												position:relative; 
												} 
												.slider-track.success{	
												background:#4caf50; 
												} 
												.password-box{
												position:relative;
												} 
												.password-box input{ 
												width:100%; 
												padding-right:40px; 
												/* chừa chỗ cho icon */
												}
												.eye{ 
												position:absolute
												; right:10px;
												top:50%; 
												transform:translateY(-50%); 
												cursor:pointer;
												font-size:16px;
												}
												/* ❌ bỏ column */
.password-box{ 
  display:flex; 
  align-items:center;   /* 👉 nằm ngang giống các ô khác */
}
.input-wrapper{ 
  position:relative;
  flex: unset;          /* 🔥 bỏ flex auto */
  width: 379px;         /* 👉 chỉnh độ dài tại đây */
  display:flex; 
  align-items:center; 
}

.input-wrapper input{ 
  width:100%; 
  height:36px;
  padding:0 10px; 
  padding-right:40px;   /* chừa chỗ icon */
  border:1px solid #ccc;
  border-radius:5px; 
}
/* wrapper cho SĐT */
.phone-box{
  display:flex;
  width:380px !important;     /* 👉 test chỉnh độ dài */
  height:36px !important;
}

.phone-box input{
  height:100% !important;
}

.send-code{
  width:90px !important;
  height:100% !important;

  padding:0 !important;
  margin:0 !important;

  display:flex !important;
  align-items:center;
  justify-content:center;
}
/* nút gửi mã */


/* hover */
.send-code:hover{
  background:#00969c;
}
												/* icon mắt */ 
.eye-icon{
  width:18px;
  height:18px;

  color:rgba(0,0,0,0.35);   /* 👈 mờ nhẹ */
  transition:0.25s;
}

/* hover */
.eye:hover .eye-icon{
  color:rgba(0,0,0,0.7);
}

/* active */
.eye.active .eye-icon{
  color:#00b2b9;
}
												.menu{ 
												display:flex; 
												align-items:center; 
												justify-content:center; 
												gap:0; 
												} 
												.menu span{ 
												color:#ccc; 
												} 
												/* link */ 
												.menu a{ 
												text-decoration:none; 
												color:#333; 
												font-weight:600; 
												transition:0.3s; 
												cursor:pointer; 
												} 
												/* hover */ 
												.menu a:hover{ 
												color:#2d8cf0; 
												} 
												/* dropdown vẫn giữ nguyên */ 
												.dropdown{ 
												position:relative;
												} 
												/* ===== MENU KU PRO ===== */ 
												.menu{ 
												display:flex; 
												align-items:center; 
												justify-content:center; 
												gap:12px; font-size:14px; 
												} 
												.menu span{ 
												color:#ccc; 
												} 
												/* link */ 
												.menu a{ 
												text-decoration:none; 
												color:#333; 
												font-weight:600; 
												transition:0.3s; 
												position:relative; 
												} 
												/* hover hiệu ứng gạch dưới */ 
												.menu a::after{ 
												content:""; 
												position:absolute; 
												left:0; 
												bottom:-5px; 
												width:0; 
												height:2px; 
												background:#2d8cf0; 
												transition:0.3s; 
												} 
												.menu a:hover::after{ 
												width:100%; 
												} 
												.menu a:hover{ color:#2d8cf0; 
												} 
												/* HOT */ 
												.hot-item{ 
												color:#ff6600; 
												font-weight:bold; 
												} 
												/* ƯU ĐÃI */ 
												.promo{ 
												color:#a64dff; 
												} 
												/* APP */ 
												.app{ color:#2d8cf0;
												} 
												/* dropdown fix */
												.dropdown{ 
												position:relative;
												} 
												/* box text dưới banner */ 
												.banner-desc{ 
												display:flex; 
												justify-content:space-between; 
												margin-top:10px; 
												gap:10px; 
												} 
												/* từng ô chữ */ /* container */ 
												.banner-desc{ 
												display:flex; 
												justify-content:space-between;
												margin-top:10px; 
												} 
												/* chữ */ 
												.banner-desc div{ 
												width:25%; 
												text-align:center; 
												font-size:14px; 
												font-weight:bold; 
												color:#000; 
												padding:5px 0; 
												transition:0.3s; 
												} 
												/* ❌ KHÔNG cho click */ 
												.banner-desc div{ 
												pointer-events:none; 
												} 
												/* 🔥 hover banner → sáng chữ tương ứng */ 
												.banner-row img:nth-child(1):hover ~ .banner-desc div:nth-child(1), 
												.banner-row img:nth-child(2):hover ~ .banner-desc div:nth-child(2), 
												.banner-row img:nth-child(3):hover ~ .banner-desc div:nth-child(3), 
												.banner-row img:nth-child(4):hover ~ .banner-desc div:nth-child(4)
												{ 
												color:#2d8cf0; 
												transform:translateY(-3px); 
												}
												.banner-row img:hover{ 
												transform:translateY(-8px) scale(1.05); 
												box-shadow:0 10px 25px rgba(0,0,0,0.4); 
												} 
												/* chia layout */ 
.marquee-box{
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow: hidden;
    box-sizing: border-box;
    background: rgba(0,0,0,0.6);
}
												/* chữ chạy chiếm phần còn lại */ /* banner bên phải */ 
												.side-banner{ 
												position:absolute; 
												right:10px; 
												/* ✅ sửa lại */ 
												top:0; 
												height:100%; 
												display:flex; 
												align-items:center;
												width:500px; /* ✅ thu nhỏ lại cho đúng */ 
												} 
												.side-banner img{ 
												width:100%; 
												height:100%; 
												object-fit:contain; 
												position:absolute; 
												top:0; 
												left:0; 
												opacity:0; 
												transition:0.5s; 
												} 
												/* ảnh đầu hiện */ 
												.side-banner img.active{ 
												opacity:1; 
												} 
												/* ảnh */ /* animation từ trên xuống */
												@keyframes slideDown{ 0% { transform: translateY(0); } 45% { transform: translateY(0); 
												} 
												/* giữ ảnh 1 */ 
												50% { transform: translateY(-40px); } 
												/* trượt xuống */ 95% { transform: translateY(-40px);
												} /* giữ ảnh 2 */ 100% { transform: translateY(0); 
												}
												/* quay lại */ } 
												.promo{ 
												color:#a64dff !important; 
												font-weight:bold;
												} 
												.promo:hover{ 
												color:#7a2cff; 
												} 
												.fire-icon{ 
												width:20px; 
												height:20px; 
												margin-right:5px; 
												vertical-align:middle; 
												} 
												/* nút đăng ký */ 
.btn-register{
display: inline-flex;
  align-items: center;
  justify-content: center;
position: relative; /* 🔥 bắt buộc */
  height: 22px;          /* 👉 tăng nhẹ cho đẹp */
  padding: 0 8px;
padding-right: 28px;  /* 🔥 để chữ không đè icon */
  font-size: 12px;
  border-radius: 0;

  white-space: nowrap;

  text-decoration: none !important; /* 🔥 FIX GẠCH */
}
.btn-login{
  display: inline-flex;
  align-items: center;
  justify-content: center;
position: relative; /* 🔥 bắt buộc */
  height: 022px;          /* 👉 tăng nhẹ cho đẹp */
  padding: 0 8px;
padding-right: 10px;  /* 🔥 để chữ không đè icon */
  font-size: 12px;
  border-radius: 0;

  white-space: nowrap;

  text-decoration: none !important; /* 🔥 FIX GẠCH */
}
/* màu giữ nguyên */
.btn-register{
  background: linear-gradient(to bottom, #ff9a00, #ff6a00);
  color: #fff;
}

.btn-login{
  background: #00b2b9 !important;
  color: #fff !important;
}
												/* ô dấu + */ 
.plus-box{
  position: absolute;

  right: -5px;
  top: 0;                 /* 🔥 bỏ center */

  height: 100%;           /* 🔥 full chiều cao nút */
  display: flex;
  align-items: center;
}

/* ảnh */
.plus-box img{
  height: 100%;   /* 🔥 full luôn */
  width: auto;
}
												

												body{ 
												position:relative; 
												} 
												/* ===== FLOATING MENU ===== */
/* ===== FLOATING MENU FINAL FIX ===== */
/* KHUNG DỌC */
html, body{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden; /* ❌ không scroll ngang */
}

/* MENU */
.floating-menu{
  position:fixed;
  top:120px;

  right:0; /* 🔥 sát mép luôn */

  display:flex;
  flex-direction:column;
  gap:0px;

  z-index:9999;
}


/* item */
.floating-menu a{
  position:relative;
  width:65px;
  height:65px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:15px; /* 👉 ô vuông bo góc */
  background:rgba(0,0,0,0.5); /* 👉 nền đen trong suốt */

  backdrop-filter:blur(5px);

  overflow:visible;
}

/* vòng tròn xanh bên trong */


/* icon */
.floating-menu img{
  width:40px;   /* 👉 cố định size */
  height:40px;

  object-fit:contain; /* 👉 giữ đúng tỷ lệ icon */

  border-radius:0; /* 👉 bỏ bo tròn nếu không cần */
}

/* TEXT giữ nguyên */
.floating-menu span{
  position:absolute;
  right:70px;
  top:50%;
  transform:translateY(-50%) translateX(20px);

  background:#fff;
  color:#333;
  padding:6px 12px;
  border-radius:20px;

  white-space:nowrap;
  opacity:0;

  transition:0.3s;
}

/* hover */
.floating-menu a:hover span{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}
/* Ẩn scrollbar Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Ẩn scrollbar Firefox */
html {
  scrollbar-width: none;
}

/* Ẩn scrollbar IE, Edge cũ */
body {
  -ms-overflow-style: none;
}
html, body{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden; /* ❌ không scroll ngang */
}

.promo-section{
  display:flex;
  flex-direction:row;      /* 🔥 THÊM DÒNG NÀY */
  flex-wrap:nowrap;        /* 🔥 THÊM nếu muốn luôn nằm ngang */
  justify-content:center;
  align-items:center;
  gap:20px;                /* nên để >0 cho đẹp */
  padding:30px 0;
  background:
    repeating-linear-gradient(
      45deg,
      #fafafa,
      #fafafa 12px,
      #f5f5f5 12px,
      #f5f5f5 24px
    );
}
.promo-item{
  position:relative;
  cursor:pointer;
  display:inline-block;
  transition:0.3s;
}

.promo-item img{
  width:200px;
  height:200px;
  object-fit:contain;
  display:block;
  margin:0 auto;
  transition:0.3s;
}
.footer-col {
  min-width: 10px;   /* 🔥 tăng không gian */
}
/* 🔥 hover zoom */
.promo-item:hover img{
  transform:scale(1.1);
}

/* 🔥 nhấc lên + bóng */
.promo-item:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.promo-text h3{
  font-size:14px;
  margin:5px 0 0;
  color:#333;
}

.promo-text p{
  font-size:12px;
  color:#777;
}
.title-with-logo {
  display: flex;
  align-items: center;
}

/* icon trái */
.title-with-logo .icon {
  width: 22px;
  height: 22px;
}

/* chữ ở giữa */
.title-with-logo span {
  margin: 0 auto;          /* 🔥 đẩy ra giữa */
  white-space: nowrap;     /* 🔥 KHÔNG xuống dòng */
}

/* logo bên phải */
.footer-col {
  position: relative; /* 🔥 để text di chuyển tự do trong cột */
}

.about-text {
  position: absolute;

  top: 120px;     /* 🔥 chỉnh lên xuống */
  right: -100px;   /* 🔥 chỉnh sang phải */
  /* hoặc left: 10px; */

  text-align: right; /* căn chữ */

  font-size: 13px;
 
}
.about-text p {
  margin: 0;           /* 🔥 bỏ khoảng cách mặc định */
  line-height: 1.2;    /* 🔥 thu khoảng cách dòng */
}


.logo-right {
  position: absolute;
  top: 20px;        /* chỉnh lên xuống */
  right: -100px;      /* chỉnh trái phải */
  width: 100px;
  height: 100px;
}										
.bottom-banner {
  width: 100%;
  padding: 0;          /* 🔥 bỏ padding để full sát mép */
  margin: 0;
}

.bottom-banner img {
  width: 100%;         /* 🔥 FULL NGANG */
  height: auto;        /* giữ tỉ lệ */
  display: block;      /* bỏ khoảng trắng dưới ảnh */
}
.footer-top-bar {
  display: flex;
  align-items: center;

  background: rgba(0, 0, 0, 0.85);
  color: #ccc;

  padding: 20px 30px;   /* 🔥 tăng chiều cao + rộng */
  font-size: 15px;

  position: relative;   /* 🔥 để dùng absolute cho sơ đồ */
}
/* link bên trái */
.left-links a {
  color: #ccc;
  text-decoration: none;
  margin: 0 6px;
}
/* 🔥 cho phép chỉnh vị trí tự do */
.left-links {
  position: absolute;
  top: 50%;
  left: 480px; /* 👉 chỉnh tại đây */
  transform: translateY(-50%);

  display: flex;
  gap: 10px;
}


/* 🔥 chỉnh sơ đồ trang */


/* 🔥 đảm bảo tam giác luôn hiện */
.arrow-up {
  display: inline-block;
}
.left-links a:hover {
  color: #ffd700;
}

/* phần bên phải */
.right-sitemap {
  position: absolute;
  top: 50%;
  left: 140%; /* ra giữa */

  transform: translate(-50%, -50%); /* 🔥 FIX lệch */

  display: flex;
  align-items: center;
  gap: 5px;

  white-space: nowrap; /* 🔥 không cho xuống dòng */
}

/* 🔥 tam giác xanh */
.arrow-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #00bfff; /* 🔥 xanh */
}
.footer-top-bar a {
  color: #ccc;
  text-decoration: none;
  margin: 0 5px;
  transition: 0.3s;
}

.footer-top-bar a:hover {
  color: #ffd700; /* vàng giống web game */
}

.footer-top-bar span {
  color: #555;
}
</style>
