html{scroll-behavior:smooth}body{margin:0;background:#f4f5fa;color:#2c2e3a;font-family:system-ui,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.stage{padding:0 0 12vh}.flow{display:flex;flex-direction:column;align-items:center;width:100%}.vpb-box.vpb-ink .vpb-inner{background:transparent;border-color:transparent;box-shadow:none}.vpb-box.vpb-ink.done .vpb-inner{border-color:transparent;box-shadow:none}.vpb-box.vpb-ink.dragging .vpb-inner{box-shadow:0 10px 36px #4678c82e,0 0 0 2px #64a0ff59}.vpb-box.vpb-ink .vpb-text{color:#4a4f66}.vpb-label{width:min(230px,70vw);height:40px;margin-top:14vh}.vpb-box.vpb-label .vpb-text{color:#2f8f6b;font-size:.72rem;letter-spacing:4px}.vpb-title{width:min(860px,92vw);height:132px;margin-top:24px}.vpb-box.vpb-title .vpb-text{color:#23252f;font-size:clamp(2rem,5.6vw,3rem);font-weight:800;letter-spacing:1px}.vpb-lead{width:min(720px,90vw);height:140px;margin-top:26px}.vpb-box.vpb-lead .vpb-text{color:#5c6178;font-size:1.02rem;line-height:1.9;text-align:center}.vpb-install{width:min(600px,90vw);height:64px;margin-top:30px}.vpb-box.vpb-install .vpb-text{color:#3b5bd0;font-family:Consolas,JetBrains Mono,monospace;font-size:.88rem;text-align:center}.vpb-action{width:132px;height:46px;padding:0;border:0;background:transparent;font-family:inherit;text-decoration:none;cursor:pointer}.vpb-box.vpb-action .vpb-inner{background:#fff;border:1px solid #d7dbea;border-radius:999px!important}.vpb-box.vpb-action.done .vpb-inner{border-color:#d7dbea;box-shadow:0 8px 18px #28325012}.vpb-box.vpb-action:hover .vpb-inner{border-color:#2f8f6b;box-shadow:0 10px 24px #2f8f6b2e}.vpb-box.vpb-action .vpb-text{color:#2c2e3a;font-size:.82rem}.vpb-heading{width:min(520px,86vw);height:46px;margin-top:13vh}.vpb-box.vpb-heading .vpb-text{color:#23252f;font-size:1.15rem;font-weight:700;letter-spacing:2px}.vpb-body{width:min(720px,90vw);height:130px;margin-top:22px}.vpb-box.vpb-body .vpb-inner{justify-content:flex-start}.vpb-box.vpb-body .vpb-text{color:#5c6178;font-size:.92rem;line-height:1.85;text-align:left}.vpb-box.vpb-code .vpb-inner{justify-content:flex-start;padding:20px 24px;background:#1e2130;border-color:#2a2e42}.vpb-box.vpb-code.done .vpb-inner{background:#1e2130;border-color:#2a2e42;box-shadow:0 18px 44px #1e213029}.vpb-box.vpb-code .vpb-text{color:#d7dbee;font-family:Consolas,JetBrains Mono,Menlo,monospace;font-size:.74rem;line-height:1.7;letter-spacing:0;white-space:pre-wrap;text-align:left}.vpb-code{margin-top:18px}.code-install{width:min(620px,92vw);height:160px}.code-umd{width:min(760px,92vw);height:190px}.code-sfc{width:min(760px,92vw);height:260px}.vpb-api{width:min(760px,92vw);height:330px;margin-top:18px}.vpb-foot{width:min(560px,92vw);height:40px;margin-top:14vh;margin-bottom:8vh}.vpb-box.vpb-foot .vpb-text{color:#8f93a8;font-size:.74rem;letter-spacing:.6px;text-align:center}.action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px}.tile-row{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 22px;width:min(700px,92vw);margin-top:40px}.demo-tile{width:148px;height:104px;border-radius:14px;background:#fff}.nest-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:54px;margin-top:52px}.nest-parent{width:260px;height:220px;border-radius:20px;background:#fff}.nest-child{width:96px;height:96px;border-radius:48px;background:#f0f4ff;margin:26px auto 0}.nest-circle{width:168px;height:168px;border-radius:84px;background:#fff}.big-sample{width:min(640px,88vw);height:230px;border-radius:18px;background:#fff;margin-top:60px}@media (max-width: 640px){.vpb-label{margin-top:11vh}.vpb-title{height:110px}.vpb-lead{height:180px}.vpb-body{height:160px}.demo-tile{width:132px;height:96px}.nest-parent{width:240px;height:210px}.big-sample,.code-sfc{height:300px}.vpb-api{height:520px}.vpb-foot{height:60px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}