body { font-family: 'Noto Sans TC', sans-serif; padding-bottom:7rem; }
    .day { border:1px solid #e5e7eb; border-radius:.375rem; padding:.5rem 0; text-align:center; cursor:pointer; background:#fff; font-size:1.1rem; }
    .day.disabled { opacity:.4; cursor:not-allowed; }
    .day.active { background:#111827; color:#fff; font-weight:700; }
    .slot { border:1px solid #e5e7eb; border-radius:.375rem; padding:.75rem; text-align:center; cursor:pointer; background:#fff; font-size:1.1rem; }
    .slot.active { box-shadow: inset 0 0 0 2px #0f172a; font-weight:700; }
    .slot.disabled { opacity:.4; cursor:not-allowed; }
  
  body.bg-stone-50 {
    background: linear-gradient(180deg, #FFD9A5, #F2A86E);
    min-height: 100vh;
  }

  .max-w-2xl.mx-auto.bg-white {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    border-radius: 1rem;
  }

  .bg-red-600 {
    background: linear-gradient(135deg, #FFB49C, #FFD3A5) !important;
    color: #5A3A00 !important;
  }

  .bg-green-600 {
    background: #17C2A4 !important;
  }

  .hover\:bg-green-700:hover {
    filter: brightness(0.96) !important;
  }

  .text-stone-800 {
    color: #6C3A00 !important;
  }
  .text-stone-700 {
    color: #8A4B00 !important;
  }
  .text-stone-500 {
    color: #A66C2E !important;
  }

  .bg-stone-100 {
    background-color: #FDEAD3 !important;
  }
  .border-stone-300 {
    border-color: #F4D9BC !important;
  }

  #bottomBar {
    background: linear-gradient(90deg, #FF7298, #FFA86B) !important;
    color: white !important;
  }

  #confirmBtn {
    background: #17C2A4 !important;
    color: white !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 6px 18px rgba(23, 194, 164, 0.25);
  }


  .bg-red-600 {
    background: #FFF1E5 !important;
    border: 1px solid #CCCCCC !important;
    color: #6C3A00 !important;
  }


  .miqi-title {
    background: linear-gradient(135deg, #f87376, #f775a3);
    font-size: clamp(1.25rem, 5vw, 2rem);
    white-space: nowrap;
  }

  
  .tight-top {
    margin-top: 0px; /* 或者 2px 看你要多緊 */
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
  }
  


  header img {
    height: 154px !important;
  }


#confirmBtn {
  position: relative;
  overflow: hidden;
  background-color: #17C2A4;
  color: white;
  border-radius: 0.75rem;
}

#confirmBtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
  transform: skewX(-20deg);
  animation: shimmer 1s infinite;
}

@keyframes shimmer {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}