@huyooo/ui 1.0.3 → 1.0.5

package/dist/{LandingPageSectionTabs-Ce3_Rc2L.js → LandingPageSectionTabs-jRjkWlM-.js}

@@ -1,46 +1,45 @@
-import { openBlock as s, createElementBlock as i, renderSlot as f, defineComponent as g, createVNode as u, withCtx as _, Fragment as h, createTextVNode as m, ref as y, createElementVNode as e, renderList as v, toDisplayString as r, normalizeClass as k, normalizeStyle as x, computed as L, createBlock as I, unref as A, createCommentVNode as T, createStaticVNode as z, watch as N, withDirectives as E, vShow as G } from "vue";
+import { openBlock as s, createElementBlock as n, renderSlot as f, defineComponent as g, createVNode as u, withCtx as _, Fragment as m, createTextVNode as h, ref as x, createElementVNode as e, renderList as v, toDisplayString as c, normalizeClass as L, normalizeStyle as C, createBlock as I, unref as S, createCommentVNode as P, computed as A, createStaticVNode as M, watch as j, withDirectives as D, vShow as z } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { L as O } from "./LandingPageFAQ-CZJXvor9.js";
-import { j as U, k as W, i as R, e as Z, d as J, g as B, f as $, L as K, h as Q } from "./LandingPageLinkGroup-DDNRivMt.js";
-import { Icon as F } from "@iconify/vue";
-import { useWindowSize as q } from "@vueuse/core";
-import { D as w } from "./LandingPageSectionHeader-D_74W4My.js";
-import { c as X } from "./index-D56hUMeD.js";
+import { L as E } from "./LandingPageSectionHeader-3hiuw6G0.js";
+import { j as N, k as G, i as O, e as U, d as W, g as T, f as k, L as R, h as Z } from "./LandingPageLinkGroup-BZJ48Yss.js";
+import { Icon as B } from "@iconify/vue";
+import { D as w } from "./LandingPageDescription-BczWZHKy.js";
+import { c as J } from "./index-D56hUMeD.js";
 /* empty css               */
 /* empty css               */
