*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
/* default = 浅底企业蓝：柔和天蓝底 + 靛蓝主色（告别死灰黑白） */
body.t-default{
  --c:#4f46e5;--cd:#3730a3;--sky:#6366f1;--ink:#0f172a;--mu:#64748b;--line:#e0e7ff;--soft:#f5f3ff;--mist:#eef2ff;
  margin:0;font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 1.5rem}
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(12px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}
.logo{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:#312e81}
.nav nav{display:flex;align-items:center;gap:1.25rem;font-size:.875rem;font-weight:600;color:#64748b}
.nav nav a:hover{color:var(--c)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;border-radius:10px;font-weight:700;font-size:.9rem;border:0;box-shadow:0 8px 20px rgba(79,70,229,.28)}
.btn:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 10px 24px rgba(55,48,163,.32)}
.btn.sm{padding:.48rem 1rem;font-size:.8125rem;border-radius:8px;box-shadow:0 4px 12px rgba(79,70,229,.22)}
.btn.light{background:#fff;color:var(--cd)!important;box-shadow:none}
.btn.outline{background:transparent;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.btn.outline-w{background:#fff;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.btn.block{width:100%;margin-top:.55rem}
.btn.ghost{background:transparent;color:var(--c)!important;border:1px solid #c7d2fe;box-shadow:none}

.hero{
  background:
    radial-gradient(900px 420px at 12% -10%,rgba(99,102,241,.18),transparent 55%),
    radial-gradient(700px 380px at 92% 8%,rgba(56,189,248,.14),transparent 50%),
    linear-gradient(180deg,#eef2ff 0%,#f8fafc 55%,#fff 100%);
  color:var(--ink);padding:3.5rem 0 3rem;border-bottom:1px solid var(--line)
}
.hero-grid{display:grid;gap:2rem;align-items:center}
@media(min-width:960px){.hero-grid{grid-template-columns:1.2fr .8fr;gap:2.5rem}}
.eyebrow{margin:0 0 .75rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;color:#6366f1}
.eyebrow.dark{color:#4f46e5;letter-spacing:.12em}
.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4.2vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1e1b4b}
.sub{margin:0 0 1.5rem;font-size:1.05rem;color:var(--mu);line-height:1.7;max-width:36rem}
.bullets{margin:0;padding:0;list-style:none}
.bullets li{display:flex;gap:.85rem;margin-bottom:.85rem;font-size:.95rem;color:#334155;line-height:1.55}
.bullets i{flex:0 0 1.5rem;height:1.5rem;margin-top:.1rem;border-radius:50%;background:#e0e7ff;border:1px solid #c7d2fe;position:relative}
.bullets i::after{content:"";position:absolute;left:50%;top:45%;width:.35rem;height:.55rem;border:solid #4f46e5;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}
.hero-card{background:#fff;color:var(--ink);border-radius:16px;padding:1.85rem 1.6rem;border:1px solid #c7d2fe;box-shadow:0 20px 50px rgba(79,70,229,.12)}
.card-kicker{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:#6366f1}
.hero-card h2{margin:0 0 .5rem;font-size:1.3rem;font-weight:800;color:#312e81}
.hero-card>p{margin:0 0 1rem;color:var(--mu);font-size:.9rem}
.mini{margin:0 0 1.1rem;padding:0;list-style:none}
.mini li{position:relative;padding:.35rem 0 .35rem 1.15rem;color:var(--mu);font-size:.875rem;border-bottom:1px solid #eef2ff}
.mini li:last-child{border-bottom:0}
.mini li::before{content:"";position:absolute;left:0;top:.85rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--c)}

.metrics{background:linear-gradient(90deg,#312e81,#4338ca);border-bottom:0}
.metrics-row{display:grid;grid-template-columns:repeat(2,1fr)}
@media(min-width:800px){.metrics-row{grid-template-columns:repeat(4,1fr)}}
.metrics-row>div{padding:1.4rem 1.5rem;border-right:1px solid rgba(255,255,255,.15);color:#e0e7ff;text-align:center}
.metrics-row>div:last-child{border-right:0}
.metrics b{display:block;font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.3rem}
.metrics span{font-size:.8rem;color:#c7d2fe;line-height:1.4}

.prods{display:grid;background:#fff;border-bottom:1px solid var(--line)}
@media(min-width:900px){.prods{grid-template-columns:1fr 1fr}}
.prod{background:#fff;color:var(--ink);border-right:1px solid var(--line)}
.prod:last-child{border-right:0}
.prod.alt{background:linear-gradient(180deg,#eef2ff,#f8fafc)}
.prod-in{max-width:540px;padding:3.25rem 1.5rem}
@media(min-width:900px){
  .prod:first-child .prod-in{margin-left:auto;padding:3.5rem 2.75rem 3.5rem 1.5rem}
  .prod.alt .prod-in{margin-right:auto;padding:3.5rem 1.5rem 3.5rem 2.75rem}
}
.prod-label{margin:0 0 .5rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#6366f1}
.prod h2{margin:0 0 .85rem;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:#312e81}
.prod-in>p{margin:0 0 1.15rem;color:var(--mu);font-size:.95rem;line-height:1.7}
.prod ul{margin:0;padding:0;list-style:none}
.prod li{padding:.4rem 0 .4rem 1.15rem;position:relative;font-size:.9rem;color:#334155}
.prod li::before{content:"";position:absolute;left:0;top:.85rem;width:.45rem;height:.45rem;border-radius:50%;background:#818cf8}

.sec{padding:5rem 0}
.sec.soft{background:var(--soft)}
.head{text-align:center;max-width:40rem;margin:0 auto 2.75rem}
.head .eyebrow{display:inline-block}
.head h2{margin:.35rem 0 .6rem;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;color:#1e1b4b}
.head p{margin:0;color:var(--mu);font-size:1rem}
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:920px){.split{grid-template-columns:1.15fr .85fr;gap:3rem}.split.rev{grid-template-columns:.9fr 1.1fr}}
.split h2{margin:0 0 .7rem;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;letter-spacing:-.02em;color:#312e81}
.muted{color:var(--mu);margin:0 0 1.4rem;font-size:1rem;line-height:1.7}
.checks{margin:0;padding:0;list-style:none}
.checks li{padding:0 0 1.15rem 1.75rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.35rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe}
.checks li::after{content:"";position:absolute;left:.38rem;top:.5rem;width:.28rem;height:.45rem;border:solid #4f46e5;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checks strong{display:block;margin-bottom:.25rem;font-size:1rem}
.checks span{font-size:.9rem;color:var(--mu);line-height:1.55}
.panel{background:#fff;border:1px solid #c7d2fe;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(79,70,229,.06)}
.panel>div{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;border-bottom:1px solid #eef2ff}
.panel>div:last-child{border-bottom:0}
.panel b{color:var(--mu);font-weight:600;font-size:.9rem}
.panel em{font-style:normal;font-weight:800;color:var(--c);font-size:1.05rem}
.viz{height:240px;border-radius:16px;background:linear-gradient(165deg,#eef2ff,#fff);border:1px solid #c7d2fe;display:flex;align-items:flex-end;gap:.65rem;padding:1.6rem;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(79,70,229,.06)}
.viz span{width:18%;background:linear-gradient(180deg,#a5b4fc,var(--c));border-radius:8px 8px 0 0}
.viz span:nth-child(1){height:42%}.viz span:nth-child(2){height:72%}.viz span:nth-child(3){height:55%}
.viz i{position:absolute;left:46%;right:1.2rem;top:1.5rem;bottom:1.5rem;border-radius:14px;background:radial-gradient(circle at 30% 35%,rgba(99,102,241,.15),transparent 55%),#fff;border:1px solid #c7d2fe}
.steps{display:grid;gap:1.15rem}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps article{background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:1.75rem 1.4rem;box-shadow:0 8px 24px rgba(79,70,229,.04)}
.steps em{display:block;font-style:normal;font-weight:800;color:var(--c);margin-bottom:.65rem;font-size:.9rem;letter-spacing:.06em}
.steps h3{margin:0 0 .45rem;font-size:1.1rem}
.steps p{margin:0;font-size:.9rem;color:var(--mu);line-height:1.6}
.why{display:grid;gap:1.15rem}
@media(min-width:800px){.why{grid-template-columns:repeat(3,1fr)}}
.why article{padding:1.6rem 1.4rem;background:#fff;border-radius:16px;border:1px solid #c7d2fe}
.why h3{margin:0 0 .5rem;font-size:1.05rem;color:#312e81}
.why p{margin:0;font-size:.9rem;color:var(--mu);line-height:1.65}
.mall-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;align-items:flex-end;text-align:left;max-width:none;margin:0 0 1.5rem}
.mall-h .eyebrow{margin-bottom:.35rem}
.mall-h h2{margin:0 0 .4rem}
.mall-h p{margin:0;color:var(--mu)}
.btns{display:flex;flex-wrap:wrap;gap:.55rem}
.mall{background:#fff;border:1px solid #c7d2fe;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(79,70,229,.04)}
.mall article{display:grid;gap:.3rem;padding:1.1rem 1.25rem;border-bottom:1px solid #eef2ff}
.mall article:last-child{border-bottom:0}
@media(min-width:800px){.mall article{grid-template-columns:minmax(0,1.4fr) .8fr auto auto;align-items:center;gap:1rem}}
.mall .d{font-family:Consolas,Menlo,monospace;font-weight:700;font-size:.9rem;word-break:break-all}
.mall .m{font-size:.85rem;color:var(--mu)}
.mall .price{font-weight:800;color:var(--c);white-space:nowrap}
.mall .price small{font-weight:500;font-size:.75rem;color:var(--mu)}
.mall .tag{font-size:.7rem;font-weight:700;border:1px solid #c7d2fe;padding:.2rem .5rem;border-radius:6px;color:#6366f1}
.empty{text-align:center;padding:3rem 1.5rem;border:1px dashed #c7d2fe;border-radius:16px;background:var(--soft)}
.empty h3{margin:0 0 .5rem}
.empty p{margin:0 0 1.15rem;color:var(--mu)}
.cta{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:var(--ink);padding:4rem 0;border-top:1px solid var(--line)}
.cta-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}
.cta h2{margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;letter-spacing:-.02em;color:#1e1b4b}
.cta p{margin:0;color:var(--mu);max-width:34rem;line-height:1.7}
.foot{border-top:1px solid var(--line);padding:2.25rem 0;background:#fff}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-end}
.foot strong{display:block;margin-bottom:.3rem;color:#312e81}
.foot p{margin:0;font-size:.85rem;color:var(--mu)}
@media(max-width:760px){.nav nav a:not(.btn){display:none}}
html{overflow-x:hidden}
body{overflow-x:hidden;max-width:100%}
img,svg,video{max-width:100%;height:auto}
@media(max-width:760px){
  h1,h2{overflow-wrap:anywhere;word-break:break-word}
}