.pa-scroll{overscroll-behavior-x:contain;padding:16px 0 12px;overflow:auto hidden}.pa-stage{width:1200px;height:534px;margin:0 auto;position:relative}.pa-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pa-axis{font:600 8.5px var(--font-mono);letter-spacing:.16em}.pa-area{box-sizing:border-box;cursor:pointer;width:216px;height:128px;transition:all .45s var(--ease);text-align:left;border:1px solid;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px 18px;display:flex;position:absolute;top:0}.pa-area-top{justify-content:space-between;align-items:center;display:flex}.pa-area-ico{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pa-area-status{font:600 8px/1 var(--font-mono);letter-spacing:.1em}.pa-area-status.used{color:var(--emerald-700)}.pa-area-status.developing{color:var(--amber-700)}.pa-area-status.vision{color:var(--text-muted)}.pa-area-title{font:600 13.5px/1.25 var(--font-ui);color:var(--ink-700)}.pa-area-sub{font:400 10.5px/1.35 var(--font-ui);color:var(--text-subtle);margin-top:5px}.pa-frame{box-sizing:border-box;background:var(--grad-spectrum);border-radius:18px;width:1200px;height:154px;padding:1.5px;position:absolute;top:202px;left:0}.pa-frame-in{box-sizing:border-box;background:#fff;border-radius:17px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px 20px;display:flex}.pa-frame-head{justify-content:space-between;align-items:center;display:flex}.pa-frame-brand{font:600 13px/1 var(--font-ui);color:var(--ink-700);align-items:center;gap:10px;display:flex}.pa-frame-count{font:600 8.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--text-subtle)}.pa-caps{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.pa-cap{transition:all .45s var(--ease);border:1px solid;border-radius:10px;padding:11px 9px}.pa-cap-t{font:600 10.5px/1.25 var(--font-ui);color:var(--ink-700);margin-top:8px}.pa-sys{box-sizing:border-box;width:180px;height:76px;transition:all .45s var(--ease);border:1px dashed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:414px}.pa-sys-t{font:600 12px/1 var(--font-ui);color:var(--ink-500)}.pa-line{align-items:center;gap:12px;width:1200px;display:flex;position:absolute;top:506px;left:0}.pa-line-dot{border-radius:50%;width:6px;height:6px;transition:background .45s}.pa-line-t{font:500 12.5px/1.5 var(--font-ui);color:var(--text-muted)}.pr2{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.pr2-side{position:sticky;top:112px}.pr2-chips{flex-wrap:wrap;gap:8px;display:flex}.pr2-chip{font:600 13px/1 var(--font-ui);cursor:pointer;transition:all .25s var(--ease);border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;display:inline-flex}.pr2-card{border:1px solid var(--border-subtle);box-shadow:var(--sh-card);background:#fff;border-radius:18px;overflow:hidden}.pr2-card-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:26px 28px;display:flex}.pr2-card-ico{background:var(--ink-900);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pr2-card-k{font:600 9px/1 var(--font-mono);letter-spacing:.14em;color:var(--text-subtle);margin-bottom:6px}.pr2-card-name{font:600 17px/1.1 var(--font-ui);letter-spacing:-.01em}.pr2-card-desc{font:400 13.5px/1.65 var(--font-ui);color:var(--text-body);padding:24px 28px 12px}.pr2-card-uses{padding:8px 28px 28px}.pr2-uses-k{font:600 9px/1 var(--font-mono);letter-spacing:.14em;color:var(--text-subtle);margin-bottom:14px}.pr2-uses{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.pr2-use{background:#fff;align-items:center;gap:14px;padding:14px 16px;display:flex}.pr2-use-dot{border-radius:50%;flex:none;width:6px;height:6px}.pr2-use-name{font:600 12.5px/1.2 var(--font-ui);flex:none;width:190px}.pr2-use-role{font:400 12px/1.45 var(--font-ui);color:var(--text-muted)}@media (width<=960px){.pr2{grid-template-columns:1fr}.pr2-side{position:static}.pr2-use-name{width:auto}.pr2-use{flex-wrap:wrap;gap:6px 14px}}.pf-hero[data-astro-cid-x5ondpv7]{background:radial-gradient(1200px 700px at 88% -16%,#8b5cf629,#8b5cf600 62%),radial-gradient(1000px 640px at 100% 42%,#06b6d421,#06b6d400 60%),radial-gradient(900px 620px at 56% 124%,#e11d481a,#e11d4800 62%),radial-gradient(1000px 700px at -6% 4%,#2e6dff1f,#2e6dff00 64%),linear-gradient(#fbfcfd,#f4f6f9);position:relative;overflow:hidden}.pf-hero-line[data-astro-cid-x5ondpv7]{width:100%;position:absolute;top:0;left:0}.pf-hero-bg1[data-astro-cid-x5ondpv7],.pf-hero-bg2[data-astro-cid-x5ondpv7]{pointer-events:none;position:absolute}.pf-hero-bg1[data-astro-cid-x5ondpv7]{width:min(1560px,74vw);top:-38%;right:clamp(-980px,-46vw,-560px);-webkit-mask-image:radial-gradient(72% 62% at 62% 44%,#000 0%,#0000008c 52%,#0000 82%);mask-image:radial-gradient(72% 62% at 62% 44%,#000 0%,#0000008c 52%,#0000 82%)}.pf-hero-bg1[data-astro-cid-x5ondpv7] img[data-astro-cid-x5ondpv7]{opacity:.14;width:100%;display:block}.pf-hero-bg2[data-astro-cid-x5ondpv7]{width:min(1000px,46vw);bottom:-56%;left:clamp(-220px,-7vw,-70px);-webkit-mask-image:radial-gradient(64% 58% at 58% 40%,#000 0%,#0000 78%);mask-image:radial-gradient(64% 58% at 58% 40%,#000 0%,#0000 78%)}.pf-hero-bg2[data-astro-cid-x5ondpv7] img[data-astro-cid-x5ondpv7]{opacity:.06;width:100%;display:block}.pf-hero-in[data-astro-cid-x5ondpv7]{max-width:var(--content-max);padding:76px var(--content-pad) 26px;grid-template-columns:1fr var(--rcol,400px);animation:qFade .6s var(--ease) both;align-items:end;gap:56px;margin:0 auto;display:grid;position:relative}@media (width<=960px){.pf-hero-in[data-astro-cid-x5ondpv7]{grid-template-columns:1fr;align-items:start}}.pf-h1[data-astro-cid-x5ondpv7]{font:600 clamp(28px, 3.8vw, 46px) / 1.16 var(--font-ui);letter-spacing:-.028em;color:var(--ink-700);text-wrap:pretty;max-width:640px;margin:0 0 22px}.pf-lede[data-astro-cid-x5ondpv7]{font:400 16.5px/1.68 var(--font-ui);color:var(--text-body);text-wrap:pretty;max-width:560px;margin:0}.pf-card[data-astro-cid-x5ondpv7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #0f172a14;border-radius:16px;padding:20px 22px;box-shadow:0 1px 2px #0f172a0a}.pf-card-k[data-astro-cid-x5ondpv7]{font:600 9px/1 var(--font-mono);letter-spacing:.16em;color:var(--text-subtle);margin-bottom:12px}.pf-card-t[data-astro-cid-x5ondpv7]{font:400 13px/1.6 var(--font-ui);color:var(--text-body);margin:0}.pf-arch[data-astro-cid-x5ondpv7]{max-width:var(--content-max);padding:0 var(--content-pad) 84px;margin:0 auto;position:relative}.pf-phases[data-astro-cid-x5ondpv7]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pf-phase[data-astro-cid-x5ondpv7]{padding:28px}.pf-phase[data-astro-cid-x5ondpv7].dashed{border:1px dashed var(--border-strong);background:0 0;border-radius:16px}.pf-phase-top[data-astro-cid-x5ondpv7]{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pf-phase-no[data-astro-cid-x5ondpv7]{font:600 9.5px/1 var(--font-mono);letter-spacing:.14em;color:var(--text-subtle)}.pf-phase-t[data-astro-cid-x5ondpv7]{font:600 18px/1.28 var(--font-ui);letter-spacing:-.015em;margin-bottom:12px}.pf-phase-t[data-astro-cid-x5ondpv7].muted{color:var(--ink-500)}.pf-phase-d[data-astro-cid-x5ondpv7]{font:400 13.5px/1.65 var(--font-ui);color:var(--text-muted);margin:0 0 18px}.pf-phase[data-astro-cid-x5ondpv7].dashed .pf-phase-d[data-astro-cid-x5ondpv7]{margin:0 0 18px}.pf-phase-list[data-astro-cid-x5ondpv7]{font:500 12.5px/1.3 var(--font-ui);color:var(--ink-500);flex-direction:column;gap:8px;display:flex}.pf-phase-list[data-astro-cid-x5ondpv7] span[data-astro-cid-x5ondpv7]{align-items:center;gap:9px;display:flex}.pf-phase-list[data-astro-cid-x5ondpv7] svg{font-size:9px}.pf-layers[data-astro-cid-x5ondpv7]{flex-direction:column;gap:10px;display:flex}.pf-layer[data-astro-cid-x5ondpv7]{border:1px solid var(--border-default);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.pf-layer[data-astro-cid-x5ondpv7] span[data-astro-cid-x5ondpv7]:first-child{font:600 13px/1 var(--font-ui)}.pf-layer[data-astro-cid-x5ondpv7] span[data-astro-cid-x5ondpv7]:last-child{font:400 11.5px/1 var(--font-ui);color:var(--text-subtle)}.pf-close[data-astro-cid-x5ondpv7]{background:var(--ink-900);border-radius:20px;padding:60px;position:relative;overflow:hidden}.pf-close-line[data-astro-cid-x5ondpv7]{width:100%;position:absolute;top:0;left:0}.btn-light2[data-astro-cid-x5ondpv7]{color:var(--ink-900);font:600 14px/1 var(--font-ui);border-radius:var(--radius-btn);transition:transform .2s var(--ease), box-shadow .2s;background:#fff;padding:15px 22px}.btn-light2[data-astro-cid-x5ondpv7]:hover{color:var(--ink-900);transform:translateY(-2px);box-shadow:0 10px 24px #0000004d}.btn-ghost2[data-astro-cid-x5ondpv7]{color:#fff;font:600 14px/1 var(--font-ui);border-radius:var(--radius-btn);border:1px solid #ffffff3d;padding:15px 22px;transition:background .2s,border-color .2s}.btn-ghost2[data-astro-cid-x5ondpv7]:hover{color:#fff;background:#ffffff12;border-color:#fff6}@media (width<=760px){.pf-phases[data-astro-cid-x5ondpv7]{grid-template-columns:1fr}.pf-close[data-astro-cid-x5ondpv7]{padding:40px 28px}}.pf-mech[data-astro-cid-x5ondpv7]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pf-mech-card[data-astro-cid-x5ondpv7]{overflow:hidden}.pf-diagwrap[data-astro-cid-x5ondpv7]{background:var(--paper);border-bottom:1px solid var(--border-subtle);padding:20px 18px}.pf-diag[data-astro-cid-x5ondpv7]{width:100%;height:auto;display:block}.pf-diag[data-astro-cid-x5ondpv7] text{font-family:var(--font-ui)}.pf-diag[data-astro-cid-x5ondpv7] .mc-k{font:600 9.5px/1 var(--font-mono);letter-spacing:.1em;fill:var(--text-subtle)}.pf-diag[data-astro-cid-x5ondpv7] .mc-n{font:600 11px/1 var(--font-mono);fill:var(--ink-700)}.pf-diag[data-astro-cid-x5ondpv7] .mc-s{font:500 11.5px/1 var(--font-ui);fill:var(--ink-500)}.pf-diag[data-astro-cid-x5ondpv7] .mc-t{font:400 11px/1 var(--font-ui);fill:var(--text-muted)}.pf-diag[data-astro-cid-x5ondpv7] .mc-d,.pf-diag[data-astro-cid-x5ondpv7] .mc-foot{font:400 10px/1 var(--font-ui);fill:var(--text-subtle)}@media (width<=860px){.pf-mech[data-astro-cid-x5ondpv7]{grid-template-columns:1fr}}.pf-mech-note[data-astro-cid-x5ondpv7]{font:400 13px/1.65 var(--font-ui);color:var(--text-muted);text-wrap:pretty;margin:0;padding:20px 24px 24px}