/* 德扑之星电脑版 - 深色 PC 主题 */
:root{
  --grad-start:#6366f1;
  --grad-end:#ec4899;
  --bg-deep:#070a12;
  --bg-card:#0b0f1a;
}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:#e2e8f0;
  background:var(--bg-deep);
}
::selection{background:rgba(236,72,153,.35);color:#fff;}

/* 渐变文字 */
.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(148,163,184,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);
  background-size:46px 46px;
}
/* 导航毛玻璃（深色） */
.nav-blur{
  background:rgba(7,10,18,.78)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 4px 30px rgba(0,0,0,.5);
  border-bottom:1px solid rgba(255,255,255,.06);
}
/* 卡片 hover */
.card-hover{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.card-hover:hover{
  transform:translateY(-8px);
  border-color:rgba(236,72,153,.5)!important;
  box-shadow:0 20px 50px -20px rgba(236,72,153,.35);
}
/* 发光按钮 */
.btn-glow{box-shadow:0 10px 34px -8px rgba(236,72,153,.6);transition:transform .25s ease,box-shadow .25s ease;}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 18px 44px -8px rgba(236,72,153,.75);}
/* 入场动画 */
.fade-in{animation:fadeIn .8s ease both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}

/* FAQ 手风琴 */
.faq-item{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;}
.faq-item.active{border-color:rgba(236,72,153,.5);box-shadow:0 12px 30px -12px rgba(236,72,153,.3);}
.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;color:#f1f5f9;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 20px;color:#94a3b8;line-height:1.8;}
.faq-item.active .faq-answer{max-height:300px;padding:0 20px 18px;}
.faq-icon{transition:transform .3s ease;color:#6366f1;font-size:14px;}
.faq-item.active .faq-icon{transform:rotate(180deg);color:#ec4899;}

#mobileMenu{max-height:0;overflow:hidden;transition:max-height .4s ease;}
#mobileMenu.open{max-height:420px;}