/* =========================================================
   至品佳选官网 - 公共样式
   说明：主体样式由 Tailwind CDN 提供，这里只放少量定制。
   改色请到各 HTML 文件顶部的 tailwind.config.colors.brand。
   ========================================================= */

:root {
  --brand: #FF6A00;
  --brand-dark: #D94A00;
  --ink: #1F2937;
}

/* 平滑锚点滚动（导航跳转用） */
html { scroll-behavior: smooth; }

/* 移动端点击区域不小于 44px，导航项保证可点 */
nav a, #menuBtn { min-height: 44px; display: inline-flex; align-items: center; }

/* 不可用选项：物理拦截（灰度 + 不可点），不写解释文字 */
.is-disabled {
  opacity: .32;
  pointer-events: none;
}

/* 表单输入框聚焦态统一品牌色 */
input:focus, textarea:focus, select:focus {
  outline: none;
}

/* 合作平台占位卡片悬停微动效 */
.grid > div.transition, .hover\:shadow-card {
  transition: box-shadow .25s ease, transform .25s ease;
}
.hover\:shadow-card:hover {
  transform: translateY(-2px);
}

/* 详情折叠箭头（常见问题） */
details summary {
  list-style: none;
}
details summary::-webkit-details-marker { display: none; }
details[open] summary { color: var(--brand-dark); }

/* 减少动画偏好：尊重系统设置 */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}