/* ============================================
   PROJECT 0034 — HHpoker Sky Blue SaaS Style
   ============================================ */
html{scroll-behavior:smooth}
body{font-family:'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif}

/* Mobile menu */
.mobile-menu{max-height:0;overflow:hidden;transition:max-height .4s ease}
.mobile-menu.show{max-height:420px}

/* Feature cards — dashed border turning solid on hover */
.feature-card-dashed{
  border:2px dashed #e0f2fe;
  transition:all .35s ease;
}
.feature-card-dashed:hover{
  border:2px solid #0284c7;
  transform:translateY(-8px);
  box-shadow:0 20px 48px rgba(2,132,199,.12);
}

/* FAQ — chevron rotation */
.faq-body-sky{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .45s ease}
.faq-body-sky.show{max-height:260px;padding-top:2px;padding-bottom:20px}
.faq-chevron.rotated{transform:rotate(180deg)}

/* Reveal animation */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* Responsive tweaks */
@media(max-width:768px){
  .feature-card-dashed:hover{transform:translateY(-4px)}
}