@charset "UTF-8";.sp-intro[data-v-e28adb36]{font-family:Outfit,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;color:#14213d;background:#f6f8fc;line-height:1.7;overflow-x:hidden;position:relative;min-height:100vh}.sp-intro[data-v-e28adb36]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.1),transparent 45%),radial-gradient(circle at 88% 16%,rgba(124,58,237,.08),transparent 45%),radial-gradient(circle at 50% 90%,rgba(16,185,129,.06),transparent 50%);pointer-events:none;z-index:-1}h1[data-v-e28adb36],h2[data-v-e28adb36],h3[data-v-e28adb36],h4[data-v-e28adb36]{font-weight:700;line-height:1.3}a[data-v-e28adb36]{color:#2563eb;text-decoration:none;transition:color .2s}a[data-v-e28adb36]:hover{color:#7c3aed}img[data-v-e28adb36]{max-width:100%;display:block}.container[data-v-e28adb36]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.topbar[data-v-e28adb36]{position:sticky;top:0;z-index:100;background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e4e8f0}.topbar-inner[data-v-e28adb36]{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 1.5rem}.brand[data-v-e28adb36]{display:flex;align-items:center;gap:.6rem;font-weight:700}.brand-mark[data-v-e28adb36]{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 8px 20px -8px #2563eb99}.brand-text[data-v-e28adb36]{font-size:1.1rem}.nav[data-v-e28adb36]{display:flex;gap:1.6rem}.nav a[data-v-e28adb36]{color:#14213d;font-size:.95rem;font-weight:500}.nav a[data-v-e28adb36]:hover{color:#2563eb}.nav-cta[data-v-e28adb36]{padding:.5rem 1.1rem;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 16px -6px #2563eb80}.hero[data-v-e28adb36]{padding:5rem 0 4rem;text-align:center;position:relative}.eyebrow[data-v-e28adb36]{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:#2563eb14;color:#2563eb;font-size:.85rem;font-weight:600;border:1px solid rgba(37,99,235,.15)}.hero h1[data-v-e28adb36]{margin-top:1.4rem;font-size:clamp(2rem,4.5vw,3.6rem);letter-spacing:-.02em;background:linear-gradient(135deg,#14213d,#2563eb 60%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede[data-v-e28adb36]{margin:1.2rem auto 2rem;max-width:760px;font-size:1.15rem;color:#5b6478}.hero-actions[data-v-e28adb36]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn[data-v-e28adb36]{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s}.btn-primary[data-v-e28adb36]{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px -10px #2563eb8c}.btn-primary[data-v-e28adb36]:hover{transform:translateY(-2px);color:#fff}.btn-ghost[data-v-e28adb36]{color:#14213d;background:#ffffffb3;border:1px solid #e4e8f0}.btn-ghost[data-v-e28adb36]:hover{color:#2563eb;border-color:#2563eb}.cta-ghost[data-v-e28adb36]{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.hero-mockup[data-v-e28adb36]{margin:3rem auto 0;max-width:1000px;background:#fff;border-radius:16px;border:1px solid #e4e8f0;box-shadow:0 30px 60px -20px #14213d40;overflow:hidden}.hero-mockup-head[data-v-e28adb36]{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:#f1f4f9;border-bottom:1px solid #e4e8f0}.hero-mockup-head span[data-v-e28adb36]{width:11px;height:11px;border-radius:50%;background:#d6dde9}.hero-mockup-head span[data-v-e28adb36]:nth-child(1){background:#ff5f57}.hero-mockup-head span[data-v-e28adb36]:nth-child(2){background:#febc2e}.hero-mockup-head span[data-v-e28adb36]:nth-child(3){background:#28c840}.hero-mockup-head .url[data-v-e28adb36]{margin-left:1rem;padding:.25rem .75rem;border-radius:6px;background:#fff;font-family:JetBrainsMono,Cascadia Code,monospace;font-size:.8rem;color:#5b6478;flex:1;text-align:center}.hero-mockup-body[data-v-e28adb36]{display:grid;grid-template-columns:220px 1fr;min-height:340px}.mock-sidebar[data-v-e28adb36]{background:#f7f9fd;border-right:1px solid #e4e8f0;padding:1.2rem .8rem}.mock-sidebar .item[data-v-e28adb36]{display:flex;align-items:center;gap:.55rem;padding:.55rem .8rem;border-radius:8px;color:#5b6478;font-size:.88rem;margin-bottom:.25rem}.mock-sidebar .item.active[data-v-e28adb36]{background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);color:#2563eb;font-weight:600}.mock-main[data-v-e28adb36]{padding:1.5rem}.mock-main h4[data-v-e28adb36]{font-size:1.1rem;margin-bottom:1rem}.mock-grid[data-v-e28adb36]{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.mock-card[data-v-e28adb36]{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e4e8f0;border-radius:10px;padding:1rem;min-height:90px}.mock-card .num[data-v-e28adb36]{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-card .lbl[data-v-e28adb36]{font-size:.78rem;color:#5b6478;margin-top:.25rem}.sp-intro section[data-v-e28adb36]{padding:4.5rem 0}.sec-head[data-v-e28adb36]{text-align:center;max-width:720px;margin:0 auto 3rem}.sec-head .eyebrow[data-v-e28adb36]{margin-bottom:.8rem}.sec-head h2[data-v-e28adb36]{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.8rem;letter-spacing:-.01em}.sec-head p[data-v-e28adb36]{color:#5b6478;font-size:1.05rem}mark.key[data-v-e28adb36]{background:none;color:#2563eb;font-weight:600}.about-grid[data-v-e28adb36]{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}.about-grid p[data-v-e28adb36]{color:#5b6478;margin-bottom:1rem}.pain-list[data-v-e28adb36]{list-style:none;margin-top:1.5rem}.pain-list li[data-v-e28adb36]{position:relative;padding-left:1.6rem;margin-bottom:.8rem;color:#14213d}.pain-list li[data-v-e28adb36]:before{content:"✕";position:absolute;left:0;top:0;color:#ef4444;font-weight:700}.pain-list li strong[data-v-e28adb36]{color:#14213d}.stat-card[data-v-e28adb36]{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e4e8f0;box-shadow:0 16px 40px -20px #14213d2e}.stat-card h4[data-v-e28adb36]{margin-bottom:1rem;font-size:1.05rem}.stat-row[data-v-e28adb36]{display:flex;align-items:baseline;justify-content:space-between;padding:.65rem 0;border-bottom:1px dashed #e4e8f0}.stat-row[data-v-e28adb36]:last-child{border-bottom:none}.stat-row .v[data-v-e28adb36]{font-family:JetBrainsMono,Cascadia Code,monospace;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.feature-grid[data-v-e28adb36]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature[data-v-e28adb36]{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e4e8f0;border-radius:14px;padding:1.8rem;transition:transform .25s,box-shadow .25s}.feature[data-v-e28adb36]:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #2563eb59}.feature .ico[data-v-e28adb36]{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);color:#2563eb;font-size:1.4rem;margin-bottom:1rem}.feature h3[data-v-e28adb36]{font-size:1.1rem;margin-bottom:.5rem}.feature p[data-v-e28adb36]{color:#5b6478;font-size:.95rem}.pages-grid[data-v-e28adb36]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.page-card[data-v-e28adb36]{position:relative;background:#fff;border:1px solid #e4e8f0;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.page-card[data-v-e28adb36]:hover{transform:translateY(-3px);box-shadow:0 16px 36px -16px #14213d33}.page-thumb[data-v-e28adb36]{aspect-ratio:4/3;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.03em;position:relative;overflow:hidden}.page-thumb[data-v-e28adb36]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.25))}.page-thumb.t1[data-v-e28adb36]{background:linear-gradient(135deg,#2563eb,#7c3aed)}.page-thumb.t2[data-v-e28adb36]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.page-thumb.t3[data-v-e28adb36]{background:linear-gradient(135deg,#10b981,#0ea5e9)}.page-thumb.t4[data-v-e28adb36]{background:linear-gradient(135deg,#ec4899,#f43f5e)}.page-thumb.t5[data-v-e28adb36]{background:linear-gradient(135deg,#6366f1,#06b6d4)}.page-thumb.t6[data-v-e28adb36]{background:linear-gradient(135deg,#14b8a6,#22c55e)}.page-thumb.t7[data-v-e28adb36]{background:linear-gradient(135deg,#f97316,#eab308)}.page-thumb.t8[data-v-e28adb36]{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.page-card .meta[data-v-e28adb36]{padding:1rem 1.1rem 1.2rem}.page-card .meta h4[data-v-e28adb36]{font-size:1rem;margin-bottom:.25rem}.page-card .meta p[data-v-e28adb36]{color:#5b6478;font-size:.85rem}.arch-grid[data-v-e28adb36]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.arch-card[data-v-e28adb36]{background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:1.6rem}.arch-card h3[data-v-e28adb36]{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.55rem}.arch-card h3 .pill[data-v-e28adb36]{font-size:.7rem;font-weight:600;padding:.15rem .5rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:4px}.arch-card ul[data-v-e28adb36]{list-style:none}.arch-card li[data-v-e28adb36]{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px dashed #e4e8f0;color:#5b6478;font-size:.92rem}.arch-card li[data-v-e28adb36]:last-child{border-bottom:none}.arch-card li strong[data-v-e28adb36]{color:#14213d;font-weight:600}.arch-card li code[data-v-e28adb36]{font-family:JetBrainsMono,Cascadia Code,monospace;font-size:.82rem;background:#2563eb14;color:#2563eb;padding:.1rem .45rem;border-radius:4px}.stats-band[data-v-e28adb36]{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:20px;padding:3rem 2rem;position:relative;overflow:hidden}.stats-band[data-v-e28adb36]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 40%)}.stats-band h2[data-v-e28adb36]{text-align:center;color:#fff;margin-bottom:2rem}.stat-numbers[data-v-e28adb36]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;z-index:1}.stat-num .v[data-v-e28adb36]{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat-num .lbl[data-v-e28adb36]{font-size:.9rem;opacity:.9;margin-top:.35rem}.cta-row[data-v-e28adb36]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.roadmap-grid[data-v-e28adb36]{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.roadmap[data-v-e28adb36]{position:relative;padding-left:2rem}.roadmap[data-v-e28adb36]:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#2563eb,#7c3aed)}.rm-item[data-v-e28adb36]{position:relative;margin-bottom:1.6rem}.rm-item[data-v-e28adb36]:before{content:"";position:absolute;left:-2rem;top:.4rem;width:18px;height:18px;border-radius:50%;background:#f6f8fc;border:3px solid #2563eb}.rm-item h4[data-v-e28adb36]{font-size:1rem;margin-bottom:.25rem}.rm-item .rm-time[data-v-e28adb36]{font-size:.8rem;color:#2563eb;font-weight:600;margin-bottom:.35rem}.rm-item p[data-v-e28adb36]{color:#5b6478;font-size:.92rem}footer[data-v-e28adb36]{background:#0f172a;color:#cbd5e1;padding:3rem 0 1.5rem;margin-top:4rem}.ft-grid[data-v-e28adb36]{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.ft-grid h5[data-v-e28adb36]{color:#fff;font-size:.95rem;margin-bottom:1rem}.ft-grid ul[data-v-e28adb36]{list-style:none}.ft-grid li[data-v-e28adb36]{margin-bottom:.55rem}.ft-grid a[data-v-e28adb36]{color:#cbd5e1;font-size:.9rem}.ft-grid a[data-v-e28adb36]:hover{color:#fff}.ft-brand p[data-v-e28adb36]{font-size:.9rem;line-height:1.7;margin-top:.8rem}.ft-bottom[data-v-e28adb36]{border-top:1px solid #1e293b;padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:#94a3b8}.mermaid[data-v-e28adb36]{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e4e8f0;overflow-x:auto}.diagram[data-v-e28adb36]{margin:2rem 0}.diagram figcaption[data-v-e28adb36]{font-size:.85rem;color:#5b6478;margin-top:.6rem;text-align:center}.chart-figure[data-v-e28adb36]{margin:2rem 0}.chart-figure figcaption[data-v-e28adb36]{font-size:.95rem;font-weight:600;color:#14213d;margin-bottom:.75rem}.chart-box[data-v-e28adb36]{width:100%;min-height:340px}@media (max-width: 900px){.feature-grid[data-v-e28adb36],.pages-grid[data-v-e28adb36],.stat-numbers[data-v-e28adb36]{grid-template-columns:repeat(2,1fr)}.arch-grid[data-v-e28adb36],.about-grid[data-v-e28adb36],.ft-grid[data-v-e28adb36],.roadmap-grid[data-v-e28adb36],.hero-mockup-body[data-v-e28adb36]{grid-template-columns:1fr}.mock-sidebar[data-v-e28adb36]{display:none}}@media (max-width: 560px){.nav[data-v-e28adb36]{display:none}.feature-grid[data-v-e28adb36],.pages-grid[data-v-e28adb36],.stat-numbers[data-v-e28adb36]{grid-template-columns:1fr}.hero[data-v-e28adb36]{padding:3rem 0 2rem}}html,body,#app{margin:0;padding:0;min-height:100%;background:#f6f8fc}*{box-sizing:border-box}
