@charset "UTF-8";
/* ========================
  🎨 Design Tokens - Variables
======================== */
/* Color */
/* Breakpoints（對齊 Bootstrap） */
/* Font Family */
/* Section Spacing - 常見預設 */
/*
  手機常用：padding-inline 20-48px、padding-block 32-64px
  桌機常用：padding-inline 90-150px、padding-block 48-80px
  row 間距：手機 16-28px、桌機 24-36px
  如果不需要 gutter，可用 .section-pad--px-0 / .section-pad--py-0 等類別來局部去除。
*/
/* Section Spacing - Desktop */
/* Section Spacing - 常見預設 end*/
/* Section Spacing - Mobile */
/* Section Spacing - Desktop */
body.is-loading {
  overflow: hidden;
}

.site-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  background-color: #f6f1eb;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.site-loader.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.35s ease, visibility 0s linear 0s;
}

.site-loader__spinner {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(46, 167, 224, 0.25);
  border-top-color: #2ea7e0;
  border-radius: 50%;
  animation: site-loader-spin 0.7s linear infinite;
  will-change: transform;
}

@keyframes site-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-loader {
    transition: none;
  }
  .site-loader__spinner {
    animation: none;
    will-change: auto;
  }
}/*# sourceMappingURL=loader.css.map */