/* ============================================================================
 * Qicura — 全站质感层 (polish.css)
 * ----------------------------------------------------------------------------
 * 纯外观：滚动浮现样式 / 导航毛玻璃滚动态 / 平滑锚点 / 滚动条 / 焦点可见性。
 * 必须与 motion.js 成对引入（.mo-on 由 motion.js 添加，无 JS 时全部样式失效，内容不受影响）。
 * ========================================================================== */

/* ---------- 滚动浮现 ---------- */
html.mo-on [data-reveal]{
  opacity:0; transform:translateY(16px);
  transition:opacity .74s var(--ease), transform .74s var(--ease);
  will-change:opacity, transform;
}
html.mo-on [data-reveal].mo-in{ opacity:1; transform:none; }

html.mo-on .mo{
  opacity:0; transform:translateY(14px);
  transition:opacity .68s var(--ease), transform .68s var(--ease);
}
html.mo-on .mo.mo-in{ opacity:1; transform:none; }

/* 页面整体淡入（仅 JS 可用时） */
html.mo-on body{ animation:moPageIn .5s var(--ease) both; }
@keyframes moPageIn{ from{ opacity:0; } to{ opacity:1; } }

/* 降级：用户偏好减少动效时，一切直接可见 */
html.mo-reduce [data-reveal],
html.mo-reduce .mo{
  opacity:1 !important; transform:none !important; transition:none !important;
}
html.mo-reduce body{ animation:none !important; }

/* ---------- 导航滚动态（毛玻璃 + 投影） ---------- */
.nav{ transition:box-shadow .34s var(--ease), background .34s var(--ease); }
.nav.nav-scrolled{
  background:rgba(251,250,245,.9);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(228,221,203,.9), 0 10px 30px rgba(26,24,20,.06);
}

/* ---------- 平滑锚点 ---------- */
@media (prefers-reduced-motion: no-preference){
  html.mo-on{ scroll-behavior:smooth; }
}

/* ---------- 滚动条（品牌化细滚动条） ---------- */
*{
  scrollbar-width:thin;
  scrollbar-color:#D9D2C2 transparent;
}
*::-webkit-scrollbar{ width:9px; height:9px; }
*::-webkit-scrollbar-track{ background:transparent; }
*::-webkit-scrollbar-thumb{
  background:#D9D2C2; border-radius:99px;
  border:2px solid transparent; background-clip:content-box;
}
*::-webkit-scrollbar-thumb:hover{ background:#B58E54; background-clip:content-box; }

/* ---------- 焦点可见性（键盘可达性） ---------- */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline:2px solid #B58E54; outline-offset:2px; border-radius:4px;
}

/* ---------- 卡片 hover 统一节奏 ---------- */
.cost-card, .content-card, .pq, .qc, .kpi, .bb-tune-chips li{
  will-change:transform;
}