/* ========== KNS 凯恩思 - 商汤科技+华为风格 ========== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html,body{scroll-behavior:smooth}
body{font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#ffffff;color:#1e293b;line-height:1.6;overflow-x:hidden}

/* ========== 导航栏 - 华为/商汤风格：大气居中 ========== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08);transition:all .35s ease}
.navbar.scrolled{box-shadow:0 8px 30px rgba(15,23,42,.08);background:rgba(255,255,255,.98)}
.nc{max-width:1400px;margin:0 auto;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.nl{display:flex;align-items:center;gap:.85rem;font-weight:900;font-size:1.55rem;letter-spacing:-.03em;color:#0f172a;text-decoration:none}
.nks{display:flex;align-items:center;gap:.4rem;list-style:none}
.navItem{position:relative}
.navItem > a{display:block;padding:.9rem 1.1rem;color:#475569;text-decoration:none;font-weight:700;font-size:.98rem;letter-spacing:.01em;transition:all .3s ease;border-radius:12px}
.navItem > a:hover,.navItem > a.active{color:#0f172a;background:#f1f5f9}
.lang{display:flex;align-items:center;gap:.6rem;color:#64748b}
.lang a{color:#475569;text-decoration:none;font-weight:800;font-size:.95rem;padding:.5rem .8rem;border-radius:10px;transition:all .25s ease}
.lang a:hover{background:#f1f5f9;color:#0f172a}
.lang a.active{color:#0f172a;background:#f1f5f9}
.nb{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.5rem;background:#0f172a;color:#f8fafc;font-weight:900;border-radius:14px;text-decoration:none;box-shadow:0 14px 35px rgba(15,23,42,.18);transition:all .35s ease}
.nb:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(15,23,42,.25)}
.mb{display:none;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer;padding:.6rem}
.mb span{width:26px;height:2px;background:#475569;border-radius:2px;transition:all .3s ease}
.mm{display:none;position:fixed;inset:0;background:#ffffff;z-index:9998;padding:6.5rem 2rem 2rem}
.mm.show{display:block}
.mm ul{list-style:none;max-width:700px;margin:0 auto}
.mm li{border-bottom:1px solid #e2e8f0}
.mm a{display:block;padding:1.2rem 0;color:#475569;text-decoration:none;font-size:1.15rem;font-weight:800}
.mm a:hover{color:#0f172a}
.mmc{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.8rem;padding:1.1rem 1.6rem;background:#0f172a;color:#f8fafc;font-weight:900;border-radius:14px;text-decoration:none}

/* ========== Hero区域 - 商汤科技/华为风格：大气简约 ========== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 50%,#ffffff 100%);color:#0f172a;position:relative;overflow:hidden;padding:11rem 2rem 7rem}
.heroHighlightsRow{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}
.hlCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:1.8rem 1.5rem;min-width:180px;text-align:center;transition:all .45s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 28px rgba(15,23,42,.05)}
.hlCard:hover{transform:translateY(-8px);border-color:#cbd5e1;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.hlIcon{font-size:2.2rem;margin-bottom:.6rem}
.hlT{font-size:1.05rem;font-weight:900;color:#0f172a;margin-bottom:.4rem}
.hlD{font-size:.9rem;color:#64748b}
.heroHighlightsRow{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}
.hlCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:1.8rem 1.5rem;min-width:180px;text-align:center;transition:all .45s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 28px rgba(15,23,42,.05)}
.hlCard:hover{transform:translateY(-8px);border-color:#cbd5e1;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.hlIcon{font-size:2.2rem;margin-bottom:.6rem}
.hlT{font-size:1.05rem;font-weight:900;color:#0f172a;margin-bottom:.4rem}
.hlD{font-size:.9rem;color:#64748b}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1000px 600px at 20% 20%,rgba(59,130,246,.06) 0%,transparent 70%),radial-gradient(900px 700px at 80% 80%,rgba(249,115,22,.05) 0%,transparent 70%);opacity:1}
.hc{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.heroCenter{text-align:center;max-width:1100px;margin:0 auto}
.bdg{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;font-size:.85rem;color:#0f172a;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.6rem}
.heroTitle{font-size:clamp(3rem,5.5vw,4.8rem);font-weight:900;letter-spacing:-.05em;line-height:1.02;margin-bottom:1.3rem;color:#0f172a}
.heroDesc{font-size:1.2rem;line-height:1.9;color:#475569;max-width:780px;margin:0 auto 2rem}
.btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}
.btn1{display:inline-flex;align-items:center;gap:.7rem;padding:1.2rem 2.2rem;background:#0f172a;color:#f8fafc;font-weight:900;border-radius:16px;text-decoration:none;box-shadow:0 20px 50px rgba(15,23,42,.22);transition:all .4s cubic-bezier(.22,1,.36,1);font-size:1.02rem}
.btn1:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(15,23,42,.32)}
.btn2{display:inline-flex;align-items:center;gap:.7rem;padding:1.2rem 2.2rem;background:#ffffff;border:1px solid #e2e8f0;color:#0f172a;font-weight:800;border-radius:16px;text-decoration:none;transition:all .35s ease;font-size:1.02rem}
.btn2:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px)}
.st{display:grid;grid-template-columns:repeat(4,1fr);gap:2.2rem;margin-top:4.5rem;max-width:1000px;margin-left:auto;margin-right:auto}
.st > div{text-align:center;padding:2rem 1.5rem;background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 35px rgba(15,23,42,.06)}
.sn{font-size:3rem;font-weight:900;color:#0f172a;line-height:1;margin-bottom:.6rem}
.sl{font-size:1rem;color:#64748b;font-weight:800}

/* ========== Section通用 - 商汤/华为大气留白 ========== */
.section{padding:8.5rem 2rem;position:relative;overflow:hidden;background:#ffffff}
.sectionAlt{background:#f8fafc}
.sectionC{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.sectionH{margin-bottom:4rem}
.sectionH.c{text-align:center}
.tag{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.2rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;font-size:.82rem;color:#0f172a;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.2rem}
.sectionT{font-size:clamp(2.3rem,3.9vw,3.2rem);font-weight:900;letter-spacing:-.045em;line-height:1.1;margin-bottom:1rem;color:#0f172a}
.sectionD{font-size:1.08rem;line-height:1.85;color:#475569;max-width:700px}
.sectionH.c .sectionD{margin:0 auto}

/* ========== 核心服务板块 - 商汤科技/华为豪华大气 ========== */
.sGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;margin-top:4rem}
.sCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:26px;padding:3.5rem 2.8rem;position:relative;overflow:hidden;box-shadow:0 14px 45px rgba(15,23,42,.08);transition:all .6s cubic-bezier(.22,1,.36,1);cursor:default}
.sCard:hover{transform:translateY(-14px);border-color:#cbd5e1;box-shadow:0 28px 75px rgba(15,23,42,.16)}
.sNumber{font-size:4rem;font-weight:900;letter-spacing:-.07em;color:#0f172a;opacity:.1;line-height:1;margin-bottom:1.6rem;transition:all .6s ease}
.sCard:hover .sNumber{opacity:.18}
.sCard h3{font-size:1.55rem;font-weight:900;margin-bottom:1.1rem;color:#0f172a;letter-spacing:-.025em}
.sCard p{font-size:1.05rem;color:#64748b;line-height:1.85;margin-bottom:1.8rem}
.sLink{font-size:.95rem;font-weight:900;color:#0f172a;letter-spacing:.015em;display:inline-flex;align-items:center;gap:.45rem;transition:all .35s ease}
.sLink:hover{gap:.85rem}

/* ========== 覆盖行业板块 - 华为风格网格 ========== */
.iGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3.5rem}
.iCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .45s cubic-bezier(.22,1,.36,1);cursor:default;box-shadow:0 8px 28px rgba(15,23,42,.05)}
.iCard:hover{transform:translateY(-10px);border-color:#cbd5e1;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.iE{font-size:2.8rem;line-height:1}
.iCard span{font-size:1.05rem;font-weight:900;color:#0f172a;letter-spacing:-.015em}

/* ========== 客户板块 - 商汤科技/华为风格 ========== */
.cGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem;margin-top:3.5rem}
.cCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:2.2rem 1.6rem;display:flex;align-items:center;justify-content:center;transition:all .45s cubic-bezier(.22,1,.36,1);cursor:default;box-shadow:0 8px 28px rgba(15,23,42,.05)}
.cCard:hover{transform:translateY(-8px);border-color:#cbd5e1;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.cCard .logo{font-size:1.2rem;font-weight:900;color:#475569;letter-spacing:-.025em}

/* ========== 统计数据 - 华为风格 ========== */
.stats{background:#f8fafc;padding:5.5rem 2rem;color:#0f172a}
.statsIn{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;text-align:center}
.statNum{font-size:3.4rem;font-weight:900;color:#0f172a;line-height:1;margin-bottom:.6rem}
.statLbl{font-size:1.05rem;color:#64748b;font-weight:800}

/* ========== 关于我们 - 商汤科技对称风格 ========== */
.aboutGridNew{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:3.5rem;flex-wrap:wrap}
.aboutCardNew{background:#ffffff;border:1px solid #e2e8f0;border-radius:22px;padding:3rem 1.8rem;text-align:center;transition:all .45s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 28px rgba(15,23,42,.05)}
.aboutCardNew:hover{transform:translateY(-10px);border-color:#cbd5e1;box-shadow:0 20px 55px rgba(15,23,42,.12)}
.aboutCardIcon{font-size:3rem;margin-bottom:1rem}
.aboutCardNum{font-size:2.5rem;font-weight:900;color:#0f172a;line-height:1;margin-bottom:.6rem}
.aboutCardLbl{font-size:1rem;font-weight:900;color:#475569}

/* ========== 资讯视点 - 华为风格 ========== */
.aGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem}
.aCard{background:#ffffff;border:1px solid #e2e8f0;border-radius:22px;padding:2.4rem;box-shadow:0 10px 35px rgba(15,23,42,.06);transition:all .5s cubic-bezier(.22,1,.36,1);cursor:default}
.aCard:hover{transform:translateY(-12px);border-color:#cbd5e1;box-shadow:0 26px 70px rgba(15,23,42,.14)}
.aDate{font-size:.9rem;color:#64748b;font-weight:800;margin-bottom:.8rem}
.aCard h3{font-size:1.25rem;font-weight:900;color:#0f172a;margin-bottom:.9rem;line-height:1.45}
.aCard p{font-size:1rem;color:#64748b;line-height:1.75;margin-bottom:1.2rem}
.aLink{font-size:.95rem;font-weight:900;color:#0f172a;display:inline-flex;align-items:center;gap:.45rem;transition:all .35s ease}
.aLink:hover{gap:.85rem}

/* ========== 联系我们 - 商汤科技/华为风格 ========== */
.contactGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:start;margin-top:3.5rem}
.contactTl{font-size:2.3rem;font-weight:900;color:#0f172a;margin-bottom:1.2rem;letter-spacing:-.035em}
.contactDesc{font-size:1.1rem;color:#475569;line-height:1.85;margin-bottom:2.4rem}
.contactItems{display:flex;flex-direction:column;gap:1.4rem}
.contactItm{display:flex;align-items:flex-start;gap:1.1rem}
.contactIco{font-size:1.8rem;line-height:1}
.contactItmL{font-size:.95rem;color:#64748b;font-weight:800;margin-bottom:.2rem}
.contactItmV{font-size:1.08rem;font-weight:900;color:#0f172a}
.formBx{background:#ffffff;border:1px solid #e2e8f0;border-radius:24px;padding:3rem;box-shadow:0 20px 55px rgba(15,23,42,.08)}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.formGrp{margin-bottom:1.4rem}
.formGrp label{display:block;font-size:.95rem;font-weight:900;color:#0f172a;margin-bottom:.6rem}
.formGrp input,.formGrp textarea{width:100%;padding:1.1rem 1.2rem;border:1px solid #e2e8f0;border-radius:14px;font-size:1.02rem;transition:all .25s ease;background:#f8fafc;font-family:inherit}
.formGrp input:focus,.formGrp textarea:focus{outline:none;border-color:#94a3b8;background:#ffffff;box-shadow:0 0 0 5px rgba(15,23,42,.06)}
.formSub{width:100%;padding:1.2rem 2.2rem;background:#0f172a;border:0;color:#f8fafc;font-weight:900;font-size:1.05rem;border-radius:16px;cursor:pointer;box-shadow:0 18px 45px rgba(15,23,42,.2);transition:all .35s ease}
.formSub:hover{transform:translateY(-2px);box-shadow:0 26px 65px rgba(15,23,42,.3)}
.formSub:disabled{opacity:.7;cursor:not-allowed;transform:none}
.formSucc{display:none;margin-top:1.2rem;padding:1.2rem;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.3);color:#166534;border-radius:14px;text-align:center;font-weight:900}
.formSucc.show{display:block}

/* ========== 页脚 - 商汤科技/华为风格 ========== */
.footer{background:#0f172a;color:#f8fafc;padding:5rem 2rem 2.5rem;border-top:1px solid rgba(255,255,255,.08)}
.footerC{max-width:1400px;margin:0 auto}
.footerG{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3.5rem}
.footerLogo{display:flex;align-items:center;gap:.85rem;font-weight:900;font-size:1.6rem;letter-spacing:-.03em;color:#f8fafc;margin-bottom:1.2rem}
.footerDesc{color:#94a3b8;line-height:1.85;font-size:1rem}
.footerLinks h4{font-size:1.05rem;font-weight:900;color:#f8fafc;margin-bottom:1.3rem}
.footerLinks ul{list-style:none}
.footerLinks li{margin-bottom:.7rem}
.footerLinks a{color:#94a3b8;text-decoration:none;font-size:1rem;transition:all .25s ease}
.footerLinks a:hover{color:#f8fafc}
.footerContact h4{font-size:1.05rem;font-weight:900;color:#f8fafc;margin-bottom:1.3rem}
.footerContact ul{list-style:none}
.footerContact li{display:flex;align-items:center;gap:.7rem;color:#94a3b8;font-size:1rem;margin-bottom:.8rem}
.cIco{font-size:1.2rem}
.footerBtm{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:1.2rem}
.footerCopy{color:#64748b;font-size:.95rem}
.adminLink{color:#475569;text-decoration:none;font-size:.9rem;font-weight:800;opacity:.7;transition:all .25s ease}
.adminLink:hover{opacity:1;color:#f8fafc}

/* ========== 响应式 ========== */
@media (max-width:1024px){
  .nc{gap:1.5rem}
  .nks{display:none}
  .mb{display:flex}
  .sGrid{grid-template-columns:repeat(2,1fr)}
  .iGrid{grid-template-columns:repeat(3,1fr)}
  .aGrid{grid-template-columns:repeat(2,1fr)}
  .cGrid{grid-template-columns:repeat(3,1fr)}
  .contactGrid{grid-template-columns:1fr}
  .footerG{grid-template-columns:1fr 1fr}
  .aboutGridNew{grid-template-columns:repeat(2,1fr)}
  .st{grid-template-columns:repeat(2,1fr)}
  .statsIn{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sGrid{grid-template-columns:1fr}
  .iGrid{grid-template-columns:repeat(2,1fr)}
  .aGrid{grid-template-columns:1fr}
  .cGrid{grid-template-columns:repeat(2,1fr)}
  .footerG{grid-template-columns:1fr}
  .aboutGridNew{grid-template-columns:1fr}
  .st{grid-template-columns:1fr}
  .statsIn{grid-template-columns:1fr}
  .formRow{grid-template-columns:1fr}
}

/* ========== Reveal动画 ========== */
.reveal{opacity:0;transform:translateY(35px);transition:all .75s cubic-bezier(.22,1,.36,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ========== 强制全局居中 ========== */
main{width:100% !important;max-width:100% !important;margin:0 auto !important}
.section{width:100% !important}
.sectionC{width:100% !important;max-width:1400px !important;margin:0 auto !important;padding:0 2rem !important}
/* ========== Hero v3.0 现代深色Hero ========== */

/* 背景网格 */
.hero-v3-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);
}

/* 光球 */
.hero-v3-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.4;
  pointer-events: none;
}
.hero-v3-orb-1 {
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(59,130,246,0.5) 0%, transparent 60%);
  top: -200px; right: -100px;
  animation: orbFloat1 20s ease-in-out infinite;
}
.hero-v3-orb-2 {
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(139,92,246,0.4) 0%, transparent 60%);
  bottom: -150px; left: -100px;
  animation: orbFloat2 25s ease-in-out infinite;
}
.hero-v3-orb-3 {
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(249,115,22,0.3) 0%, transparent 60%);
  top: 50%; left: 20%;
  animation: orbFloat3 18s ease-in-out infinite;
}
@keyframes orbFloat1 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-40px,30px) scale(1.1)} }
@keyframes orbFloat2 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(50px,-20px) scale(0.9)} }
@keyframes orbFloat3 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-30px,-40px)} }

/* Hero 主容器 */

/* ========== Hero v4 - Apple/Stripe 2026 Style ========== */

/* 主容器 */
.hero-v3 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(180deg, #0a0a0f 0%, #0f172a 50%, #1e1b4b 100%);
}

/* 动态网格背景 */
.hero-v3-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  animation: gridMove 20s linear infinite;
}

@keyframes gridMove {
  0% { transform: translate(0, 0); }
  100% { transform: translate(60px, 60px); }
}

/* 流动光晕 */
.hero-v3-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.4;
  animation: orbFloat 15s ease-in-out infinite;
}

.hero-v3-orb-1 {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, #6366f1 0%, transparent 70%);
  top: -200px;
  right: -100px;
  animation-delay: 0s;
}

.hero-v3-orb-2 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #8b5cf6 0%, transparent 70%);
  bottom: -150px;
  left: -100px;
  animation-delay: -5s;
}

.hero-v3-orb-3 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #f97316 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  animation-delay: -10s;
}

@keyframes orbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -30px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(0.95); }
}

/* 内容容器 */
.hero-v3-inner {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  width: 100%;
  padding: 120px 40px 80px;
  text-align: center;
}

/* Badge 标签 */
.hero-v3-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: rgba(99, 102, 241, 0.1);
  border: 1px solid rgba(99, 102, 241, 0.3);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  color: #a5b4fc;
  margin-bottom: 32px;
  animation: badgePulse 3s ease-in-out infinite;
}

.hero-v3-badge-dot {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  animation: dotPulse 2s ease-in-out infinite;
}

@keyframes badgePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
  50% { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0.1); }
}

@keyframes dotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.7; }
}

/* 主标题 */
.hero-v3-title {
  font-size: clamp(48px, 8vw, 80px);
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 24px;
  letter-spacing: -0.02em;
  animation: titleReveal 1s ease-out 0.2s both;
}

.hero-v3-title-accent {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 5s ease infinite;
  background-size: 200% 200%;
}

@keyframes titleReveal {
  from {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes gradientShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* 描述文字 */
.hero-v3-desc {
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
  max-width: 700px;
  margin: 0 auto 48px;
  animation: descReveal 1s ease-out 0.4s both;
}

@keyframes descReveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 统计数字区域 */
.hero-v3-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  margin-bottom: 48px;
  padding: 32px 0;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  animation: statsReveal 1s ease-out 0.6s both;
}

.hero-v3-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 40px;
  min-width: 180px;
}

.hero-v3-stat-num {
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  font-feature-settings: 'tnum';
}

.hero-v3-stat-plus {
  font-size: 0.5em;
  color: #6366f1;
}

.hero-v3-stat-label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 8px;
  font-weight: 500;
}

.hero-v3-stat-divider {
  width: 1px;
  height: 60px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,0.1), transparent);
}

@keyframes statsReveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* CTA 按钮 */
.hero-v3-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 48px;
  animation: ctaReveal 1s ease-out 0.8s both;
}

.hero-v3-cta .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3);
}

.hero-v3-cta .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(99, 102, 241, 0.5);
}

.hero-v3-cta .btn-primary svg {
  transition: transform 0.3s ease;
}

.hero-v3-cta .btn-primary:hover svg {
  transform: translateX(4px);
}

.hero-v3-cta .btn-ghost {
  display: inline-flex;
  align-items: center;
  padding: 16px 32px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.hero-v3-cta .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

@keyframes ctaReveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 信任标签 */
.hero-v3-trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  animation: trustReveal 1s ease-out 1s both;
}

.hero-v3-trust-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
}

.hero-v3-trust-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.hero-v3-trust-tags span {
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}

.hero-v3-trust-tags span:hover {
  background: rgba(99, 102, 241, 0.1);
  border-color: rgba(99, 102, 241, 0.3);
  color: #a5b4fc;
}

@keyframes trustReveal {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 鼠标跟随光效 */
.hero-v3-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 5;
}

/* 粒子 */
.hero-v3-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: particleFloat 15s linear infinite;
}

@keyframes particleFloat {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(50px);
    opacity: 0;
  }
}

/* 响应式 */
@media (max-width: 768px) {
  .hero-v3-inner {
    padding: 100px 20px 60px;
  }
  
  .hero-v3-stats {
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
  }
  
  .hero-v3-stat {
    padding: 12px 0;
    min-width: auto;
  }
  
  .hero-v3-stat-divider {
    width: 100px;
    height: 1px;
  }
  
  .hero-v3-cta {
    flex-direction: column;
    align-items: center;
  }
  
  .hero-v3-cta .btn-primary,
  .hero-v3-cta .btn-ghost {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }
  
  .hero-v3-orb-1,
  .hero-v3-orb-2 {
    width: 300px;
    height: 300px;
  }
}

.hero-v3-after {
  background: #ffffff;
  padding: 0;
  position: relative;
}
.hero-v3-after::before {
  content: '';
  position: absolute;
  top: -60px;
  left: 0; right: 0;
  height: 60px;
  background: #ffffff;
  clip-path: ellipse(55% 100% at 50% 100%);
}
.hero-v3-after-inner {
  display: flex;
  justify-content: center;
  gap: 0;
  max-width: 1100px;
  margin: 0 auto;
  padding: 3.5rem 2rem;
  flex-wrap: wrap;
}
.ha-item {
  padding: 0 2.5rem;
  border-right: 1px solid #e2e8f0;
  text-align: center;
  transition: all 0.4s var(--ease-out-expo);
}
.ha-item:last-child { border-right: none; }
.ha-icon { font-size: 2rem; margin-bottom: 0.8rem; }
.ha-t { font-size: 1rem; font-weight: 700; color: #0f172a; margin-bottom: 0.3rem; }
.ha-d { font-size: 0.82rem; color: #64748b; }
.ha-item:hover { transform: translateY(-4px); }

/* 响应式 */
@media (max-width: 768px) {
  .hero-v3-stats {
    gap: 0;
    flex-wrap: wrap;
  }
  .hero-v3-stat {
    padding: 1rem 1.5rem;
    min-width: 45%;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .hero-v3-stat-divider { display: none; }
  .hero-v3-stat:nth-child(2n) { border-left: 1px solid rgba(255,255,255,0.08); }
  .hero-v3-stat:nth-last-child(-n+2) { border-bottom: none; }
  .hero-v3-after-inner { gap: 0; }
  .ha-item {
    width: 50%;
    padding: 1.5rem;
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
  }
  .ha-item:nth-child(2n) { border-left: 1px solid #e2e8f0; }
  .ha-item:nth-last-child(-n+2) { border-bottom: none; }
}