<style>
#usn-btt,
#usn-btt *,
#usn-btt *::before,
#usn-btt *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
#usn-btt {
  position: fixed !important;
  /* Nâng lên cao hơn để tránh chồng lên nút chatbot[cite: 3] */
  bottom: 96px !important; 
  right: 24px !important;
  /* Hạ Z-index để nằm dưới popup chatbot khi mở[cite: 3] */
  z-index: 2147483630 !important; 
  width: 50px !important;
  height: 50px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) scale(0.8) !important;
  transition: all .35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  pointer-events: none !important;
}
#usn-btt.usn-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}
#usn-btt svg { 
  display: block !important; 
  width: 100% !important; 
  height: 100% !important; 
  overflow: visible !important; 
}

/* Nền trắng sang trọng[cite: 1] */
#usn-btt .usn-btt-bg {
  fill: #ffffff !important;
  stroke: none !important;
  filter: drop-shadow(0 4px 12px rgba(201,149,108,.25)) !important;
  transition: filter .25s ease !important;
}
#usn-btt:hover .usn-btt-bg { 
  filter: drop-shadow(0 8px 20px rgba(201,149,108,.40)) !important; 
}

/* Đường chạy mờ[cite: 1] */
#usn-btt .usn-btt-track { 
  fill: none !important; 
  stroke: rgba(201,149,108,.12) !important; 
  stroke-width: 3.5px !important; 
}

/* Vòng tiến trình Gradient Vàng đồng[cite: 1, 3] */
#usn-btt .usn-btt-progress {
  fill: none !important;
  stroke: url(#usn-btt-grad-v2) !important;
  stroke-width: 3.5px !important;
  stroke-linecap: round !important;
}

/* Mũi tên chỉ lên[cite: 3] */
#usn-btt .usn-btt-arrow {
  fill: none !important;
  stroke: #c9956c !important; /* Màu brand[cite: 1] */
  stroke-width: 3px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 768px) {
  /* Điều chỉnh vị trí trên Mobile[cite: 3] */
  #usn-btt { bottom: 85px !important; right: 16px !important; width: 44px !important; height: 44px !important; }
}
</style>

<!-- SVG defs[cite: 3] -->
<svg width="0" height="0" style="position:absolute;overflow:hidden;pointer-events:none;">
  <defs>
    <linearGradient id="usn-btt-grad-v2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#c9956c"/>
      <stop offset="100%" stop-color="#8b6340"/>
    </linearGradient>
  </defs>
</svg>

<button id="usn-btt" aria-label="Back to top" title="Back to top">
  <svg viewBox="0 0 48 48" aria-hidden="true">
    <circle class="usn-btt-bg"       cx="24" cy="24" r="22"/>
    <circle class="usn-btt-track"    cx="24" cy="24" r="20"/>
    <circle class="usn-btt-progress" cx="24" cy="24" r="20" id="usn-btt-arc"/>
    <polyline class="usn-btt-arrow"  points="17 26 24 19 31 26"/>
  </svg>
</button>

<script>
(function () {
  var btn = document.getElementById('usn-btt');
  var arc = document.getElementById('usn-btt-arc');
  if (!btn || !arc) return;

  var R     = 20;
  var CIRC  = +(2 * Math.PI * R).toFixed(3);
  var raf   = null;

  arc.setAttribute('stroke-dasharray',  CIRC);
  arc.setAttribute('stroke-dashoffset', CIRC);
  arc.setAttribute('transform', 'rotate(-90 24 24)');

  function update() {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    var maxScroll = Math.max(
      document.documentElement.scrollHeight - window.innerHeight, 1
    );
    var pct    = Math.min(scrollTop / maxScroll, 1);
    var offset = +(CIRC * (1 - pct)).toFixed(3);

    arc.setAttribute('stroke-dashoffset', offset);

    if (scrollTop > 300) {
      btn.classList.add('usn-visible');
    } else {
      btn.classList.remove('usn-visible');
    }
    raf = null;
  }

  window.addEventListener('scroll', function () {
    if (!raf) raf = requestAnimationFrame(update);
  }, { passive: true });

  update();

  btn.addEventListener('click', function () {
    window.scrollTo({ top: 0, behavior: 'smooth' });
  });
})();
</script><?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://nailsalon.winai.dev/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-posts-hirevn_job-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-taxonomies-hvnjob_dept-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-taxonomies-hvnjob_type-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-taxonomies-hvnjob_mode-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-taxonomies-hvnjob_loc-1.xml</loc></sitemap><sitemap><loc>https://nailsalon.winai.dev/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
