body {
		background-color: #FEFDF2;
		font-family: Quicksand, system-ui, sans-serif;
	}
	/* Đảm bảo tiếng Trung vẫn dùng font mặc định (hoặc một font rõ ràng) */
	:lang(zh), .zh {
	  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
	}
	.header-wrapper {
      max-width: 1024px;
      margin: 0 auto;
    }

    .header-bg {
      position: relative;
      background-color: #CFEBCE;
      height: 150px;
	  border-radius: 45px 45px 0 0;
    }

    .header-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 4.5rem;
      font-weight: bold;
      font-family: 'Quicksand', system-ui;
      <!-- text-decoration: underline; -->
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      white-space: nowrap;
    }
	.header-text:hover {
		text-decoration: underline;
	}

    .header-mask-container {
      background-color: transparent;
      overflow: hidden;
      margin-top: -1px;
    }

    .header-mask-img {
      filter: url(#recolor);
      width: 100%;
      height: auto;
      display: block;
    }

    /* Responsive */
    @media (max-width: 576px) {
      .header-bg {
        height: 100px;
      }

      .header-text {
        font-size: 1.8rem;
      }
    }
	#result-container {
      max-height: 80vh;
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 0;
      margin-top: 20px;
      position: relative;
    }
    .sticky-header {
      position: sticky;
      top: 0;
      background-color: #9FD59E;
      z-index: 100;
      border-bottom: 2px solid #ddd;
    }
	.controls { margin-top: 20px; }
    .range-controls { margin-top: 10px; display: none; }
	.totals { margin-top: 10px; font-weight: bold; }
	.form-range {width: 80% !important;}
	.gap-custom {gap: 150px;}
	#scrollTopBtn {
	  width: 45px;
	  height: 45px;
	  font-size: 18px;
	  transition: opacity 0.3s ease;
	}

	#scrollTopBtn:hover {
	  opacity: 0.8;
	}

	@media (max-width: 576px) {
	  #scrollTopBtn {
		bottom: 15px;
		right: 15px;
		width: 40px;
		height: 40px;
		font-size: 16px;
	  }
	}
	footer a i {
	  color: #3b5998; /* Facebook xanh */
	}

	footer a:last-child i {
	  color: #E1306C; /* Instagram hồng */
	}

	footer a:hover i {
	  opacity: 0.8;
	}
	.social-link {
		text-decoration: none;
		color: inherit;
	}
	
	.marquee-container {
	  overflow: hidden;
	  width: 100%;
	  height: 263px;
	  position: relative;
	}

	.marquee-track {
	  display: flex;
	  gap: 12px;
	  animation: slideMarquee 30s linear infinite reverse;
	}

	.marquee-track li {
	  list-style: none;
	}

	@keyframes slideMarquee {
	  0% {
		transform: translateX(100%);
	  }
	  100% {
		transform: translateX(-100%);
	  }
	}
	.messenger-btn {
		position: fixed;
		bottom: 80px;
		right: 15px;
		z-index: 1050;
		display: inline-block;
		cursor: pointer;
		transition: transform 0.2s ease;
	  }

	  .messenger-btn:hover {
		transform: scale(1.1);
	  }