/* ========== YunMao 云猫 Website — Purple Tech Theme ========== */
*{ scroll-behavior:smooth; box-sizing:border-box; margin:0; padding:0; }
body{ font-family:'Inter',"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif; color:#1a1a2e; background:#fff; overflow-x:hidden; }

/* ---------- Gradient & Brand ---------- */
.gradient-text{ background:linear-gradient(135deg,#6366F1,#818CF8); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.brand-btn{ background:linear-gradient(135deg,#4F46E5,#8B5CF6); color:#fff; transition:all .3s; cursor:pointer; }
.brand-btn:hover{ box-shadow:0 6px 28px rgba(99,102,241,.35); transform:translateY(-2px); }
.brand-btn-outline{ border:1.5px solid #6366F1; color:#6366F1; background:transparent; transition:all .3s; cursor:pointer; }
.brand-btn-outline:hover{ background:rgba(99,102,241,.06); }

/* ---------- Nav ---------- */
.nav-blur{ backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.nav-link{ color:#555; font-size:14px; font-weight:500; transition:color .2s; }
.nav-link:hover{ color:#6366F1; }

/* ---------- Cards ---------- */
.card{ background:#fff; border:1px solid #eee; border-radius:16px; transition:all .3s; }
.card:hover{ box-shadow:0 12px 40px rgba(0,0,0,.08); transform:translateY(-4px); border-color:#ddd; }
.card-dark{ background:#0a1929; color:#fff; border:none; border-radius:16px; transition:all .3s; }
.card-dark:hover{ box-shadow:0 12px 40px rgba(0,0,0,.2); transform:translateY(-4px); }

/* ---------- Stats ---------- */
.stat-number{ font-size:48px; font-weight:900; letter-spacing:-2px; }
.stat-label{ font-size:14px; color:#888; margin-top:4px; }

/* ---------- Section ---------- */
.section-title{ font-size:36px; font-weight:800; letter-spacing:-0.5px; text-align:center; }
.section-desc{ font-size:16px; color:#666; text-align:center; max-width:560px; margin:12px auto 0; line-height:1.7; }

/* ---------- Hero glow ---------- */
.hero-glow{ position:absolute; width:800px; height:500px; border-radius:50%; filter:blur(100px); opacity:.12; pointer-events:none; }

/* ---------- Logo pulse ---------- */
.logo-cat{ animation:catPulse 3s ease-in-out infinite; }
@keyframes catPulse{ 0%,100%{ filter:drop-shadow(0 0 6px rgba(99,102,241,.4)); } 50%{ filter:drop-shadow(0 0 14px rgba(139,92,246,.5)); } }

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar{ width:6px; }
::-webkit-scrollbar-track{ background:#f5f5f7; }
::-webkit-scrollbar-thumb{ background:#ccc; border-radius:3px; }
::-webkit-scrollbar-thumb:hover{ background:#aaa; }

/* ---------- Selection ---------- */
::selection{ background:rgba(99,102,241,.12); color:#1a1a2e; }

/* ---------- Focus ---------- */
a:focus-visible,button:focus-visible{ outline:2px solid #6366F1; outline-offset:2px; border-radius:4px; }

/* ---------- Industry tabs ---------- */
.ind-tab{ padding:10px 20px; border-radius:999px; font-size:14px; font-weight:500; cursor:pointer; border:1px solid #eee; color:#666; background:#fff; transition:all .2s; }
.ind-tab:hover{ border-color:#6366F1; color:#6366F1; }
.ind-tab.active{ background:linear-gradient(135deg,#4F46E5,#8B5CF6); color:#fff; border-color:transparent; }

/* ---------- Advantage icon ---------- */
.adv-icon{ width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; }

/* ---------- Footer ---------- */
.footer-title{ font-weight:700; font-size:14px; color:#1a1a2e; margin-bottom:16px; }
.footer-link{ display:block; font-size:13px; color:#888; text-decoration:none; line-height:2; transition:color .2s; }
.footer-link:hover{ color:#6366F1; }

/* ---------- Code block ---------- */
.code-block{ background:#0d1117; border-radius:12px; border:1px solid #1a3a5a; overflow:hidden; }
.code-block pre{ padding:20px 24px; font-size:13px; line-height:1.7; overflow-x:auto; font-family:'JetBrains Mono','Fira Code',monospace; color:#e2e8f0; }

/* ---------- Responsive ---------- */
@media(max-width:768px){
  .section-title{ font-size:28px; }
  .stat-number{ font-size:36px; }
}