/* ===== 红龙扑克 · 官方客户端 ===== */
:root{
  --brand-from:#2563eb;
  --brand-to:#dc2626;
  --ember:#ef4444;
}

html{scroll-behavior:smooth;}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#fff;
}

/* 渐变文字 */
.gradient-text{
  background:linear-gradient(90deg,var(--brand-from),var(--brand-to));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* 网格背景 */
.bg-grid{
  background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(220,38,38,.06) 1px,transparent 1px);
  background-size:46px 46px;
}

/* 滚动毛玻璃导航 */
.nav-blur{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 8px 28px -16px rgba(220,38,38,.4);
}

/* 卡片悬浮 */
.card-hover{transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s;}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 26px 50px -22px rgba(220,38,38,.45);border-color:#f87171;}

/* 按钮光晕 */
.btn-glow{box-shadow:0 10px 30px -8px rgba(220,38,38,.6);transition:transform .3s,box-shadow .3s;}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 18px 44px -8px rgba(220,38,38,.78);}

/* 入场动画 */
.fade-in{animation:fadeIn 1s ease both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

/* FAQ 手风琴 */
.faq-item{border-bottom:1px solid #fee2e2;}
.faq-question{cursor:pointer;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .45s ease;}
.faq-item.open .faq-answer{max-height:420px;}
.faq-icon{transition:transform .3s ease;color:#dc2626;}
.faq-item.open .faq-icon{transform:rotate(180deg);}

/* 单卡引用装饰 */
.quote-mark{font-family:Georgia,serif;}

/* 通栏横幅阴影 */
.hero-banner-shadow{box-shadow:0 30px 60px -30px rgba(220,38,38,.4);}