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

/* Hero gradient */
.hero-grad{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 30%,#2563eb 60%,#3b82f6 100%);}
.cta-grad{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#7c3aed 100%);}
.card-grad{background:linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(59,130,246,0.1) 100%);}
.text-grad{background:linear-gradient(135deg,#93c5fd,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

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

/* Hero decorative shapes */
.hero-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.15;}

/* 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 effects */
.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(37,99,235,0.25);}

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

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

/* Testimonial cards */
.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(37,99,235,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:#2563eb;}
.faq-details[open] summary::after{transform:rotate(180deg);}

/* Back to top button */
#back-to-top{position:fixed;bottom:32px;right:32px;z-index:100;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 10px 25px rgba(37,99,235,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(37,99,235,0.5);}

/* Download page specific */
.download-hero-grad{background:linear-gradient(135deg,#1e3a5f 0%,#172554 30%,#1e40af 60%,#1d4ed8 100%);}
.download-card{border:2px solid rgba(59,130,246,0.2);border-radius:24px;padding:2.5rem;text-align:center;transition:all 0.4s;background:#fff;}
.download-card:hover{border-color:#3b82f6;box-shadow:0 25px 60px -12px rgba(37,99,235,0.25);transform:translateY(-8px);}
.download-card.featured{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);}
.download-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}
.download-step-number{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;}

/* Navbar active state */
.nav-link.active{color:#fff !important;font-weight:700;}

@media(max-width:768px){
  .hero-shape{display:none;}
  .download-card{padding:1.5rem;}
}