:root{
      --brand-red: #E60023;
      --accent-gold: #C9A063;
      --muted: #6b6b6b;
      --card: #ffffff;
    }

    /* 全局字 */
    body { font-family: "Noto Sans TC", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

    /* heading 用 serif 提升精品感 */
    h1,h2,h3 { font-family: "Noto Serif TC", "Noto Sans TC", serif; }

    /* 高階陰影 */
    .soft-xl { box-shadow: 0 20px 60px rgba(0,0,0,0.12); }
    .soft-md { box-shadow: 0 8px 24px rgba(0,0,0,0.08); }

    /* 漸層按鈕 */
    .btn-gradient {
      background: linear-gradient(90deg, var(--brand-red), #ff4b6b);
    }

    /* 小元件微互動 */
    .btn-ghost:hover { transform: translateY(-3px); }
    .card-hover:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(0,0,0,0.12); }
.package-card.active-package,
.package-item.active-package,
.package-card:hover,
.package-item:hover {
  border-color: var(--brand-red);
  border-width: 2px;
  box-shadow: 0 6px 18px rgba(230,0,35,0.08);
}
.sku-btn.bg-\[var\(--brand-red\)\] { background: var(--brand-red); color: #fff; }
.sku-btn { transition: all .12s ease; }
.delivery-block.active-delivery { border-color: var(--brand-red); color: var(--brand-red); }
/* SKU 外框 */
/* 让 SKU 外层始终独占一行 */
#skuList {
  display: block !important;
}

/* SKU 单位（颜色 + 尺寸的外框） */
.sku-unit {
  width: 100% !important;
  box-sizing: border-box;
  border-width: 2px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}


/* SKU 按钮 */
.sku-btn {
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: #fff;
  transition: all 0.18s ease;
}

/* SKU 图片尺寸加大、圆角更贵气 */
.sku-btn img {
  width: 150px !important;
  height: 160px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  flex-shrink: 0;
}


.sku-btn.bg-\[var\(--brand-red\)\],
.sku-btn.active-sku {
  background: var(--brand-red) !important;
  color: #fff !important;
  border-color: var(--brand-red) !important;
  box-shadow: 0 4px 12px rgba(230,0,35,0.25);
  transform: translateY(-1px);
}

/* SKU 文字 */
.sku-btn span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* hover 手感提升 */
.sku-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
/* 彈窗動畫：顯示 */
#orderSuccessModal.show .modal-box {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* 彈窗動畫：隱藏 */
#orderSuccessModal.hide .modal-box {
  opacity: 0 !important;
  transform: scale(0.95) !important;
}
#floatingButtons button,
#floatingButtons a {
  transition: all .2s ease;
}

#floatingButtons button:hover,
#floatingButtons a:hover {
  transform: translateY(-2px);
}

/* 下单成功弹窗滚动样式 - 只在显示时应用 */
#orderSuccessModal.show .modal-box {
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

#orderSuccessModal.show #orderSuccessContent {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 8px;
    flex: 1;
}

/* 滚动条样式 */
#orderSuccessModal.show #orderSuccessContent::-webkit-scrollbar {
    width: 6px;
}

#orderSuccessModal.show #orderSuccessContent::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

#orderSuccessModal.show #orderSuccessContent::-webkit-scrollbar-thumb {
    background: var(--brand-red);
    border-radius: 3px;
}

#orderSuccessModal.show #orderSuccessContent::-webkit-scrollbar-thumb:hover {
    background: #cc001f;
}

/* 确保确认按钮始终在底部可见 */
#orderSuccessModal.show #closeSuccess {
    margin-top: auto;
    flex-shrink: 0;
}

/* 弹窗内容间距优化 */
#orderSuccessContent > div {
    margin-bottom: 1rem;
    line-height: 1.4;
}

#orderSuccessContent .font-semibold {
    color: #333;
    margin-bottom: 0.25rem;
}