/* 订阅页 & 常见问题独立页样式（内容源自 quickq 模板，配色对齐本站深色主题） */

.qq-shell { width: min(1180px, calc(100% - 40px)); margin: auto; }

.qq-page-hero {
  padding: 140px 0 40px;
  background: radial-gradient(circle at 18% 0, rgba(33, 113, 255, .22), transparent 52%);
}
.qq-page-hero .crumb { font-size: 13px; color: #7d8ca4; }
.qq-page-hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight: 800; margin: 10px 0 12px; color: #fff; }
.qq-page-hero .lead { font-size: 17px; color: #aebbd0; margin: 0; }
.qq-page-hero .tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.qq-page-hero .tags span {
  background: rgba(33, 113, 255, .14); border: 1px solid rgba(33, 113, 255, .35);
  padding: 6px 13px; border-radius: 999px; color: #9fc0ff; font-size: 13px;
}

.qq-section { padding: 60px 0 90px; }

/* 订阅方案卡片 */
.qq-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.qq-plan {
  padding: 32px; border-radius: 20px;
  background: linear-gradient(160deg, #0a2244, #04142b);
  border: 1px solid rgba(33, 113, 255, .35);
  transition: transform .22s, border-color .22s, box-shadow .22s;
}
.qq-plan:hover { transform: translateY(-4px); border-color: rgba(33, 113, 255, .7); }
.qq-plan.featured {
  border: 2px solid var(--color-primary, #2171ff);
  box-shadow: 0 24px 70px -30px rgba(33, 113, 255, .8);
}
.qq-plan h3 { font-size: 22px; font-weight: 800; color: #fff; margin: 12px 0 6px; }
.qq-plan .price { font-size: 42px; font-weight: 800; color: #fff; }
.qq-plan .price small { font-size: 14px; color: rgba(255, 255, 255, .55); font-weight: 500; }
.qq-plan .qq-list { margin: 18px 0 24px; }

/* 底部 CTA 横幅 */
.qq-band { padding: 52px 0; background: linear-gradient(90deg, #0b2d63, #062048); }
.qq-band-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.qq-band h2 { margin: 0; font-size: clamp(24px, 3vw, 34px); font-weight: 800; color: #fff; }
.qq-band p { margin: 6px 0 0; color: #c8ddff; }

/* 常见问题手风琴（details/summary） */
.qq-faq { max-width: 860px; margin: auto; display: grid; gap: 12px; }
.qq-faq details {
  background: linear-gradient(160deg, #0a2244, #04142b);
  border: 1px solid rgba(33, 113, 255, .3);
  border-radius: 14px;
  padding: 18px 22px;
}
.qq-faq summary { font-weight: 700; color: #fff; cursor: pointer; }
.qq-faq details[open] summary { color: #8fb8ff; }
.qq-faq p { color: rgba(255, 255, 255, .65); margin: 12px 0 0; line-height: 1.9; font-size: 14.5px; }

@media (max-width: 800px) {
  .qq-page-hero { padding: 110px 0 30px; }
  .qq-plans { grid-template-columns: 1fr; }
  .qq-band-inner { align-items: flex-start; flex-direction: column; }
}