:root{--bg:#ffffff;--bg2:#f4f7ff;--pri:#1a54ff;--pri2:#7bb1ff;--acc:#0f1a3a;--text:#0f1528;--muted:#47516a;--line: color-mix(in srgb, #0f1528 12%, transparent);--card:#ffffff;--card2:#f6f8ff;--shadow: 0 18px 50px rgba(14,22,48,.15);--r: 20px;--max: 1200px;}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1000px 700px at 12% -10%, color-mix(in srgb, var(--pri) 16%, transparent), transparent 60%),radial-gradient(900px 700px at 100% 0%, color-mix(in srgb, var(--pri2) 18%, transparent), transparent 55%),linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);font-family: "Space Grotesk","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}img,video{max-width:100%; height:auto; display:block}a{color:inherit; text-decoration:none}.container{max-width:var(--max); margin:0 auto; padding:0 16px}.header{position:sticky; top:0; z-index:60; backdrop-filter: blur(14px);background: color-mix(in srgb, #ffffff 85%, transparent);border-bottom:1px solid var(--line);}.navbar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0}.brand{display:flex; align-items:center; gap:10px; min-width:0}.brand img{width:36px; height:36px; border-radius:12px; box-shadow: var(--shadow)}.brand .t strong{display:block; font-size:14px; line-height:1.2}.brand .t span{display:block; margin-top:4px; font-size:12px; color:var(--muted)}#navToggle{display:none}.burger{width:44px; height:40px; border-radius:14px; border:1px solid var(--line);background:var(--card); display:inline-flex; align-items:center; justify-content:center;}.burger i{width:18px; height:2px; background:var(--text); position:relative; display:block}.burger i:before,.burger i:after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--text)}.burger i:before{top:-6px} .burger i:after{top:6px}.nav{display:none; flex-direction:column; gap:8px; padding:10px 0 14px}.nav a{padding:10px 12px; border-radius:999px; border:1px solid var(--line); background:var(--card);color:var(--muted); font-size:13px;}.nav a.active{color:var(--text); border-color: color-mix(in srgb, var(--pri) 55%, var(--line));background: color-mix(in srgb, var(--pri) 16%, var(--card));}#navToggle:checked ~ .nav{display:flex}@media (min-width: 920px){.burger{display:none}.nav{display:flex; flex-direction:row; padding:0; gap:10px}.nav a{border-color:transparent; background:transparent}.nav a:hover{background:var(--card); border-color:var(--line); color:var(--text)}}.section{padding:30px 0}.kicker{display:inline-flex; align-items:center; gap:10px; padding:7px 11px; border-radius:999px;border:1px solid var(--line); background:var(--card); color:var(--muted); font-size:12px;}.kicker b{width:8px; height:8px; border-radius:999px; background:var(--pri);box-shadow:0 0 0 4px color-mix(in srgb, var(--pri) 18%, transparent);}.h1{margin:14px 0 10px; font-size:30px; line-height:1.12; letter-spacing:-.6px}.h2{margin:0 0 8px; font-size:20px; letter-spacing:-.2px}.p{margin:0; color:var(--muted); font-size:14px; line-height:1.8}.card{border:1px solid var(--line); background:var(--card); border-radius:var(--r); box-shadow:var(--shadow)}.grid{display:grid; grid-template-columns:1fr; gap:12px}@media (min-width: 920px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two.split{align-items:center}}.pad{padding:14px}.media{border:1px solid var(--line); border-radius:calc(var(--r) - 4px); overflow:hidden; background:#f2f5ff; display:flex; align-items:center; justify-content:center; padding:12px}.media img{width:100%; height:auto; object-fit:contain}.media.compact{padding:16px}.media.compact img{max-height:260px; width:100%}.btnrow{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 14px;border-radius:16px; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:13px;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;}.btn:hover{transform:translateY(-2px); border-color: color-mix(in srgb, var(--pri) 45%, var(--line)); box-shadow:0 10px 30px rgba(0,0,0,.25)}.btn.primary{border-color:transparent; background: linear-gradient(90deg, var(--pri), var(--pri2));}.btn.ghost{background:transparent}.badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}.badge{display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; border:1px solid var(--line); background:var(--card2); color:var(--muted); font-size:12px}.badge i{width:8px; height:8px; border-radius:999px; background:var(--pri)}.list{display:grid; gap:10px}.item{border:1px solid var(--line); background:var(--card2); border-radius:18px; padding:12px; transition:transform .25s ease, border-color .25s ease}.item:hover{transform:translateY(-4px); border-color: color-mix(in srgb, var(--pri) 40%, var(--line));}.item strong{display:block; font-size:14px}.item p{margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.75}.heroWrap{display:grid; gap:12px}@media (min-width:920px){.heroWrap{grid-template-columns:1.2fr .8fr; align-items:stretch}}.heroCard{position:relative; overflow:hidden}.heroGlow:before{content:""; position:absolute; inset:-2px; border-radius:var(--r);background: conic-gradient(from 120deg, color-mix(in srgb, var(--pri) 55%, transparent), color-mix(in srgb, var(--pri2) 55%, transparent), transparent 45%);filter: blur(16px); opacity:.45; z-index:-1;}.heroBG{position:absolute; inset:0; opacity:.25; pointer-events:none; background:radial-gradient(360px 220px at 10% 10%, color-mix(in srgb, var(--pri2) 35%, transparent), transparent 60%),radial-gradient(360px 220px at 90% 80%, color-mix(in srgb, var(--pri) 35%, transparent), transparent 60%);}.heroMetrics{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px}.metric{border:1px solid var(--line); background:var(--card2); border-radius:14px; padding:10px; text-align:center}.metric b{display:block; font-size:14px}.metric span{display:block; font-size:11px; color:var(--muted)}.featureGrid{display:grid; gap:10px}@media (min-width:920px){.featureGrid{grid-template-columns:repeat(2,1fr)}}.tile{border:1px solid var(--line); background:var(--card2); border-radius:18px; padding:12px; display:grid; gap:8px; transition:transform .25s ease, border-color .25s ease}.tile:hover{transform:translateY(-4px); border-color: color-mix(in srgb, var(--pri2) 40%, var(--line));}.tile b{font-size:13px}.tile span{color:var(--muted); font-size:13px; line-height:1.6}.steps{display:grid; gap:10px}.step{border:1px solid var(--line); background:var(--card2); border-radius:18px; padding:12px}.step b{display:flex; align-items:center; gap:8px; font-size:13px}.step b i{width:20px; height:20px; border-radius:8px; background:linear-gradient(135deg,var(--pri),var(--pri2)); display:inline-block}.step p{margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.75}.faqGrid{display:grid; gap:10px}.faq{border:1px solid var(--line); background:var(--card2); border-radius:18px; padding:10px 12px; transition:border-color .25s ease}.faq[open]{border-color: color-mix(in srgb, var(--pri) 45%, var(--line))}summary{cursor:pointer; font-weight:650; font-size:13px}.faq p{margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.75}.carousel{display:grid; gap:10px}.phoneWrap{border:1px solid var(--line); border-radius:20px; padding:10px; background:var(--card2)}.phone{display:flex; gap:10px; overflow:auto; scroll-snap-type:x mandatory}.phone img{width:70%; max-width:260px; height:auto; scroll-snap-align:start; border-radius:14px; border:1px solid var(--line)}@media (min-width:920px){.phone img{width:30%; max-width:240px}}.nameBar .card{background:linear-gradient(180deg,#ffffff 0%,#f6f9ff 100%)}.nameGrid{display:grid; gap:10px}@media (min-width:920px){.nameGrid{grid-template-columns:repeat(3,1fr)}}.nameItem{border:1px solid var(--line); background:var(--card2); border-radius:16px; padding:12px}.nameItem strong{display:block; font-size:14px}.nameItem span{display:block; margin-top:6px; color:var(--muted); font-size:12px}.logoGrid{display:grid; gap:10px; grid-template-columns:repeat(3,1fr)}@media (min-width:920px){.logoGrid{grid-template-columns:repeat(6,1fr)}}.logoItem{border:1px solid var(--line); background:var(--card2); border-radius:14px; padding:10px; display:grid; place-items:center; gap:6px}.logoItem img{width:34px; height:34px}.logoItem span{font-size:12px; color:var(--muted)}.sysGrid{display:grid; gap:10px}@media (min-width:920px){.sysGrid{grid-template-columns:repeat(3,1fr)}}.sysItem{border:1px solid var(--line); background:var(--card2); border-radius:16px; padding:12px}.sysItem b{display:block; font-size:13px}.sysItem p{margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.7}.compare{border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--card2)}.compareRow{display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px 12px; border-bottom:1px solid var(--line)}.compareRow:last-child{border-bottom:none}.compareRow b{font-size:13px}.compareRow span{color:var(--muted); font-size:12px}.consultCompact{display:grid; gap:12px}@media (min-width:920px){.consultCompact{grid-template-columns:1.4fr .6fr; align-items:center}}.consultMedia{border:1px solid var(--line); border-radius:16px; background:var(--card2); padding:10px}.consultMedia img{width:100%; height:auto; max-width:320px; margin:0 auto}.consultPoints{display:grid; gap:8px; margin-top:10px}.consultPoint{display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px}.consultPoint i{width:8px; height:8px; border-radius:50%; background:var(--pri)}.footer{border-top:1px solid var(--line); padding:28px 0 40px; color:var(--muted); font-size:12px}.footerGrid{display:grid; gap:14px}@media (min-width:920px){.footerGrid{grid-template-columns:2fr 1fr 1fr}}.footTitle{font-weight:700; font-size:13px; color:var(--text)}.footLinks{display:grid; gap:8px; margin-top:8px}.footLinks a{color:var(--muted)}.footLinks a:hover{color:var(--text)}.footMeta{display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; color:var(--muted)}.copyright{margin-top:12px; color:var(--muted)}.reveal{opacity:0; transform:translateY(18px); transition:opacity .5s ease, transform .5s ease}.reveal.on{opacity:1; transform:none}