:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 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;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 (max-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: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.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{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#app{width:100%;max-width:100%;margin:0;text-align:left;border:none;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.page[data-v-974c1e4b]{min-height:100vh;background:#f5f7fa;padding:20px 16px 140px;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:left}.page.has-wechat-tip[data-v-974c1e4b]{padding-top:12px}.wechat-banner[data-v-974c1e4b]{position:sticky;top:0;z-index:60;display:flex;gap:12px;align-items:flex-start;margin:-8px -16px 16px;padding:14px 14px 14px 16px;border-radius:0 0 14px 14px;background:linear-gradient(135deg,#fff8e6,#ffe8cc);border:1px solid rgba(230,160,80,.45);box-shadow:0 8px 24px #b478281f}.wechat-banner-visual[data-v-974c1e4b]{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.wechat-arrow[data-v-974c1e4b]{font-size:32px;line-height:1;color:#c45c12;text-shadow:0 1px 0 rgba(255,255,255,.8)}.wechat-corner-hint[data-v-974c1e4b]{font-size:10px;color:#a65d14;font-weight:600;letter-spacing:.02em}.wechat-banner-body[data-v-974c1e4b]{min-width:0}.wechat-title[data-v-974c1e4b]{margin:0 0 6px;font-size:15px;font-weight:700;color:#6b3a0a}.wechat-desc[data-v-974c1e4b]{margin:0;font-size:13px;line-height:1.55;color:#5c4030}.wechat-dots[data-v-974c1e4b]{display:inline-block;padding:0 4px;border-radius:4px;background:#ffffffa6;letter-spacing:1px}.hero h1[data-v-974c1e4b]{margin:0 0 8px;font-size:1.35rem;color:#1a1a1a}.sub[data-v-974c1e4b]{margin:0;font-size:.88rem;color:#5c6573;line-height:1.5}.state[data-v-974c1e4b]{text-align:center;padding:48px 16px;color:#666}.state.err[data-v-974c1e4b]{color:#c0392b}.retry[data-v-974c1e4b]{display:block;margin:16px auto 0;padding:8px 20px;border-radius:999px;border:1px solid #46c6ba;background:#fff;color:#46c6ba}.card[data-v-974c1e4b]{background:#fff;border-radius:12px;padding:16px;margin-top:16px}.card h2[data-v-974c1e4b]{margin:0 0 8px;font-size:1rem;color:#1a1a1a}.guide[data-v-974c1e4b]{border:1px solid rgba(70,198,186,.35);background:#46c6ba0f}.guide-list[data-v-974c1e4b]{margin:8px 0 0;padding-left:1.25rem;font-size:13px;color:#444;line-height:1.65}.guide-list li[data-v-974c1e4b]{margin-bottom:10px}.guide-list code[data-v-974c1e4b]{font-size:11px;background:#0000000f;padding:2px 6px;border-radius:4px}.badge[data-v-974c1e4b]{margin-left:8px;font-size:11px;font-weight:400;color:#46c6ba;vertical-align:middle}.hint[data-v-974c1e4b]{margin:0 0 12px;font-size:12px;color:#888;line-height:1.45}.warn[data-v-974c1e4b]{font-size:13px;color:#b8860b;margin-bottom:12px}.tip[data-v-974c1e4b]{margin:0;font-size:12px;color:#888}.tip-dev[data-v-974c1e4b]{border:1px dashed #c5cbd3;background:#fafbfc}.note-card[data-v-974c1e4b]{background:#fafbfc}.note-only[data-v-974c1e4b]{margin:0;text-align:center}.bundle-row[data-v-974c1e4b]{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.bundle-card[data-v-974c1e4b]{flex:0 0 160px;text-align:left;padding:10px;border-radius:10px;border:2px solid #e8ecf0;background:#fff;cursor:pointer}.bundle-card.on[data-v-974c1e4b]{border-color:#46c6ba;background:#46c6ba0f}.bundle-thumbs[data-v-974c1e4b]{display:flex;gap:6px;margin-bottom:8px;align-items:stretch}.thumb-main[data-v-974c1e4b]{width:52px;height:72px;object-fit:cover;border-radius:8px;background:#eee;border:2px solid #46c6ba}.thumb-subs[data-v-974c1e4b]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px}.thumb-subs img[data-v-974c1e4b]{width:100%;height:34px;object-fit:cover;border-radius:4px;background:#eee}.bundle-name[data-v-974c1e4b]{font-size:12px;color:#333}.scroll-hint[data-v-974c1e4b]{margin:0 0 8px;font-size:11px;color:#a0a8b2}.scroll-strip[data-v-974c1e4b]{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scroll-strip[data-v-974c1e4b]::-webkit-scrollbar{height:4px}.scroll-strip[data-v-974c1e4b]::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.strip-cell[data-v-974c1e4b]{position:relative;flex:0 0 38vw;max-width:132px;min-width:100px;scroll-snap-align:start;padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}.hero-cell.on[data-v-974c1e4b]{border-color:#46c6ba;box-shadow:0 0 0 2px #46c6ba59}.cell.on[data-v-974c1e4b]{border-color:#46c6ba}.cell img[data-v-974c1e4b]{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:#eee}.role-tag[data-v-974c1e4b]{position:absolute;top:6px;left:6px;font-size:10px;padding:2px 8px;border-radius:999px;background:#46c6ba;color:#fff}.check[data-v-974c1e4b]{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#fff;background:#46c6ba;border-radius:50%}.lab[data-v-974c1e4b]{display:block;font-size:11px;color:#888;padding:6px 4px}.preview-tip[data-v-974c1e4b]{color:#666}.preview-tip code[data-v-974c1e4b]{font-size:11px;background:#0000000f;padding:2px 6px;border-radius:4px}.preview-list[data-v-974c1e4b]{display:flex;flex-direction:column;gap:12px}.preview-row[data-v-974c1e4b]{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}.preview-row[data-v-974c1e4b]:last-child{border-bottom:none}.preview-thumb[data-v-974c1e4b]{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.preview-thumb img[data-v-974c1e4b]{flex-shrink:0;width:64px;height:86px;object-fit:cover;border-radius:8px;background:#eee;display:block}.preview-cap[data-v-974c1e4b]{font-size:12px;color:#444;line-height:1.4}.btn-dl[data-v-974c1e4b]{flex-shrink:0;padding:10px 16px;border-radius:999px;border:none;background:#46c6ba;color:#fff;font-size:14px;cursor:pointer}.btn-dl[data-v-974c1e4b]:disabled{opacity:.5;cursor:not-allowed}.btn-dl-wechat[data-v-974c1e4b]{background:#94a3ad}.preview-empty[data-v-974c1e4b]{font-size:13px;color:#aaa;padding:24px 0}.bodies[data-v-974c1e4b]{display:flex;flex-direction:column;gap:4px}.body-row[data-v-974c1e4b]{padding:12px 0;border-bottom:1px solid #f0f0f0}.body-row[data-v-974c1e4b]:last-child{border-bottom:none}.body-row-head[data-v-974c1e4b]{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:8px}.body-row-head input[data-v-974c1e4b]{margin-top:4px;flex-shrink:0}.body-title[data-v-974c1e4b]{font-weight:600;font-size:14px;color:#1a1a1a;line-height:1.4}.body-block[data-v-974c1e4b]{padding-left:26px}.body-preview[data-v-974c1e4b]{margin:0;font-size:13px;color:#444;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.body-preview--open[data-v-974c1e4b]{display:block;-webkit-line-clamp:unset;overflow:visible}.body-expand[data-v-974c1e4b]{margin-top:8px;padding:0;border:none;background:none;font-size:13px;color:#46c6ba;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.body-expand[data-v-974c1e4b]:active{opacity:.75}.spacer[data-v-974c1e4b]{height:24px}.bar[data-v-974c1e4b]{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 24px #0000000f;display:flex;flex-direction:column;gap:10px}.bar-hint[data-v-974c1e4b]{margin:0;font-size:12px;color:#888;text-align:center;line-height:1.4}.toast[data-v-974c1e4b]{position:fixed;left:50%;bottom:calc(108px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(340px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:#212529eb;color:#fff;font-size:14px;line-height:1.45;text-align:center;z-index:1000;box-shadow:0 8px 32px #0003;pointer-events:none}.btn[data-v-974c1e4b]{height:46px;border-radius:999px;font-size:15px;border:none;cursor:pointer}.btn[data-v-974c1e4b]:disabled{opacity:.45;cursor:not-allowed}.btn.primary[data-v-974c1e4b]{background:#46c6ba;color:#fff}.btn.ghost[data-v-974c1e4b]{background:#fff;color:#46c6ba;border:2px solid #46c6ba}.btn.wide[data-v-974c1e4b]{width:100%}