:root{
  --brand-from:#2563eb;
  --brand-to:#7c3aed;
  --gold:#f5b84d;
  --ink:#0b1020;
  --ink-2:#131a30;
  --line:rgba(255,255,255,.08);
}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--ink);
  color:#e2e8f0;
}
/* 渐变文字 */
.gradient-text{
  background:linear-gradient(120deg,#60a5fa,#a78bfa);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.gradient-gold{
  background:linear-gradient(120deg,#f5b84d,#fde68a);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* 网格背景 */
.bg-grid{
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
}
/* 毛玻璃导航 */
.nav-blur{
  background:rgba(11,16,32,.78)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 34px -12px rgba(0,0,0,.55);
}
/* 卡片 hover */
.card-hover{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.card-hover:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px -20px rgba(124,58,237,.45);
  border-color:rgba(167,139,250,.6);
}
/* 发光按钮 */
.btn-glow{box-shadow:0 12px 30px -10px rgba(124,58,237,.65);transition:transform .25s ease,box-shadow .25s ease;}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 18px 42px -10px rgba(124,58,237,.85);}
/* 淡入动画 */
.fade-in{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}
/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--ink-2);transition:border-color .25s ease;}
.faq-item:hover{border-color:rgba(167,139,250,.45);}
.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:600;color:#f1f5f9;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 20px;color:#94a3b8;line-height:1.8;}
.faq-item.open .faq-answer{max-height:300px;padding:0 20px 18px;}
.faq-icon{transition:transform .3s ease;color:#a78bfa;}
.faq-item.open .faq-icon{transform:rotate(180deg);}
/* 金色星级 */
.star-row{color:var(--gold);}
/* 引用块 */
.quote-mark{font-size:4rem;line-height:1;color:rgba(167,139,250,.4);}
