@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{color:#354238;font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#faf8f4;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box}html{width:100%;overflow-x:clip}body{width:100%;min-width:0;margin:0}#app{width:100%;min-width:0}button,input,select,textarea,a{font:inherit}button{cursor:pointer}img,video,canvas{max-width:100%;height:auto}input,textarea,select{min-width:0;max-width:100%}.page-content>*{min-width:0}@media (width<=760px){.page-content :is(.card-grid,.feature-grid,.module-grid,.content-grid,.overview-grid,.summary-grid){grid-template-columns:minmax(0,1fr)}.page-content :is(.scroll-table,.table-wrap){max-width:100%;overflow-x:auto}.page-content :is(.page-title,.hero-title){overflow-wrap:anywhere}}.benxu-app[data-v-b2baab5b]{min-height:100dvh;overflow-x:clip}.site-header[data-v-b2baab5b]{background:#faf8f4;border-bottom:1px solid #ece9e1;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:12px max(5%,50vw - 560px);display:flex}.site-brand[data-v-b2baab5b]{min-width:0;color:inherit;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-symbol[data-v-b2baab5b]{color:#fff;background:#667b68;border-radius:15px 15px 15px 5px;flex:0 0 43px;place-items:center;width:43px;height:43px;font:22px Noto Serif SC,serif;display:grid}.brand-copy strong[data-v-b2baab5b],.brand-copy small[data-v-b2baab5b]{white-space:nowrap;display:block}.brand-copy strong[data-v-b2baab5b]{letter-spacing:3px;font:600 21px Noto Serif SC,serif}.brand-copy small[data-v-b2baab5b]{letter-spacing:1px;color:#899188;margin-top:4px;font-size:8px}.site-motto[data-v-b2baab5b]{color:#899188;letter-spacing:.7px;text-align:right;font-size:12px}.page-content[data-v-b2baab5b]{min-width:0;min-height:calc(100vh - 78px);padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}.bottom-nav[data-v-b2baab5b]{z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(14px);background:#fffefaf7;border-top:1px solid #e7e9e1;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #3646360f}.bottom-nav-inner[data-v-b2baab5b]{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,820px);min-height:72px;margin:0 auto;display:grid}.nav-tab[data-v-b2baab5b]{color:#858e82;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-template-rows:36px 19px;align-content:center;justify-items:center;row-gap:2px;width:100%;min-width:0;padding:8px 2px;transition:background .2s,color .2s;display:grid;position:relative}.nav-tab[data-v-b2baab5b]:hover{color:#526e58;background:#f0f4ed}.nav-tab[data-v-b2baab5b]:focus-visible{outline-offset:-3px;outline:2px solid #718874}.nav-tab-selected[data-v-b2baab5b]{color:#476b50;font-weight:700}.nav-tab-selected[data-v-b2baab5b]:after{content:"";background:#6b8a72;border-radius:3px;width:20px;height:3px;position:absolute;bottom:3px;left:calc(50% - 10px)}.nav-icon-box[data-v-b2baab5b]{border-radius:12px;align-self:center;place-items:center;width:38px;height:34px;display:grid}.nav-tab-center .nav-icon-box[data-v-b2baab5b]{background:#edf1ea}.nav-tab-center.nav-tab-selected .nav-icon-box[data-v-b2baab5b]{color:#fff;background:#647e6a}.nav-icon[data-v-b2baab5b]{flex:none;width:23px;height:23px;display:block}.nav-label[data-v-b2baab5b]{height:19px;font-size:12px;line-height:19px;font-weight:inherit;letter-spacing:0;text-align:center;white-space:nowrap;display:block}@media (width<=760px){.site-header[data-v-b2baab5b]{min-height:68px;padding:11px 5%}.site-motto[data-v-b2baab5b]{display:none}.brand-symbol[data-v-b2baab5b]{flex-basis:40px;width:40px;height:40px;font-size:21px}.brand-copy strong[data-v-b2baab5b]{font-size:20px}.bottom-nav-inner[data-v-b2baab5b]{min-height:66px}.nav-tab[data-v-b2baab5b]{grid-template-rows:34px 18px;row-gap:1px;padding:6px 1px}.nav-icon-box[data-v-b2baab5b]{width:36px;height:32px}.nav-icon[data-v-b2baab5b]{width:22px;height:22px}.nav-label[data-v-b2baab5b]{height:18px;font-size:11px;line-height:18px}.page-content[data-v-b2baab5b]{min-height:calc(100dvh - 68px);padding-bottom:calc(83px + env(safe-area-inset-bottom,0px))}}@media (width<=360px){.site-header[data-v-b2baab5b]{padding-inline:14px}.brand-copy small[data-v-b2baab5b]{letter-spacing:.4px;font-size:7px}.nav-tab[data-v-b2baab5b]{padding-inline:0}.nav-label[data-v-b2baab5b]{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.nav-tab[data-v-b2baab5b]{transition:none}}