/* 德扑之星APP下载 - 移动畅玩主题 */
:root{
  --grad-start:#2563eb;
  --grad-end:#4f46e5;
  --ink:#0f172a;
  --muted:#64748b;
}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--ink);
  background:#f6f8ff;
}

/* 渐变文字 */
.gradient-text{
  background:linear-gradient(90deg,var(--grad-start),var(--grad-end));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
/* 网格背景 */
.bg-grid{
  background-image:
    linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);
  background-size:42px 42px;
}
/* 导航毛玻璃 */
.nav-blur{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 4px 28px rgba(37,99,235,.12);
}
/* 卡片 hover */
.card-hover{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 24px 48px -18px rgba(79,70,229,.4);}
/* 发光按钮 */
.btn-glow{box-shadow:0 10px 30px -8px rgba(79,70,229,.55);transition:transform .25s ease,box-shadow .25s ease;}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 16px 40px -8px rgba(79,70,229,.7);}
/* 入场动画 */
.fade-in{animation:fadeIn .8s ease both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}

/* FAQ 手风琴 */
.faq-item{border:1px solid #e0e7ff;border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;}
.faq-item.active{box-shadow:0 12px 30px -12px rgba(79,70,229,.3);border-color:#a5b4fc;}
.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;color:#1e293b;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 20px;color:var(--muted);line-height:1.8;}
.faq-item.active .faq-answer{max-height:300px;padding:0 20px 18px;}
.faq-icon{transition:transform .3s ease;color:#2563eb;font-size:14px;}
.faq-item.active .faq-icon{transform:rotate(180deg);color:#4f46e5;}

/* 子页面顶部横幅 */
.page-hero{padding-top:9rem;padding-bottom:4rem;position:relative;overflow:hidden;}
.page-hero .halo{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;}
/* 下载版本卡 */
.version-card{transition:transform .3s ease,box-shadow .3s ease;}
.version-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -16px rgba(37,99,235,.35);}
/* 步骤圆点 */
.step-dot{position:relative;}
.step-dot::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:2.5rem;background:linear-gradient(#2563eb,#4f46e5);}
.step-dot.last::after{display:none;}

#mobileMenu{max-height:0;overflow:hidden;transition:max-height .4s ease;}
#mobileMenu.open{max-height:460px;}
/* 导航当前页高亮 */
.nav-link.active{color:#2563eb;font-weight:600;}