-import { Tag as Y } from "@arco-design/web-vue";
-const ee = {}, te = {
+import { Tag as K } from "@arco-design/web-vue";
+const Q = {}, X = {
   class: "SubTitle"
 };
-function se(n, t) {
-  return s(), i("div", te, [f(n.$slots, "default", {}, void 0, !0)]);
+function Y(i, t) {
+  return s(), n("div", X, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const H = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-961808f9"]]), ae = {}, ne = {
+const V = /* @__PURE__ */ p(Q, [["render", Y], ["__scopeId", "data-v-961808f9"]]), ee = {}, te = {
   class: "Title"
 };
-function ie(n, t) {
-  return s(), i("h2", ne, [f(n.$slots, "default", {}, void 0, !0)]);
+function se(i, t) {
+  return s(), n("h2", te, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf"]]), ce = {
+const ae = /* @__PURE__ */ p(ee, [["render", se], ["__scopeId", "data-v-3bd32caf"]]), ne = {
   class: "BlockHeader"
-}, re = /* @__PURE__ */ g({
+}, ie = /* @__PURE__ */ g({
   __name: "LandingPageBlockHeader",
-  setup(n) {
-    return (t, c) => (s(), i("div", ce, [u(oe, {
+  setup(i) {
+    return (t, l) => (s(), n("div", ne, [u(ae, {
       class: "BlockHeaderTitle"
     }, {
       default: _(() => [f(t.$slots, "title", {}, void 0, !0)]),
       _: 3
-    }), u(H, {
+    }), u(V, {
       class: "BlockHeaderSubTitle"
     }, {
       default: _(() => [f(t.$slots, "subTitle", {}, void 0, !0)]),
       _: 3
     })]));
   }
-}), le = /* @__PURE__ */ p(re, [["__scopeId", "data-v-59ccd5cb"]]), de = /* @__PURE__ */ g({
+}), oe = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-59ccd5cb"]]), ce = /* @__PURE__ */ g({
   __name: "LandingPageAbout",
-  setup(n) {
+  setup(i) {
     const t = [{
       data: {
         name: "Janette Lynch",
@@ -78,20 +77,20 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
         }
       }
     }];
-    return (c, o) => (s(), i(h, null, [u(O, null, {
-      BlockHeader: _(() => [u(le, null, {
-        title: _(() => [...o[0] || (o[0] = [m("核心团队", -1)])]),
-        subTitle: _(() => [...o[1] || (o[1] = [m("我们是一个充满激情的小团队。", -1)])]),
+    return (l, o) => (s(), n(m, null, [u(E, null, {
+      BlockHeader: _(() => [u(oe, null, {
+        title: _(() => [...o[0] || (o[0] = [h("核心团队", -1)])]),
+        subTitle: _(() => [...o[1] || (o[1] = [h("我们是一个充满激情的小团队。", -1)])]),
         _: 1
       })]),
-      BlockBody: _(() => [u(U, {
+      BlockBody: _(() => [u(N, {
         title: "Empowering the world with Astro.",
         description: "We're a multi-cultural team from around the world! We come from diverse backgrounds, bringing different personalities, experiences and skills to the job. This is what makes our team so special."
-      }), u(W, {
+      }), u(G, {
         "published-team-members": t
       })]),
       _: 1
-    }), u(R, {
+    }), u(O, {
       image: "https://astroship-pro.web3templates.com/_astro/employee.DPridi10_Z23eRat.avif",
       "image-alt": "Happy Team",
       title: "Mission",
@@ -100,16 +99,16 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
       features: ["Intelligent Task Management", "Real-time Collaboration", "Data Security & Privacy"]
     })], 64));
   }
-}), Js = /* @__PURE__ */ p(de, [["__scopeId", "data-v-a40e05a5"]]), ue = {
+}), oa = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-a40e05a5"]]), re = {
   class: "nav"
-}, _e = {
+}, le = {
   class: "section"
-}, pe = ["href"], ge = {
+}, de = ["href"], ue = {
   class: "section"
-}, me = ["href"], fe = /* @__PURE__ */ g({
+}, _e = ["href"], pe = /* @__PURE__ */ g({
   __name: "LandingPageAside",
-  setup(n) {
-    const t = y([{
+  setup(i) {
+    const t = x([{
       text: "Editor",
       href: "/docs/editor/getting-started/overview"
     }, {
@@ -124,7 +123,7 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
     }, {
       text: "Documents",
       href: "/docs/collaboration/documents"
-    }]), c = y([{
+    }]), l = x([{
       text: "Guides",
       href: "/docs/guides"
     }, {
@@ -140,54 +139,54 @@ const oe = /* @__PURE__ */ p(ae, [["render", ie], ["__scopeId", "data-v-3bd32caf
       text: "Pro license",
       href: "/docs/resources/pro-license"
     }]);
-    return (o, a) => (s(), i("nav", ue, [a[2] || (a[2] = e("div", {
+    return (o, a) => (s(), n("nav", re, [a[2] || (a[2] = e("div", {
       class: "section"
     }, [e("div", {
       class: "section-title"
     }, "Getting started"), e("div", null, [e("a", {
       class: "link active",
       href: "/docs"
-    }, "Overview")])], -1)), e("div", _e, [a[0] || (a[0] = e("div", {
+    }, "Overview")])], -1)), e("div", le, [a[0] || (a[0] = e("div", {
       class: "section-title"
-    }, "Browse by feature", -1)), e("div", null, [(s(!0), i(h, null, v(t.value, (d) => (s(), i("a", {
-      key: d.text,
+    }, "Browse by feature", -1)), e("div", null, [(s(!0), n(m, null, v(t.value, (r) => (s(), n("a", {
+      key: r.text,
       class: "link",
-      href: d.href
-    }, r(d.text), 9, pe))), 128))])]), e("div", ge, [a[1] || (a[1] = e("div", {
+      href: r.href
+    }, c(r.text), 9, de))), 128))])]), e("div", ue, [a[1] || (a[1] = e("div", {
       class: "section-title"
-    }, "Resources", -1)), e("div", null, [(s(!0), i(h, null, v(c.value, (d) => (s(), i("a", {
-      key: d.text,
+    }, "Resources", -1)), e("div", null, [(s(!0), n(m, null, v(l.value, (r) => (s(), n("a", {
+      key: r.text,
       class: "link",
-      href: d.href
-    }, r(d.text), 9, me))), 128))])])]));
+      href: r.href
+    }, c(r.text), 9, _e))), 128))])])]));
   }
-}), Ks = /* @__PURE__ */ p(fe, [["__scopeId", "data-v-486b0852"]]), he = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ p(pe, [["__scopeId", "data-v-486b0852"]]), ge = /* @__PURE__ */ g({
   __name: "LandingPageButton",
   props: {
     type: {}
   },
-  setup(n) {
-    return (t, c) => (s(), i("div", {
-      class: k(["heroButton", [n.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
+  setup(i) {
+    return (t, l) => (s(), n("span", {
+      class: L(["heroButton", [i.type === "primary" ? "heroButtonPrimary" : "heroButtonSecondary"]])
     }, [f(t.$slots, "default", {}, void 0, !0)], 2));
   }
-}), ve = /* @__PURE__ */ p(he, [["__scopeId", "data-v-6860a5a3"]]), be = {}, $e = {
+}), he = /* @__PURE__ */ p(ge, [["__scopeId", "data-v-7c4d264b"]]), me = {}, fe = {
   class: "Card"
 };
-function ye(n, t) {
-  return s(), i("div", $e, [f(n.$slots, "default", {}, void 0, !0)]);
+function ve(i, t) {
+  return s(), n("div", fe, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"]]), ke = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", Pe = {
+const q = /* @__PURE__ */ p(me, [["render", ve], ["__scopeId", "data-v-102e7fdf"]]), be = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1744'%20height='480'%20viewBox='0%200%201744%20480'%20fill='none'%3e%3cg%20style='mix-blend-mode:luminosity'%20opacity='0.5'%3e%3ccircle%20opacity='0.7'%20cx='861.225'%20cy='247.836'%20r='322.59'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.6'%20cx='861.225'%20cy='247.836'%20r='387.237'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.5'%20cx='861.226'%20cy='247.836'%20r='451.884'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.4'%20cx='861.225'%20cy='247.835'%20r='516.532'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.3'%20cx='861.225'%20cy='247.836'%20r='581.179'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.2'%20cx='861.225'%20cy='247.836'%20r='645.826'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.15'%20cx='861.225'%20cy='247.836'%20r='710.473'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='861.225'%20cy='247.836'%20r='775.12'%20stroke='%2300000050'%20stroke-width='1.29295'%20/%3e%3ccircle%20opacity='0.1'%20cx='862.695'%20cy='238.041'%20r='842.161'%20stroke='%2300000050'%20stroke-width='1.40477'%20/%3e%3ccircle%20opacity='0.1'%20cx='872'%20cy='240'%20r='907.243'%20stroke='%2300000050'%20stroke-width='1.51333'%20/%3e%3c/g%3e%3c/svg%3e", ye = {
   class: "cta-container"
-}, Le = ["src"], xe = {
+}, $e = ["src"], ke = {
   class: "cta-content"
-}, Ie = {
+}, Pe = {
   class: "cta-title"
-}, Ce = {
+}, xe = {
   class: "cta-description"
-}, Se = {
+}, Le = {
   class: "cta-actions"
-}, we = /* @__PURE__ */ g({
+}, Ce = /* @__PURE__ */ g({
   __name: "LandingPageCta",
   props: {
     title: {
@@ -197,27 +196,29 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       default: "立即开始您的翻译之旅"
     },
     backgroundUrl: {
-      default: ke
+      default: be
     },
     backgroundSize: {
       default: "120%"
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", Pe, [e("img", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", ye, [e("img", {
       src: t.backgroundUrl,
       class: "cta-background",
       alt: "background",
-      style: x({
+      style: C({
         width: t.backgroundSize,
         height: t.backgroundSize
       })
-    }, null, 12, Le), e("div", xe, [e("h1", Ie, r(t.title), 1), e("div", Ce, r(t.description), 1), e("div", Se, [f(c.$slots, "actions", {}, void 0, !0)])])]));
+    }, null, 12, $e), e("div", ke, [e("h1", Pe, c(t.title), 1), e("div", xe, c(t.description), 1), e("div", Le, [f(l.$slots, "actions", {}, void 0, !0)])])]));
   }
-}), Qs = /* @__PURE__ */ p(we, [["__scopeId", "data-v-caeb8fed"]]), Te = {
+}), ra = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-caeb8fed"]]), Ie = {
+  class: "Features"
+}, we = {
   class: "feature-title"
-}, Ae = /* @__PURE__ */ g({
+}, Se = /* @__PURE__ */ g({
   __name: "LandingPageFeatures",
   props: {
     features: {
@@ -254,43 +255,36 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       default: "var(--landing-step-number-color)"
     }
   },
-  setup(n) {
-    const t = n, {
-      width: c
-    } = q(), o = L(() => c.value <= 768 ? 1 : c.value <= 1024 ? 2 : 3), a = L(() => ({
-      gridTemplateColumns: `repeat(${o.value}, 1fr)`
-    }));
-    return (d, P) => (s(), i("div", {
-      class: "Features",
-      style: x(a.value)
-    }, [(s(!0), i(h, null, v(t.features, (l) => (s(), I(D, {
-      key: l.title
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Ie, [(s(!0), n(m, null, v(t.features, (a) => (s(), I(q, {
+      key: a.title
     }, {
       default: _(() => [e("div", {
         class: "icon-container",
-        style: x({
+        style: C({
           color: t.iconColor,
           border: `1px solid ${t.iconBorderColor}`
         })
-      }, [u(A(F), {
+      }, [u(S(B), {
         class: "icon",
-        icon: l.icon
-      }, null, 8, ["icon"])], 4), e("h3", Te, r(l.title), 1), u(w, null, {
-        default: _(() => [m(r(l.description), 1)]),
+        icon: a.icon
+      }, null, 8, ["icon"])], 4), e("h3", we, c(a.title), 1), u(w, null, {
+        default: _(() => [h(c(a.description), 1)]),
         _: 2
       }, 1024)]),
       _: 2
-    }, 1024))), 128))], 4));
+    }, 1024))), 128))]));
   }
-}), Xs = /* @__PURE__ */ p(Ae, [["__scopeId", "data-v-0ef64373"]]), Be = {
+}), la = /* @__PURE__ */ p(Se, [["__scopeId", "data-v-e9a40ee8"]]), Te = {
   class: "tt-feature-list"
-}, Fe = {
+}, Ae = {
   class: "tt-feature-content"
-}, Ve = {
+}, Be = {
   class: "heading-small"
-}, qe = {
+}, Fe = {
   class: "text-small"
-}, He = /* @__PURE__ */ g({
+}, Ve = /* @__PURE__ */ g({
   __name: "LandingPageFeatures2",
   props: {
     list: {
@@ -298,10 +292,10 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       required: !0
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", Be, [(s(!0), i(h, null, v(t.list, (a, d) => (s(), i("div", {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Te, [(s(!0), n(m, null, v(t.list, (a, r) => (s(), n("div", {
+      key: r,
       class: "tt-feature-item centered"
     }, [o[1] || (o[1] = e("div", {
       class: "tt-feature-icon"
@@ -309,22 +303,22 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       src: "https://cdn.prod.website-files.com/645a9acecda2e0594fac6126/66cda872417824f6aabdc2ad_check-highlight-badge.svg",
       loading: "lazy",
       class: "feature-media"
-    })], -1)), e("div", Fe, [e("h3", Ve, r(a.title), 1), e("p", qe, [m(r(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
+    })], -1)), e("div", Ae, [e("h3", Be, c(a.title), 1), e("p", Fe, [h(c(a.descriptions) + " ", 1), o[0] || (o[0] = e("br", null, null, -1))])])]))), 128))]));
   }
-}), Ys = /* @__PURE__ */ p(He, [["__scopeId", "data-v-5e0deecb"]]), De = {
+}), da = /* @__PURE__ */ p(Ve, [["__scopeId", "data-v-5e0deecb"]]), qe = {
   class: "Footer"
-}, V = "support@huyooo.com", Me = /* @__PURE__ */ g({
+}, F = "support@huyooo.com", He = /* @__PURE__ */ g({
   __name: "LandingPageFooter",
-  setup(n) {
-    const t = y("京ICP备2024077422号"), c = y("Copyright © 2024-2025 北京忽柚科技有限公司"), o = y("https://beian.miit.gov.cn/#/Integrated/index");
+  setup(i) {
+    const t = x("京ICP备2024077422号"), l = x("Copyright © 2024-2025 北京忽柚科技有限公司"), o = x("https://beian.miit.gov.cn/#/Integrated/index");
     function a() {
-      const b = X(V, "", "");
+      const b = J(F, "", "");
       window.location.href = b;
     }
-    const d = y([{
+    const r = x([{
       type: "text",
       icon: "ic:baseline-email",
-      content: V,
+      content: F,
       select: a
     }, {
       type: "image",
@@ -333,79 +327,84 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       select() {
       }
     }]);
-    return (P, l) => (s(), i("div", De, [u(Z, null, {
-      LandingPageBrandInfo: _(() => [u(K, {
+    return (y, d) => (s(), n("div", qe, [u(U, null, {
+      LandingPageBrandInfo: _(() => [u(R, {
         icon: "https://ghibliaigenerator.app/logo.png",
         name: "ONES",
         description: "几小时内构建和发布AI产品，无需数日。"
       })]),
-      LandingPageLinkGroup: _(() => [u(B, {
+      LandingPageLinkGroup: _(() => [u(T, {
         title: "产品"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[0] || (l[0] = [m("功能", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[0] || (d[0] = [h("功能", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[1] || (l[1] = [m("展示", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[1] || (d[1] = [h("展示", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[2] || (l[2] = [m("价格", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[2] || (d[2] = [h("价格", -1)])]),
           _: 1
         })]),
         _: 1
-      }), u(B, {
+      }), u(T, {
         title: "资源"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[3] || (l[3] = [m("安全性与合规性", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[3] || (d[3] = [h("安全性与合规性", -1)])]),
           _: 1
         })]),
         _: 1
-      }), u(B, {
+      }), u(T, {
         title: "公司"
       }, {
-        item: _(() => [u($, null, {
-          default: _(() => [...l[4] || (l[4] = [m("博客", -1)])]),
+        item: _(() => [u(k, null, {
+          default: _(() => [...d[4] || (d[4] = [h("博客", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[5] || (l[5] = [m("公司简介", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[5] || (d[5] = [h("公司简介", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[6] || (l[6] = [m("个人信息收集清单", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[6] || (d[6] = [h("个人信息收集清单", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[7] || (l[7] = [m("第三方信息共享清单", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[7] || (d[7] = [h("第三方信息共享清单", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[8] || (l[8] = [m("用户服务协议", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[8] || (d[8] = [h("用户服务协议", -1)])]),
           _: 1
-        }), u($, null, {
-          default: _(() => [...l[9] || (l[9] = [m("隐私协议", -1)])]),
+        }), u(k, null, {
+          default: _(() => [...d[9] || (d[9] = [h("隐私协议", -1)])]),
           _: 1
         })]),
         _: 1
       })]),
-      LandingPageFooterContact: _(() => [u(J, {
+      LandingPageFooterContact: _(() => [u(W, {
         "beian-number": t.value,
-        "copyright-text": c.value,
+        "copyright-text": l.value,
         "beian-url": o.value,
-        links: d.value
+        links: r.value
       }, null, 8, ["beian-number", "copyright-text", "beian-url", "links"])]),
       _: 1
     })]));
   }
-}), ea = /* @__PURE__ */ p(Me, [["__scopeId", "data-v-e2021589"]]), je = {
+}), ua = /* @__PURE__ */ p(He, [["__scopeId", "data-v-e2021589"]]), Me = {
   class: "hero"
-}, ze = {
+}, je = {
   class: "heroContent"
-}, Ne = {
+}, De = {
   class: "heroHeading"
-}, Ee = {
+}, ze = {
   class: "heroTitle"
-}, Ge = {
+}, Ee = {
   class: "heroDescription"
-}, Oe = {
+}, Ne = {
   class: "heroActions"
+}, Ge = {
+  key: 0,
+  class: "heroInstall"
+}, Oe = {
+  class: "heroInstall__code"
 }, Ue = {
   key: 0,
   class: "heroImage"
@@ -430,18 +429,40 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     imageAlt: {
       type: String,
       default: () => "Hero Image"
+    },
+    installCommand: {
+      type: String,
+      default: () => ""
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("main", je, [e("div", ze, [e("div", Ne, [e("h1", Ee, [f(c.$slots, "title", {}, () => [m(r(t.title), 1)], !0)])]), e("div", Ge, [e("div", null, r(t.description), 1)]), e("div", Oe, [f(c.$slots, "actions", {}, void 0, !0)])]), t.heroSource ? (s(), i("div", Ue, [e("img", {
+  setup(i) {
+    const t = i, l = x(!1);
+    let o;
+    async function a() {
+      if (t.installCommand) {
+        try {
+          await navigator.clipboard.writeText(t.installCommand);
+        } catch {
+          const r = document.createElement("textarea");
+          r.value = t.installCommand, r.setAttribute("readonly", ""), r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select(), document.execCommand("copy"), document.body.removeChild(r);
+        }
+        l.value = !0, o && clearTimeout(o), o = setTimeout(() => {
+          l.value = !1;
+        }, 1500);
+      }
+    }
+    return (r, y) => (s(), n("main", Me, [e("div", je, [e("div", De, [e("h1", ze, [f(r.$slots, "title", {}, () => [h(c(t.title), 1)], !0)])]), e("div", Ee, [e("div", null, c(t.description), 1)]), e("div", Ne, [f(r.$slots, "actions", {}, void 0, !0)]), t.installCommand ? (s(), n("div", Ge, [e("code", Oe, c(t.installCommand), 1), e("button", {
+      class: "heroInstall__copy",
+      type: "button",
+      onClick: a
+    }, c(l.value ? "已复制" : "复制"), 1)])) : P("", !0)]), t.heroSource ? (s(), n("div", Ue, [e("img", {
       src: t.heroSource,
       alt: t.imageAlt || "Hero Image",
       loading: "eager",
       class: "hero-image"
-    }, null, 8, We)])) : (s(), i("div", Re, [f(c.$slots, "heroSource", {}, void 0, !0)]))]));
+    }, null, 8, We)])) : (s(), n("div", Re, [f(r.$slots, "heroSource", {}, void 0, !0)]))]));
   }
-}), ta = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-993fcf26"]]), Je = {
+}), _a = /* @__PURE__ */ p(Ze, [["__scopeId", "data-v-9070fb47"]]), Je = {
   class: "logos-list"
 }, Ke = /* @__PURE__ */ g({
   __name: "LandingPageLogos",
@@ -468,15 +489,15 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", Je, [(s(!0), i(h, null, v(t.logos, (a, d) => (s(), I(A(F), {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Je, [(s(!0), n(m, null, v(t.logos, (a, r) => (s(), I(S(B), {
+      key: r,
       icon: a.name,
       class: "logo-icon"
     }, null, 8, ["icon"]))), 128))]));
   }
-}), sa = /* @__PURE__ */ p(Ke, [["__scopeId", "data-v-1eb19277"]]), Qe = /* @__PURE__ */ g({
+}), pa = /* @__PURE__ */ p(Ke, [["__scopeId", "data-v-1eb19277"]]), Qe = /* @__PURE__ */ g({
   __name: "LandingPagePageContent",
   props: {
     maxWidth: {
@@ -496,8 +517,8 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       default: "column"
     }
   },
-  setup(n) {
-    const t = n, c = L(() => ({
+  setup(i) {
+    const t = i, l = A(() => ({
       maxWidth: t.maxWidth,
       margin: t.center ? "0 auto" : void 0,
       width: "100%",
@@ -506,19 +527,19 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
       flexDirection: t.flexDirection ?? "column",
       gap: t.gap
     }));
-    return (o, a) => (s(), i("div", {
+    return (o, a) => (s(), n("div", {
       class: "PageContent",
-      style: x(c.value)
+      style: C(l.value)
     }, [f(o.$slots, "default", {}, void 0, !0)], 4));
   }
-}), aa = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-00ec8180"]]), Xe = {
+}), ga = /* @__PURE__ */ p(Qe, [["__scopeId", "data-v-00ec8180"]]), Xe = {
   class: "page-content"
 }, Ye = /* @__PURE__ */ g({
   __name: "PageContent",
-  setup(n) {
-    return (t, c) => (s(), i("div", Xe, [f(t.$slots, "default", {}, void 0, !0), f(t.$slots, "footer", {}, void 0, !0)]));
+  setup(i) {
+    return (t, l) => (s(), n("div", Xe, [f(t.$slots, "default", {}, void 0, !0), f(t.$slots, "footer", {}, void 0, !0)]));
   }
-}), na = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-b01d54bb"]]), et = {
+}), ha = /* @__PURE__ */ p(Ye, [["__scopeId", "data-v-b01d54bb"]]), et = {
   class: "Tabs"
 }, tt = {
   class: "tabs-root"
@@ -548,35 +569,35 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     }
   },
   emits: ["update:modelValue"],
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", et, [e("div", tt, [e("div", st, [(s(!0), i(h, null, v(t.tabs, (a) => (s(), i("div", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", et, [e("div", tt, [e("div", st, [(s(!0), n(m, null, v(t.tabs, (a) => (s(), n("div", {
       key: a.value,
-      class: k(["tabs-item", {
-        "tabs-item-active": a.value === n.modelValue
+      class: L(["tabs-item", {
+        "tabs-item-active": a.value === i.modelValue
       }])
     }, [e("button", {
       id: a.value,
       type: "button",
       role: "radio",
-      "aria-checked": a.value === n.modelValue,
-      "data-state": a.value === n.modelValue ? "checked" : "unchecked",
+      "aria-checked": a.value === i.modelValue,
+      "data-state": a.value === i.modelValue ? "checked" : "unchecked",
       value: a.value,
       class: "tabs-radio",
-      tabindex: a.value === n.modelValue ? 0 : -1,
-      onClick: (d) => c.$emit("update:modelValue", a.value)
-    }, [a.value === n.modelValue ? (s(), i("span", nt)) : T("", !0)], 8, at), e("label", {
+      tabindex: a.value === i.modelValue ? 0 : -1,
+      onClick: (r) => l.$emit("update:modelValue", a.value)
+    }, [a.value === i.modelValue ? (s(), n("span", nt)) : P("", !0)], 8, at), e("label", {
       class: "tabs-label",
       for: a.value
-    }, [e("span", null, r(a.label), 1), a.badge ? (s(), i("div", ot, r(a.badge), 1)) : T("", !0)], 8, it)], 2))), 128))])])]));
+    }, [e("span", null, c(a.label), 1), a.badge ? (s(), n("div", ot, c(a.badge), 1)) : P("", !0)], 8, it)], 2))), 128))])])]));
   }
 }), rt = /* @__PURE__ */ p(ct, [["__scopeId", "data-v-eae49087"]]), lt = {
   class: "PriceGroup"
 }, dt = /* @__PURE__ */ g({
   __name: "LandingPagePriceGroup",
-  setup(n) {
-    const t = y("subscribe-monthly");
-    return (c, o) => (s(), i("div", lt, [u(rt, {
+  setup(i) {
+    const t = x("subscribe-monthly");
+    return (l, o) => (s(), n("div", lt, [u(rt, {
       modelValue: t.value,
       "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
       tabs: [{
@@ -590,9 +611,9 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
         value: "pay-as-you-go",
         label: "按需付费"
       }]
-    }, null, 8, ["modelValue"]), f(c.$slots, "default", {}, void 0, !0)]));
+    }, null, 8, ["modelValue"]), f(l.$slots, "default", {}, void 0, !0)]));
   }
-}), ia = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-43a35f55"]]), ut = {
+}), ma = /* @__PURE__ */ p(dt, [["__scopeId", "data-v-43a35f55"]]), ut = {
   class: "PricingCard"
 }, _t = {
   class: "title"
@@ -600,11 +621,11 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
   class: "titleText"
 }, gt = {
   class: "description"
-}, mt = {
+}, ht = {
   class: "priceAndDiscount"
-}, ft = {
+}, mt = {
   class: "price"
-}, ht = {
+}, ft = {
   class: "discount"
 }, vt = {
   style: {
@@ -614,9 +635,9 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
 }, bt = {
   key: 1,
   class: "priceNotDiscount"
-}, $t = {
-  class: "cycle"
 }, yt = {
+  class: "cycle"
+}, $t = {
   class: "features"
 }, kt = /* @__PURE__ */ g({
   __name: "LandingPagePricingCard",
@@ -677,56 +698,127 @@ const D = /* @__PURE__ */ p(be, [["render", ye], ["__scopeId", "data-v-102e7fdf"
     }
   },
   emits: ["toPay"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const c = t, o = n;
+    const l = t, o = i;
     function a() {
-      c("toPay");
+      l("toPay");
     }
-    return (d, P) => (s(), i("div", ut, [e("div", null, [e("div", _t, [e("span", pt, r(o.title), 1), o.badge.label ? (s(), I(A(Y), {
+    return (r, y) => (s(), n("div", ut, [e("div", null, [e("div", _t, [e("span", pt, c(o.title), 1), o.badge.label ? (s(), I(S(K), {
       key: 0,
       color: "arcoblue"
     }, {
-      default: _(() => [m(r(o.badge.label), 1)]),
+      default: _(() => [h(c(o.badge.label), 1)]),
       _: 1
-    })) : T("", !0)]), e("div", gt, r(o.description), 1)]), e("div", mt, [o.discount !== null ? (s(), i(h, {
+    })) : P("", !0)]), e("div", gt, c(o.description), 1)]), e("div", ht, [o.discount !== null ? (s(), n(m, {
       key: 0
-    }, [e("span", ft, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)]), e("span", ht, [e("span", vt, r(o.discount), 1), e("span", null, r(o.unit), 1)])], 64)) : (s(), i("span", bt, [e("span", null, r(o.price), 1), e("span", null, r(o.unit), 1)])), e("span", $t, r(o.cycle), 1)]), e("div", yt, [(s(!0), i(h, null, v(o.features, (l, C) => (s(), I(Q, {
-      key: C,
-      description: l.title
-    }, null, 8, ["description"]))), 128))]), u(ve, {
+    }, [e("span", mt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)]), e("span", ft, [e("span", vt, c(o.discount), 1), e("span", null, c(o.unit), 1)])], 64)) : (s(), n("span", bt, [e("span", null, c(o.price), 1), e("span", null, c(o.unit), 1)])), e("span", yt, c(o.cycle), 1)]), e("div", $t, [(s(!0), n(m, null, v(o.features, (d, $) => (s(), I(Z, {
+      key: $,
+      description: d.title
+    }, null, 8, ["description"]))), 128))]), u(he, {
       class: "handle",
       type: "primary",
       loading: o.loading,
       disabled: !(o.discount || o.price),
       onClick: a
     }, {
-      default: _(() => [m(r(o.button.label), 1)]),
+      default: _(() => [h(c(o.button.label), 1)]),
       _: 1
     }, 8, ["loading", "disabled"])]));
   }
-}), oa = /* @__PURE__ */ p(kt, [["__scopeId", "data-v-4a99638e"]]), Pt = {}, Lt = {
+}), fa = /* @__PURE__ */ p(kt, [["__scopeId", "data-v-4a99638e"]]), Pt = {}, xt = {
   class: "PricingGrid"
-}, xt = {
+}, Lt = {
   class: "content"
 };
-function It(n, t) {
-  return s(), i("div", Lt, [e("div", xt, [f(n.$slots, "default", {}, void 0, !0)])]);
+function Ct(i, t) {
+  return s(), n("div", xt, [e("div", Lt, [f(i.$slots, "default", {}, void 0, !0)])]);
 }
-const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee"]]), Ct = {
-  class: "sections-container"
-}, St = ["src", "alt"], wt = {
-  class: "header"
+const va = /* @__PURE__ */ p(Pt, [["render", Ct], ["__scopeId", "data-v-1f26d3ee"]]), It = {
+  class: "feature-panels-section"
+}, wt = {
+  key: 0,
+  class: "feature-panels-section__header"
+}, St = {
+  key: 0,
+  class: "feature-panels-section__title"
 }, Tt = {
-  class: "title"
+  key: 1,
+  class: "feature-panels-section__subtitle"
 }, At = {
-  class: "features-list"
+  class: "feature-panel__body"
 }, Bt = {
-  class: "content"
+  class: "feature-panel__intro"
 }, Ft = {
+  class: "feature-panel__title"
+}, Vt = {
+  class: "feature-panel__description"
+}, qt = {
+  key: 0,
+  class: "feature-panel__list"
+}, Ht = {
+  key: 0,
+  class: "feature-panel__command"
+}, Mt = /* @__PURE__ */ g({
+  __name: "LandingPageFeaturePanels",
+  props: {
+    title: {
+      default: ""
+    },
+    subTitle: {
+      default: ""
+    },
+    panels: {
+      default: () => []
+    },
+    columns: {
+      default: 3
+    }
+  },
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("section", It, [t.title || t.subTitle ? (s(), n("header", wt, [t.title ? (s(), n("h2", St, c(t.title), 1)) : P("", !0), t.subTitle ? (s(), n("p", Tt, c(t.subTitle), 1)) : P("", !0)])) : P("", !0), e("div", {
+      class: "feature-panels",
+      style: C({
+        "--feature-panel-columns": String(t.columns)
+      })
+    }, [(s(!0), n(m, null, v(t.panels, (a, r) => {
+      var y;
+      return s(), n("article", {
+        key: `${a.title}-${r}`,
+        class: "feature-panel"
+      }, [e("div", At, [e("div", Bt, [e("h3", Ft, c(a.title), 1), e("p", Vt, c(a.description), 1)]), (y = a.highlights) != null && y.length ? (s(), n("ul", qt, [(s(!0), n(m, null, v(a.highlights, (d, $) => (s(), n("li", {
+        key: $
+      }, [o[0] || (o[0] = e("svg", {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        "aria-hidden": "true"
+      }, [e("path", {
+        d: "M3.5 8.25 6.25 11 12.5 4.75",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      })], -1)), e("span", null, c(d), 1)]))), 128))])) : P("", !0)]), a.command ? (s(), n("div", Ht, [e("code", null, c(a.command), 1)])) : P("", !0)]);
+    }), 128))], 4)]));
+  }
+}), ba = /* @__PURE__ */ p(Mt, [["__scopeId", "data-v-6042aced"]]), jt = {
+  class: "sections-container"
+}, Dt = ["src", "alt"], zt = {
+  class: "header"
+}, Et = {
+  class: "title"
+}, Nt = {
+  class: "features-list"
+}, Gt = {
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, Ot = ["d"], Ut = {
+  class: "feature-copy"
+}, Wt = {
   class: "feature-title"
-}, Vt = /* @__PURE__ */ g({
+}, Rt = /* @__PURE__ */ g({
   __name: "LandingPageSections",
   props: {
     title: {
@@ -764,46 +856,56 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
       default: !1
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("section", Ct, [e("div", {
-      class: k(["content-wrapper", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("section", jt, [e("div", {
+      class: L(["content-wrapper", {
         reverse: t.reverse
       }])
     }, [e("div", {
-      class: k(["image-container", {
+      class: L(["image-container", {
         "order-2": t.reverse,
         "order-1": !t.reverse
       }])
     }, [e("img", {
       src: t.imageUrl,
       alt: t.imageAlt,
-      class: "image"
-    }, null, 8, St)], 2), e("div", {
-      class: k(["text-container", {
+      class: "image",
+      loading: "lazy"
+    }, null, 8, Dt)], 2), e("div", {
+      class: L(["text-container", {
         "order-1": t.reverse,
         "order-2": !t.reverse
       }])
-    }, [e("div", wt, [e("div", Tt, r(t.title), 1), u(H, null, {
-      default: _(() => [m(r(t.subTitle), 1)]),
+    }, [e("header", zt, [e("h2", Et, c(t.title), 1), u(V, {
+      class: "subtitle"
+    }, {
+      default: _(() => [h(c(t.subTitle), 1)]),
       _: 1
-    })]), e("div", At, [(s(!0), i(h, null, v(t.features, (a, d) => (s(), i("div", {
-      key: d,
+    })]), e("ul", Nt, [(s(!0), n(m, null, v(t.features, (a, r) => (s(), n("li", {
+      key: r,
       class: "feature-item"
-    }, [e("div", {
-      class: k(["icon-container", [`icon-${a.color}`]])
-    }, [...o[0] || (o[0] = [e("div", {
-      class: "dot"
-    }, null, -1)])], 2), e("div", Bt, [e("div", Ft, r(a.title), 1), u(w, null, {
-      default: _(() => [m(r(a.description), 1)]),
+    }, [e("span", {
+      class: L(["feature-icon", `feature-icon--${a.color}`]),
+      "aria-hidden": "true"
+    }, [(s(), n("svg", Gt, [e("path", {
+      d: a.iconPath,
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, 8, Ot)]))], 2), e("div", Ut, [e("h3", Wt, c(a.title), 1), u(w, {
+      class: "feature-description"
+    }, {
+      default: _(() => [h(c(a.description), 1)]),
       _: 2
     }, 1024)])]))), 128))])], 2)], 2)]));
   }
-}), ra = /* @__PURE__ */ p(Vt, [["__scopeId", "data-v-ccadd722"]]), qt = ["onClick"], Ht = ["src", "alt"], Dt = {
+}), ya = /* @__PURE__ */ p(Rt, [["__scopeId", "data-v-a5edd8ef"]]), Zt = ["onClick"], Jt = ["src", "alt"], Kt = {
   class: "card-content"
-}, Mt = {
+}, Qt = {
   class: "card-title"
-}, jt = /* @__PURE__ */ g({
+}, Xt = /* @__PURE__ */ g({
   __name: "LandingPageShowcase",
   props: {
     items: {},
@@ -822,47 +924,45 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
     }
   },
   emits: ["cardClick"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const c = n, o = t, {
-      width: a
-    } = q();
-    function d(b) {
-      o("cardClick", b);
+    const l = i, o = t;
+    function a(y) {
+      o("cardClick", y);
     }
-    const P = L(() => a.value <= 768 ? 1 : a.value <= 1024 ? 2 : c.columns || 4), l = L(() => ({
-      gridTemplateColumns: `repeat(${P.value}, 1fr)`
-    })), C = L(() => ({
-      height: `${c.cardHeight}px`,
-      objectFit: c.objectFit
+    const r = A(() => ({
+      height: `${l.cardHeight}px`,
+      objectFit: l.objectFit
     }));
-    return (b, M) => (s(), i("div", {
+    return (y, d) => (s(), n("div", {
       class: "Showcase",
-      style: x(l.value)
-    }, [(s(!0), i(h, null, v(c.items, (S, j) => (s(), i("div", {
-      key: j,
+      style: C({
+        "--showcase-columns": l.columns
+      })
+    }, [(s(!0), n(m, null, v(l.items, ($, b) => (s(), n("div", {
+      key: b,
       class: "showcase-card",
-      onClick: (Ds) => d(S)
+      onClick: (H) => a($)
     }, [e("img", {
-      src: S.image,
-      alt: S.alt,
-      style: x(C.value)
-    }, null, 12, Ht), e("div", Dt, [e("div", Mt, r(S.title), 1), u(w, null, {
-      default: _(() => [m(r(S.description), 1)]),
+      src: $.image,
+      alt: $.alt,
+      style: C(r.value)
+    }, null, 12, Jt), e("div", Kt, [e("div", Qt, c($.title), 1), u(w, null, {
+      default: _(() => [h(c($.description), 1)]),
       _: 2
-    }, 1024)])], 8, qt))), 128))], 4));
+    }, 1024)])], 8, Zt))), 128))], 4));
   }
-}), la = /* @__PURE__ */ p(jt, [["__scopeId", "data-v-99dac3c9"]]), zt = {
+}), $a = /* @__PURE__ */ p(Xt, [["__scopeId", "data-v-20487899"]]), Yt = {
   class: "Stats"
-}, Nt = {
+}, es = {
   key: 0,
   class: "stats-label"
-}, Et = {
+}, ts = {
   class: "stats-number"
-}, Gt = {
+}, ss = {
   class: "stats-label"
-}, Ot = /* @__PURE__ */ g({
+}, as = /* @__PURE__ */ g({
   __name: "LandingPageStats",
   props: {
     title: {
@@ -887,20 +987,20 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", zt, [(s(!0), i(h, null, v(t.stats, (a, d) => (s(), i("div", {
-      key: d,
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", Yt, [(s(!0), n(m, null, v(t.stats, (a, r) => (s(), n("div", {
+      key: r,
       class: "stats-item"
-    }, [a.title ? (s(), i("div", Nt, r(a.title), 1)) : T("", !0), e("div", Et, r(a.number), 1), e("div", Gt, r(a.label), 1)]))), 128))]));
+    }, [a.title ? (s(), n("div", es, c(a.title), 1)) : P("", !0), e("div", ts, c(a.number), 1), e("div", ss, c(a.label), 1)]))), 128))]));
   }
-}), da = /* @__PURE__ */ p(Ot, [["__scopeId", "data-v-f16f10aa"]]), Ut = {
+}), ka = /* @__PURE__ */ p(as, [["__scopeId", "data-v-f16f10aa"]]), ns = {
   class: "stepNumber"
-}, Wt = {
+}, is = {
   class: "count"
-}, Rt = {
+}, os = {
   class: "stepTitle"
-}, Zt = /* @__PURE__ */ g({
+}, cs = /* @__PURE__ */ g({
   __name: "LandingPageSteps",
   props: {
     columns: {
@@ -921,55 +1021,54 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
       }]
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", {
       class: "Steps",
-      style: x({
-        gridTemplateColumns: `repeat(${t.columns}, 1fr)`
-        // flexDirection: props.flexDirection,
+      style: C({
+        "--step-columns": t.columns
       })
-    }, [(s(!0), i(h, null, v(t.steps, (a, d) => (s(), i("div", {
-      key: d,
+    }, [(s(!0), n(m, null, v(t.steps, (a, r) => (s(), n("div", {
+      key: r,
       class: "stepItem"
-    }, [e("div", Ut, [e("span", Wt, r(d + 1), 1)]), e("h3", Rt, r(a.title), 1), u(w, null, {
-      default: _(() => [m(r(a.description), 1)]),
+    }, [e("div", ns, [e("span", is, c(r + 1), 1)]), e("h3", os, c(a.title), 1), u(w, null, {
+      default: _(() => [h(c(a.description), 1)]),
       _: 2
     }, 1024)]))), 128))], 4));
   }
-}), ua = /* @__PURE__ */ p(Zt, [["__scopeId", "data-v-df3b5d3b"]]), Jt = {
+}), Pa = /* @__PURE__ */ p(cs, [["__scopeId", "data-v-45d806db"]]), rs = {
   class: "Testimonial"
-}, Kt = {
+}, ls = {
   class: "user-info"
-}, Qt = {
+}, ds = {
   class: "user-avatar"
-}, Xt = ["src", "alt"], Yt = {
+}, us = ["src", "alt"], _s = {
   class: "user-name"
-}, es = {
+}, ps = {
   class: "user-title"
-}, ts = /* @__PURE__ */ g({
+}, gs = /* @__PURE__ */ g({
   __name: "LandingPageTestimonial",
   props: {
     testimonials: {
       default: () => []
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("div", Jt, [(s(!0), i(h, null, v(t.testimonials, (a, d) => (s(), I(D, {
-      key: d
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("div", rs, [(s(!0), n(m, null, v(t.testimonials, (a, r) => (s(), I(q, {
+      key: r
     }, {
       default: _(() => [e("div", null, [u(w, null, {
-        default: _(() => [m(r(`"${a.content}"`), 1)]),
+        default: _(() => [h(c(`"${a.content}"`), 1)]),
         _: 2
-      }, 1024)]), e("div", Kt, [e("span", Qt, [e("img", {
+      }, 1024)]), e("div", ls, [e("span", ds, [e("img", {
         src: a.avatar,
         alt: a.name
-      }, null, 8, Xt)]), e("div", null, [e("div", Yt, r(a.name), 1), e("div", es, r(a.title), 1)])])]),
+      }, null, 8, us)]), e("div", null, [e("div", _s, c(a.name), 1), e("div", ps, c(a.title), 1)])])]),
       _: 2
     }, 1024))), 128))]));
   }
-}), _a = /* @__PURE__ */ p(ts, [["__scopeId", "data-v-5aecfcb2"]]), ss = ["href"], as = /* @__PURE__ */ g({
+}), xa = /* @__PURE__ */ p(gs, [["__scopeId", "data-v-5aecfcb2"]]), hs = ["href"], ms = /* @__PURE__ */ g({
   __name: "LandingPageTips",
   props: {
     href: {
@@ -981,100 +1080,100 @@ const ca = /* @__PURE__ */ p(Pt, [["render", It], ["__scopeId", "data-v-1f26d3ee
       default: "✨ 免费吉卜力AI艺术！立即注册获得3次免费创作！☝️"
     }
   },
-  setup(n) {
-    const t = n;
-    return (c, o) => (s(), i("a", {
+  setup(i) {
+    const t = i;
+    return (l, o) => (s(), n("a", {
       href: t.href,
       class: "tips-link"
-    }, r(t.text), 9, ss));
+    }, c(t.text), 9, hs));
   }
-}), pa = /* @__PURE__ */ p(as, [["__scopeId", "data-v-5f9c6150"]]), ns = {}, is = {
+}), La = /* @__PURE__ */ p(ms, [["__scopeId", "data-v-5f9c6150"]]), fs = {}, vs = {
   class: "sidebar"
 };
-function os(n, t) {
-  return s(), i("div", is, [...t[0] || (t[0] = [z('<div data-v-ccf63d30><div class="sidebar-title" data-v-ccf63d30>On this page</div><a class="sidebar-link active" href="#page-title" data-v-ccf63d30>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-ccf63d30>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-ccf63d30>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-ccf63d30>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-ccf63d30>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-ccf63d30>Examples</a><a class="sidebar-link" href="#guides" data-v-ccf63d30>Guides</a><a class="sidebar-link" href="#community" data-v-ccf63d30>Community</a></div>', 1)])]);
+function bs(i, t) {
+  return s(), n("div", vs, [...t[0] || (t[0] = [M('<div data-v-ccf63d30><div class="sidebar-title" data-v-ccf63d30>On this page</div><a class="sidebar-link active" href="#page-title" data-v-ccf63d30>Introduction</a><a class="sidebar-link" href="#browse-by-feature" data-v-ccf63d30>Browse by feature</a><a class="sidebar-link" href="#implement-a-template" data-v-ccf63d30>Implement a template</a><a class="sidebar-link" href="#integrate-or-deploy-tiptap" data-v-ccf63d30>Integrate or deploy Tiptap</a><a class="sidebar-link" href="#manage-your-documents" data-v-ccf63d30>Manage your documents</a><a class="sidebar-link" href="#examples" data-v-ccf63d30>Examples</a><a class="sidebar-link" href="#guides" data-v-ccf63d30>Guides</a><a class="sidebar-link" href="#community" data-v-ccf63d30>Community</a></div>', 1)])]);
 }
-const ga = /* @__PURE__ */ p(ns, [["render", os], ["__scopeId", "data-v-ccf63d30"]]), cs = {
+const Ca = /* @__PURE__ */ p(fs, [["render", bs], ["__scopeId", "data-v-ccf63d30"]]), ys = {
   class: "feature-card"
-}, rs = {
+}, $s = {
   class: "feature-image"
-}, ls = ["src", "alt"], ds = {
+}, ks = ["src", "alt"], Ps = {
   class: "feature-title"
-}, us = {
+}, xs = {
   class: "feature-description"
-}, _s = {
+}, Ls = {
   class: "feature-platforms"
-}, ps = /* @__PURE__ */ g({
+}, Cs = /* @__PURE__ */ g({
   __name: "LandingPageFeatureCard",
   props: {
     feature: {}
   },
-  setup(n) {
-    return (t, c) => (s(), i("div", cs, [e("div", rs, [e("img", {
-      src: n.feature.image,
-      alt: n.feature.title,
+  setup(i) {
+    return (t, l) => (s(), n("div", ys, [e("div", $s, [e("img", {
+      src: i.feature.image,
+      alt: i.feature.title,
       loading: "lazy",
       decoding: "async"
-    }, null, 8, ls)]), e("h3", ds, r(n.feature.title), 1), e("p", us, r(n.feature.description), 1), e("div", _s, [(s(!0), i(h, null, v(n.feature.platforms, (o) => (s(), I(A(F), {
+    }, null, 8, ks)]), e("h3", Ps, c(i.feature.title), 1), e("p", xs, c(i.feature.description), 1), e("div", Ls, [(s(!0), n(m, null, v(i.feature.platforms, (o) => (s(), I(S(B), {
       key: o.name,
       icon: o.icon,
       class: "platform-icon"
     }, null, 8, ["icon"]))), 128))])]));
   }
-}), ma = /* @__PURE__ */ p(ps, [["__scopeId", "data-v-16f0f374"]]), gs = {
+}), Ia = /* @__PURE__ */ p(Cs, [["__scopeId", "data-v-16f0f374"]]), Is = {
   class: "feature-section-header"
-}, ms = {
+}, ws = {
   class: "feature-section-title"
-}, fs = ["innerHTML"], hs = /* @__PURE__ */ g({
+}, Ss = ["innerHTML"], Ts = /* @__PURE__ */ g({
   __name: "LandingPageFeatureSectionHeader",
   props: {
     title: {},
     description: {}
   },
-  setup(n) {
-    return (t, c) => (s(), i("div", gs, [e("h2", ms, r(n.title), 1), e("p", {
+  setup(i) {
+    return (t, l) => (s(), n("div", Is, [e("h2", ws, c(i.title), 1), e("p", {
       class: "feature-section-description",
-      innerHTML: n.description
-    }, null, 8, fs)]));
+      innerHTML: i.description
+    }, null, 8, Ss)]));
   }
-}), fa = /* @__PURE__ */ p(hs, [["__scopeId", "data-v-ae275532"]]), vs = {}, bs = {
+}), wa = /* @__PURE__ */ p(Ts, [["__scopeId", "data-v-ae275532"]]), As = {}, Bs = {
   class: "features-grid"
 };
-function $s(n, t) {
-  return s(), i("div", bs, [f(n.$slots, "default", {}, void 0, !0)]);
+function Fs(i, t) {
+  return s(), n("div", Bs, [f(i.$slots, "default", {}, void 0, !0)]);
 }
-const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b"]]), ys = {
+const Sa = /* @__PURE__ */ p(As, [["render", Fs], ["__scopeId", "data-v-392f636b"]]), Vs = {
   class: "testimonials-container"
-}, ks = {
+}, qs = {
   class: "testimonial-header"
-}, Ps = ["onClick"], Ls = {
+}, Hs = ["onClick"], Ms = {
   class: "user-avatar"
-}, xs = ["src", "alt"], Is = {
+}, js = ["src", "alt"], Ds = {
   class: "user-info"
-}, Cs = {
+}, zs = {
   class: "user-name"
-}, Ss = {
+}, Es = {
   class: "user-title"
-}, ws = {
+}, Ns = {
   class: "testimonial-content"
-}, Ts = /* @__PURE__ */ g({
+}, Gs = /* @__PURE__ */ g({
   __name: "LandingPageTestimonialCard",
   props: {
     testimonials: {}
   },
-  setup(n) {
-    function t(c) {
-      c.link && window.open(c.link, "_blank");
+  setup(i) {
+    function t(l) {
+      l.link && window.open(l.link, "_blank");
     }
-    return (c, o) => (s(), i("div", ys, [(s(!0), i(h, null, v(n.testimonials, (a) => (s(), i("div", {
+    return (l, o) => (s(), n("div", Vs, [(s(!0), n(m, null, v(i.testimonials, (a) => (s(), n("div", {
       key: a.name,
       class: "testimonial-card"
-    }, [e("div", ks, [e("div", {
-      class: k(["user-link", {
+    }, [e("div", qs, [e("div", {
+      class: L(["user-link", {
         "no-link": !a.link
       }]),
-      onClick: (d) => t(a)
-    }, [e("div", Ls, [e("img", {
+      onClick: (r) => t(a)
+    }, [e("div", Ms, [e("img", {
       src: a.avatar,
       alt: a.name,
       width: "260",
@@ -1082,17 +1181,17 @@ const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b
       loading: "lazy",
       decoding: "async",
       class: "avatar-image"
-    }, null, 8, xs)]), e("div", Is, [e("span", Cs, r(a.name), 1), e("span", Ss, r(a.title), 1)])], 10, Ps)]), e("p", ws, r(a.content), 1)]))), 128))]));
+    }, null, 8, js)]), e("div", Ds, [e("span", zs, c(a.name), 1), e("span", Es, c(a.title), 1)])], 10, Hs)]), e("p", Ns, c(a.content), 1)]))), 128))]));
   }
-}), va = /* @__PURE__ */ p(Ts, [["__scopeId", "data-v-ea4dbec8"]]), As = {
+}), Ta = /* @__PURE__ */ p(Gs, [["__scopeId", "data-v-6087d90a"]]), Os = {
   class: "tabs"
-}, Bs = {
+}, Us = {
   class: "tabs-header"
-}, Fs = ["onClick"], Vs = {
+}, Ws = ["onClick"], Rs = {
   class: "tab-label"
-}, qs = {
+}, Zs = {
   class: "tabs-content"
-}, Hs = /* @__PURE__ */ g({
+}, Js = /* @__PURE__ */ g({
   __name: "LandingPageSectionTabs",
   props: {
     tabs: {},
@@ -1104,65 +1203,66 @@ const ha = /* @__PURE__ */ p(vs, [["render", $s], ["__scopeId", "data-v-392f636b
     }
   },
   emits: ["update:modelValue", "tabChange"],
-  setup(n, {
+  setup(i, {
     emit: t
   }) {
-    const c = n, o = t, a = L(() => {
-      var l;
-      return c.modelValue || c.defaultActiveTab || ((l = c.tabs[0]) == null ? void 0 : l.id) || "";
-    }), d = y(a.value);
-    N(a, (l) => {
-      l && (d.value = l);
+    const l = i, o = t, a = A(() => {
+      var d;
+      return l.modelValue || l.defaultActiveTab || ((d = l.tabs[0]) == null ? void 0 : d.id) || "";
+    }), r = x(a.value);
+    j(a, (d) => {
+      d && (r.value = d);
     });
-    function P(l) {
-      d.value = l, o("update:modelValue", l), o("tabChange", l);
+    function y(d) {
+      r.value = d, o("update:modelValue", d), o("tabChange", d);
     }
-    return (l, C) => (s(), i("div", As, [e("div", Bs, [(s(!0), i(h, null, v(n.tabs, (b) => (s(), i("div", {
+    return (d, $) => (s(), n("div", Os, [e("div", Us, [(s(!0), n(m, null, v(i.tabs, (b) => (s(), n("div", {
       key: b.id,
-      class: k(["tab-item", {
-        active: d.value === b.id
+      class: L(["tab-item", {
+        active: r.value === b.id
       }]),
-      onClick: (M) => P(b.id)
-    }, [e("span", Vs, r(b.label), 1)], 10, Fs))), 128))]), e("div", qs, [(s(!0), i(h, null, v(n.tabs, (b) => E((s(), i("div", {
+      onClick: (H) => y(b.id)
+    }, [e("span", Rs, c(b.label), 1)], 10, Ws))), 128))]), e("div", Zs, [(s(!0), n(m, null, v(i.tabs, (b) => D((s(), n("div", {
       key: b.id,
       class: "tab-panel"
-    }, [f(l.$slots, b.id, {
+    }, [f(d.$slots, b.id, {
       tab: b
-    }, () => [f(l.$slots, "default", {
+    }, () => [f(d.$slots, "default", {
       tab: b
-    }, void 0, !0)], !0)])), [[G, d.value === b.id]])), 128))])]));
+    }, void 0, !0)], !0)])), [[z, r.value === b.id]])), 128))])]));
   }
-}), ba = /* @__PURE__ */ p(Hs, [["__scopeId", "data-v-0501b054"]]);
+}), Aa = /* @__PURE__ */ p(Js, [["__scopeId", "data-v-0501b054"]]);
 export {
-  ve as B,
-  D as C,
-  Js as L,
-  na as P,
+  Ca as A,
+  he as B,
+  q as C,
+  oa as L,
+  ha as P,
   rt as T,
-  Ks as a,
-  le as b,
-  Qs as c,
-  ma as d,
-  fa as e,
-  Xs as f,
-  Ys as g,
-  ha as h,
-  ea as i,
-  ta as j,
-  sa as k,
-  aa as l,
-  ia as m,
-  oa as n,
-  ca as o,
-  ba as p,
-  ra as q,
-  la as r,
-  da as s,
-  ua as t,
-  H as u,
-  _a as v,
-  va as w,
-  pa as x,
-  oe as y,
-  ga as z
+  ca as a,
+  oe as b,
+  ra as c,
+  Ia as d,
+  ba as e,
+  wa as f,
+  la as g,
+  da as h,
+  Sa as i,
+  ua as j,
+  _a as k,
+  pa as l,
+  ga as m,
+  ma as n,
+  fa as o,
+  va as p,
+  Aa as q,
+  ya as r,
+  $a as s,
+  ka as t,
+  Pa as u,
+  V as v,
+  xa as w,
+  Ta as x,
+  La as y,
+  ae as z
 };