/* ============================================================
   page-bangzhu-zhongxin.css — 帮助中心
   页面专属样式；导航 / 页脚 / 网格背景见 site-chrome.css
   ============================================================ */

/* Hero 斜角标签 */
.redline-skew {
  transform: skewX(-12deg);
}

.redline-unskew {
  transform: skewX(12deg);
}

/* 快捷入口卡片按压反馈 */
.tactile-bounce {
  transition:
    transform 0.12s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.tactile-bounce:active {
  transform: scale(0.965) translateY(1px) !important;
}

/* FAQ details 展开动画 */
details.hbz-faq[open] summary {
  border-color: #dc2626;
  color: #dc2626;
}

details.hbz-faq summary {
  list-style: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

details.hbz-faq summary::-webkit-details-marker {
  display: none;
}

details.hbz-faq summary::marker {
  display: none;
  content: none;
}

details.hbz-faq .faq-panel {
  overflow: hidden;
}

details.hbz-faq[open] .faq-panel {
  animation: faqSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes faqSlideIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  details.hbz-faq[open] .faq-panel {
    animation: none;
  }
}