@font-face{
  font-family:'BWY Sans';
  src:url('bwy-sans.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
}
:root{
  --brand:#B118FB; --brand-deep:#8E10CB; --brand-ink:#4A0D78;
  --pop:#D48CFC; --peri:#8FA8FF;
  --ink:#14101F; --body-c:#3F3A4E; --muted:#6B7280;
  --bg:#FAFAFE; --tint:#F6F1FE; --line:#E7E2F2;
  --dark:#12081F;
  --r:16px; --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'BWY Sans','Noto Sans SC','Source Han Sans SC','Microsoft YaHei',sans-serif;color:var(--body-c);background:var(--bg);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{color:var(--ink);font-weight:900;line-height:1.3}
.sec{padding:100px 0}
.sec.tint{background:var(--tint)}
.sec-head{max-width:780px;margin-bottom:52px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{display:inline-block;font-size:14px;font-weight:700;color:var(--brand);letter-spacing:.14em;margin-bottom:16px}
.sec-head h2{font-size:42px;margin-bottom:16px;letter-spacing:.01em}
.sec-head p{color:var(--muted);font-size:16.5px}
.judge{font-size:19px;font-weight:900;color:var(--ink);margin:6px 0 14px}
.judge b{color:var(--brand)}
.fineprint{font-size:12.5px;color:var(--muted);margin-top:30px;padding-top:14px;border-top:1px dashed var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:16px;font-weight:600;transition:.22s;cursor:pointer;border:0}
.btn-brand{background:var(--brand);color:#fff;box-shadow:0 6px 22px rgba(177,24,251,.30)}
.btn-brand:hover{background:var(--brand-deep);transform:translateY(-1px)}
.btn-white{background:#fff;color:var(--brand-ink);box-shadow:0 4px 24px rgba(255,255,255,.20)}
.btn-white:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(255,255,255,.30)}
.btn-ghostd{border:1.5px solid rgba(255,255,255,.38);color:#fff;background:transparent}
.btn-ghostd:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}

/* ---------- nav ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:.28s;backdrop-filter:blur(16px);background:transparent}
nav.scrolled{background:rgba(255,255,255,.9);box-shadow:0 1px 0 var(--line),0 4px 24px rgba(30,10,60,.06)}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:34px}
.nav-logo img{height:34px;width:auto}
.logo-dark{display:none}
nav.scrolled .logo-light{display:none}
nav.scrolled .logo-dark{display:block}
.nav-links{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500;color:rgba(255,255,255,.86)}
nav.scrolled .nav-links{color:var(--ink)}
.nav-links a{transition:.2s;padding-bottom:2px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--pop)}
nav.scrolled .nav-links a:hover{color:var(--brand)}
.nav-links a.on{border-bottom-color:var(--pop)}
nav.scrolled .nav-links a.on{border-bottom-color:var(--brand);color:var(--brand)}
.nav-cta .btn{padding:10px 24px;font-size:14.5px}
.nav-cta .btn-white{box-shadow:none}
nav.scrolled .nav-cta .btn{background:var(--brand);color:#fff}
.nav-burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;padding:8px}
.nav-burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.2s}
nav.scrolled .nav-burger span{background:var(--ink)}

/* ---------- hero(首页大版) ---------- */
.hero{position:relative;overflow:hidden;color:#fff;text-align:center;
  background:linear-gradient(135deg,#12081F 0%,#4A0D78 42%,#B118FB 100%)}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(720px 420px at 82% 12%,rgba(212,140,252,.28),transparent 65%),
  radial-gradient(560px 380px at 10% 88%,rgba(143,168,255,.20),transparent 60%);pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(60% 55% at 50% 40%,#000,transparent 78%)}
.hero .wrap{position:relative;z-index:1;padding-top:168px;padding-bottom:96px}
.hero-chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:8px 20px;font-size:14px;font-weight:500;color:rgba(255,255,255,.92);margin-bottom:30px}
.hero-chip i{width:7px;height:7px;border-radius:50%;background:var(--pop);box-shadow:0 0 12px var(--pop)}
.hero h1{color:#fff;font-size:62px;letter-spacing:.01em;margin-bottom:22px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--pop),var(--peri));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:18.5px;color:rgba(255,255,255,.78);max-width:640px;margin:0 auto 40px}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:74px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:960px;margin:0 auto;border-top:1px solid rgba(255,255,255,.14);padding-top:44px}
.stat b{display:block;font-size:38px;font-weight:900;color:#fff;line-height:1.2}
.stat b small{font-size:20px;font-weight:900}
.stat span{font-size:13.5px;color:rgba(255,255,255,.60)}

/* ---------- page-hero(内页紧凑版) ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#12081F 0%,#4A0D78 48%,#9412D6 100%)}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(640px 380px at 86% 10%,rgba(212,140,252,.26),transparent 62%);pointer-events:none}
.page-hero .wrap{position:relative;z-index:1;padding-top:150px;padding-bottom:70px}
.page-hero .kicker{color:var(--pop)}
.page-hero h1{color:#fff;font-size:44px;margin-bottom:14px}
.page-hero .sub{font-size:17px;color:rgba(255,255,255,.78);max-width:680px}

/* ---------- 通用网格与卡 ---------- */
.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pain,.cap,.ind,.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;transition:.25s}
.pain:hover,.cap:hover,.ind:hover,.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(177,24,251,.10);border-color:#D8B8F8}
.tile{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.t-purple{background:rgba(177,24,251,.10)} .t-amber{background:rgba(245,158,11,.12)} .t-red{background:rgba(239,68,68,.10)} .t-blue{background:rgba(143,168,255,.16)}
.pain h3{font-size:19px;margin-bottom:10px}
.pain p{font-size:14.5px;color:var(--muted)}
.cap-label{font-size:13.5px;font-weight:700;color:var(--brand);letter-spacing:.08em;margin-bottom:10px}
.cap h3{font-size:21px;margin-bottom:8px}
.cap .hl{font-size:14.5px;font-weight:700;color:var(--brand);margin-bottom:16px}
.cap ul{list-style:none;display:grid;gap:9px;font-size:14.5px;color:var(--body-c)}
.cap li{padding-left:24px;position:relative}
.cap li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:700}
.ind .no{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.12em;margin-bottom:8px}
.ind h3{font-size:20px;margin-bottom:16px}
.ind .row{display:flex;gap:12px;font-size:14px;margin-top:12px;align-items:flex-start}
.ind .row i{font-style:normal;flex:0 0 auto;font-size:16px;line-height:1.5}
.ind .row span{color:var(--body-c)}
.ind .row b{color:var(--ink);font-weight:700}
.quote{border-left:3px solid var(--pop);background:var(--tint);border-radius:0 12px 12px 0;padding:14px 18px;font-size:14.5px;color:var(--body-c);margin-bottom:14px}

/* ---------- 功能组块(产品能力页) ---------- */
.fgroup{margin-top:18px}
.fgroup h4{font-size:14px;color:var(--muted);font-weight:700;margin-bottom:10px}
.chips{display:flex;gap:11px;flex-wrap:wrap}
.chips span{background:var(--tint);border:1px solid var(--line);border-radius:100px;padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--brand-ink)}
.hl-band{border:1.5px solid #D8B8F8;background:linear-gradient(135deg,#FBF7FF,#F1EBFF);border-radius:var(--r);padding:26px 32px;margin-top:22px}
.hl-band b{color:var(--brand)}

/* ---------- 深色区块(私有化/CTA) ---------- */
.priv-sec{background:linear-gradient(315deg,#12081F 0%,#3A0A61 55%,#7A10B8 100%);color:rgba(255,255,255,.78);position:relative;overflow:hidden}
.priv-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(640px 420px at 88% 8%,rgba(212,140,252,.25),transparent 62%);pointer-events:none}
.priv-sec .wrap{position:relative;z-index:1}
.priv-sec .kicker{color:var(--pop)}
.priv-sec h2{color:#fff;font-size:42px;margin-bottom:16px;max-width:720px}
.priv-sec .lead{font-size:17px;max-width:640px;margin-bottom:44px}
.glass3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--r);padding:26px}
.glass b{display:block;color:#fff;font-size:16px;margin-bottom:8px;font-weight:700}
.glass span{font-size:14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step;margin-bottom:48px}
.step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:16px 18px;font-size:14.5px;font-weight:500;color:#EDE6F7;counter-increment:step;display:flex;align-items:center;gap:12px}
.step::before{content:counter(step,decimal-leading-zero);font-size:13px;font-weight:900;background:linear-gradient(90deg,var(--pop),var(--peri));-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0}
.steps.light{margin-bottom:0}
.steps.light .step{background:#fff;border-color:var(--line);color:var(--body-c)}
.steps.five{grid-template-columns:repeat(5,1fr)}

/* ---------- 双栏交付表 ---------- */
.duo{width:100%;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);overflow:hidden;font-size:14.5px;margin-bottom:44px}
.duo th{background:rgba(255,255,255,.08);color:#fff;font-weight:700;padding:13px 18px;text-align:left}
.duo td{padding:12px 18px;border-top:1px solid rgba(255,255,255,.08);color:#E8E1F2}
.duo td:first-child{font-weight:900;white-space:nowrap;background:linear-gradient(90deg,var(--pop),var(--peri));-webkit-background-clip:text;background-clip:text;color:transparent}
.duo-wrap{overflow-x:auto;margin-bottom:44px}
.duo-wrap .duo{margin-bottom:0;min-width:640px}

/* ---------- 自查清单 ---------- */
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}
.check-list li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px 16px 48px;position:relative;font-size:14.5px;color:var(--body-c)}
.check-list li::before{content:'☑';position:absolute;left:18px;color:var(--brand);font-size:17px;font-weight:700}

/* ---------- 版本/模式卡 ---------- */
.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tiers.two{grid-template-columns:repeat(2,1fr);max-width:940px;margin:0 auto;gap:24px}
.tier{border:1px solid var(--line);border-radius:var(--r);padding:30px 22px;background:#fff;display:flex;flex-direction:column;transition:.25s;position:relative}
.tier:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(177,24,251,.10)}
.tier.hot{border:2px solid var(--brand);box-shadow:0 10px 36px rgba(177,24,251,.16)}
.tier .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:12px;font-weight:700;border-radius:100px;padding:3px 14px;white-space:nowrap}
.tier h3{font-size:18px;margin-bottom:2px}
.tier .for{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.tier ul{list-style:none;font-size:13.5px;color:var(--body-c);margin:18px 0 24px;display:grid;gap:9px}
.tier li{padding-left:20px;position:relative}
.tier li::before{content:'✓';position:absolute;left:0;color:var(--brand);font-weight:700;font-size:12.5px}
.tier .btn{margin-top:auto;padding:11px 0;font-size:14.5px;width:100%}
.tier.big{padding:42px 38px}
.tier.big h3{font-size:24px;margin-bottom:6px}
.tier.big .for{font-size:14px;margin-bottom:18px}
.tier.big .mode-lead{font-size:15.5px;color:var(--body-c);font-weight:500;line-height:1.7}
.tier.big ul{font-size:15px;gap:11px;margin:22px 0 30px}
.tier.big .btn{padding:13px 0;font-size:15.5px}

/* ---------- 原则卡(关于页) ---------- */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.principle{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;position:relative;overflow:hidden}
.principle::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--peri))}
.principle .num{font-size:40px;font-weight:900;background:linear-gradient(135deg,var(--brand),var(--pop));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:14px}
.principle h3{font-size:20px;margin-bottom:10px}
.principle p{font-size:14.5px;color:var(--muted)}
.info-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;max-width:560px}
.info-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;font-size:15px}
.info-card dt{color:var(--muted);white-space:nowrap}
.info-card dd{color:var(--ink);font-weight:500}

/* ---------- FAQ ---------- */
.faq{max-width:840px;margin:0 auto}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:14px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:21px 28px;font-weight:700;color:var(--ink);font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:22px;color:var(--brand);font-weight:400;transition:.2s;flex-shrink:0}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open]{border-color:#D8B8F8;background:var(--tint)}
.faq .a{padding:0 28px 22px;font-size:14.5px;color:var(--body-c)}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(135deg,#12081F 0%,#4A0D78 50%,#9412D6 100%);border-radius:24px;padding:60px 64px;display:flex;align-items:center;gap:56px;flex-wrap:wrap;color:rgba(255,255,255,.78);position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;inset:0;background:radial-gradient(520px 340px at 90% 10%,rgba(212,140,252,.30),transparent 65%)}
.cta>*{position:relative}
.cta h2{color:#fff;font-size:34px;margin-bottom:12px}
.cta p{max-width:460px;font-size:15.5px}
.qr{margin-left:auto;text-align:center}
.qr .box{width:172px;height:172px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 16px 44px rgba(0,0,0,.28)}
.qr .box img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.qr small{display:block;margin-top:12px;font-size:13.5px;color:rgba(255,255,255,.85);font-weight:500}

/* ---------- 隐私/长文 ---------- */
.prose{max-width:780px}
.prose h2{font-size:22px;margin:36px 0 12px}
.prose p,.prose li{font-size:15px;color:var(--body-c)}
.prose ul{padding-left:22px;display:grid;gap:8px}

/* ---------- footer ---------- */
footer{background:var(--dark);color:#9C93AC;padding:64px 0 36px;font-size:13.5px}
.f-grid{display:flex;gap:64px;flex-wrap:wrap;margin-bottom:44px}
.f-brand img{height:40px;width:auto;margin-bottom:16px}
.f-brand p{max-width:290px}
.f-col{min-width:120px}
.f-col b{display:block;color:#fff;font-size:14px;margin-bottom:14px}
.f-col a{display:block;margin-bottom:9px;transition:.2s}
.f-col a:hover{color:var(--pop)}
.f-legal{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}

/* ---------- 动效 ---------- */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .hero .wrap{padding-top:128px;padding-bottom:64px}
  .hero h1{font-size:38px}
  .hero .sub{font-size:16px}
  .page-hero .wrap{padding-top:116px;padding-bottom:48px}
  .page-hero h1{font-size:30px}
  .stats{grid-template-columns:repeat(2,1fr);gap:26px 12px}
  .stat b{font-size:30px}
  .grid4,.grid3,.principles,.check-list{grid-template-columns:1fr}
  .tiers{grid-template-columns:repeat(2,1fr)}
  .tiers.two{grid-template-columns:1fr;max-width:560px}
  .steps,.steps.five{grid-template-columns:repeat(2,1fr)}
  .glass3{grid-template-columns:1fr}
  .sec-head h2,.priv-sec h2{font-size:29px}
  .sec{padding:68px 0}
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:block}
  .nav-links.open{display:flex;position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;border-bottom:1px solid var(--line);gap:18px;color:var(--ink)}
  .cta{padding:44px 28px}
  .qr{margin:0 auto}
}
@media (max-width:560px){ .tiers,.steps,.steps.five{grid-template-columns:1fr} }