/* === 德扑圈APP下载网址 - Shared Styles === */
*{scroll-behavior:smooth;}
body{font-family:'Noto Sans SC','Inter',sans-serif;overflow-x:hidden;}

/* Gradients */
.hero-grad{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 25%,#4338ca 55%,#6366f1 100%);}
.cta-grad{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 40%,#a855f7 100%);}
.card-grad{background:linear-gradient(135deg,rgba(79,70,229,0.04) 0%,rgba(99,102,241,0.08) 100%);}
.text-grad{background:linear-gradient(135deg,#a5b4fc,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* Glass navbar */
.glass{background:rgba(255,255,255,0.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);}

/* Hero shapes */
.hero-shape{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.13;pointer-events:none;}

/* Scroll animations */
.anim-fade-up{opacity:0;transform:translateY(40px);transition:all 0.7s cubic-bezier(0.4,0,0.2,1);}
.anim-fade-up.visible{opacity:1;transform:translateY(0);}

/* Card hover */
.hover-lift{transition:all 0.35s cubic-bezier(0.4,0,0.2,1);}
.hover-lift:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(79,70,229,0.25);}

/* Feature icon circle */
.icon-circle{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:24px;margin-bottom:1.25rem;}

/* Stats */
.stat-card{border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s;}
.stat-card:hover{transform:scale(1.05);}

/* Testimonials */
.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);transition:all 0.35s;}
.testimonial-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,0.1);transform:translateY(-4px);}

/* FAQ accordion */
.faq-details{border-radius:16px;overflow:hidden;transition:all 0.3s;}
.faq-details[open]{box-shadow:0 10px 30px -10px rgba(79,70,229,0.15);}
.faq-details summary{list-style:none;cursor:pointer;font-weight:600;font-size:1.05rem;}
.faq-details summary::-webkit-details-marker{display:none;}
.faq-details summary::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;float:right;transition:transform 0.3s;color:#6366f1;}
.faq-details[open] summary::after{transform:rotate(180deg);}

/* Back to top */
#back-to-top{position:fixed;bottom:32px;right:32px;z-index:100;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 10px 25px rgba(79,70,229,0.4);opacity:0;transform:translateY(20px);transition:all 0.3s;pointer-events:none;}
#back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto;}
#back-to-top:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(79,70,229,0.5);}

/* Pulse dot for badge */
.pulse-dot{animation:pulse-dot-anim 2s cubic-bezier(0.4,0,0.6,1) infinite;}
@keyframes pulse-dot-anim{0%,100%{opacity:1}50%{opacity:0.5}}

/* Section divider */
.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#c7d2fe 50%,transparent 100%);margin:0 auto;max-width:80%;}

/* Game tag */
.game-tag{display:inline-flex;align-items:center;gap:0.4rem;background:linear-gradient(135deg,rgba(79,70,229,0.1),rgba(99,102,241,0.15));color:#4338ca;padding:0.5rem 1rem;border-radius:9999px;font-weight:600;font-size:0.875rem;transition:all 0.2s;}
.game-tag:hover{background:linear-gradient(135deg,rgba(79,70,229,0.2),rgba(99,102,241,0.25));transform:scale(1.05);}

@media(max-width:768px){
  .hero-shape{display:none;}
}