/* =============================================
   originaloldradio.com — 保留原站 Tailwind 暗色风
   原站配色: 红 #ef4444 / 深蓝 #1d4ed8 / 橙 #f97316
   Tailwind CDN 不变，此处为自定义补充
   ============================================= */

/* Tailwind 配置重写（在CSS中模拟） */
:root {
  --primary: #ef4444;
  --secondary: #1d4ed8;
  --accent: #f97316;
  --dark: #020617;
  --card-bg: #1e293b;
}

html { scroll-behavior: smooth; }

/* Hero gradient — 与原文完全一致 */
.bg-main-gradient {
  background: radial-gradient(circle at top left, #f97316 0%, #ef4444 25%, #7c3aed 55%, #0f172a 100%);
}

/* 导航激活 */
.nav-link.active {
  color: #ef4444;
  font-weight: 600;
  border-bottom: 2px solid #f97316;
}

.card-hover { transition: all 0.25s ease; }
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(15,23,42,0.2);
}

/* 下载横幅渐变 */
.download-bg {
  background: linear-gradient(135deg, #020617 0%, #1d4ed8 35%, #7c3aed 65%, #ef4444 100%);
}

/* 动画 */
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

.reveal { opacity: 0; transform: translateY(24px); transition: all .65s cubic-bezier(.4,0,.2,1); }
.reveal.show { opacity: 1; transform: translateY(0); }

/* 回到顶部动画 */
#backToTop {
  position: fixed; bottom: 1.5rem; right: 1.5rem;
  width: 44px; height: 44px; border-radius: 50%;
  background: #ef4444; color: #fff; border: none;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; cursor: pointer; z-index: 60;
  box-shadow: 0 4px 12px rgba(239,68,68,.35);
  opacity: 0; visibility: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
#backToTop.show { opacity: 1; visibility: visible; }
#backToTop:hover { background: #dc2626; transform: translateY(-2px); }

/* 霓虹光晕 — 与原文相同 */
.glow-rose {
  position: absolute; top: -6px; right: -6px;
  width: 96px; height: 96px;
  background: rgba(244,63,94,.5); border-radius: 50%;
  filter: blur(32px); pointer-events: none;
}
.glow-indigo {
  position: absolute; bottom: -40px; left: -40px;
  width: 128px; height: 128px;
  background: rgba(99,102,241,.4); border-radius: 50%;
  filter: blur(32px); pointer-events: none;
}

/* FAQ旋转 */
.faq-icon-rotate {
  transition: transform .25s ease;
}
.faq-icon-rotate.open { transform: rotate(180deg); }

/* 页脚链接 */
footer a { color: #ef4444; }
footer a:hover { color: #fca5a5; text-decoration: underline; }

/* 按钮圆角统一 */
.btn-pill {
  border-radius: 9999px;
}

/* Toast 提示 */
.toast {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: 36px; background: rgba(0,0,0,.85);
  color: #fff; padding: 8px 16px; border-radius: 8px;
  font-size: 13px; z-index: 9999;
  opacity: 0; transition: opacity .2s, transform .2s;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(-6px); }

@media(max-width:767px){
  #home .flex-col>.md\:w-6\/12:first-child{order:2}
  #home .flex-col>.md\:w-6\/12:last-child{order:1}
}
.hero-img{animation:float 5s ease-in-out infinite}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #ef4444, #7c3aed); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #dc2626; }

::selection { background: rgba(239,68,68,.15); color: #fff; }