@fuxishi/vitepress-theme 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +9 -0
  2. package/dist/chunk/FxCodeBlockFold-Bqnbdw3G.js +52 -0
  3. package/dist/chunk/FxMusicBall-EJl10uy4.js +199 -0
  4. package/dist/config.d.ts +5 -0
  5. package/dist/index.js +40 -22
  6. package/dist/style.css +1 -1
  7. package/package.json +4 -5
  8. package/dist/chunk/FxMusicBall-BruAGB47.js +0 -185
  9. /package/dist/chunk/{FxConfetti-BA6pwd1S.js → FxConfetti-Bzb-vQdR.js} +0 -0
  10. /package/dist/chunk/{FxHeroImageBg-BgS1cNDu.js → FxHeroImageBg-piVkOmWL.js} +0 -0
  11. /package/dist/chunk/{FxHomeFeatureBefore-B-_BJxjO.js → FxHomeFeatureBefore-D5QFpd8Y.js} +0 -0
package/README.md CHANGED
@@ -14,8 +14,11 @@
14
14
  - 🔄 **主题切换动画** — View Transition API 实现亮暗模式圆形扩散动画
15
15
  - 📜 **平滑滚动** — 右侧大纲导航点击时平滑滚动，指示条丝滑过渡
16
16
  - 🎨 **标题装饰** — h1-h4 各有不同颜色的下划线装饰
17
+ - 📦 **代码块折叠** — 超过指定行数的代码块自动折叠，底部淡出遮罩，可配置折叠行数阈值
17
18
  - ⚙️ **类型安全** — 完整的 TypeScript 类型定义，IDE 友好
18
19
 
20
+ > **注意：** 当前版本仅适用于 VitePress `1.6.4` 版本。如果你使用 VitePress 2.x，请等待主题后续版本适配。
21
+
19
22
  ## 安装
20
23
 
21
24
  ```bash
@@ -76,6 +79,10 @@ export default defineConfigWithTheme<FxThemeConfig>({
76
79
  heroImageColor: true,
77
80
  // 启用平滑滚动
78
81
  smoothScroll: true,
82
+ // 代码块折叠（默认启用，10 行折叠）
83
+ codeBlockFold: true,
84
+ // 自定义折叠行数
85
+ // codeBlockFold: { lines: 20 },
79
86
  },
80
87
  });
81
88
  ```
@@ -105,6 +112,8 @@ npx vitepress dev
105
112
  | `confetti.shapes` | `string \| string[]` | — | 自定义 Emoji 形状 |
106
113
  | `heroImageColor` | `boolean` | `false` | 自动提取 hero 图片颜色（影响光晕、标题、光束、音乐球） |
107
114
  | `smoothScroll` | `boolean` | `false` | 启用平滑滚动和大纲指示条过渡动画 |
115
+ | `codeBlockFold` | `boolean \| object` | `true` | 代码块折叠，默认启用 |
116
+ | `codeBlockFold.lines`| `number` | `10` | 超过多少行折叠 |
108
117
 
109
118
  ## 导出
110
119
 
package/dist/chunk/FxCodeBlockFold-Bqnbdw3G.js ADDED
@@ -0,0 +1,52 @@
1
+ import { defineComponent as e, nextTick as t, onBeforeUnmount as n, onMounted as r, watch as i } from "vue";
2
+ import { useRoute as a } from "vitepress";
3
+ //#region .vitepress/components/FxCodeBlockFold.ts
4
+ var o = "fx-code-folded", s = "fx-code-fold-overlay", c = e({
5
+ props: { lines: {
6
+ type: Number,
7
+ default: 10
8
+ } },
9
+ setup(e) {
10
+ function c() {
11
+ let t = e.lines || 10;
12
+ document.querySelectorAll(".vp-adaptive-theme").forEach((e) => {
13
+ if (e.classList.contains(s) || e.classList.contains("vp-code-group")) return;
14
+ let n = e.querySelector("pre.vp-code code");
15
+ if (!n) return;
16
+ if (n.querySelectorAll(".line").length <= t) {
17
+ e.classList.add("fx-code-no-fold");
18
+ return;
19
+ }
20
+ if (e.querySelector(`.${s}`)) return;
21
+ e.classList.add(o), e.classList.add("fx-code-foldable"), e.style.setProperty("--fx-code-fold-lines", String(t));
22
+ let r = document.createElement("div");
23
+ r.className = s, r.textContent = "展开", r.addEventListener("click", () => {
24
+ let t = e.classList.toggle(o);
25
+ r.classList.toggle("fx-code-fold-expanded", !t), r.textContent = t ? "展开" : "收起";
26
+ }), e.appendChild(r);
27
+ });
28
+ }
29
+ let l = new MutationObserver(c);
30
+ function u() {
31
+ l.disconnect();
32
+ let e = document.querySelector(".vp-doc");
33
+ e && l.observe(e, {
34
+ childList: !0,
35
+ subtree: !0
36
+ });
37
+ }
38
+ r(() => {
39
+ c(), u();
40
+ });
41
+ let d = a();
42
+ return i(() => d.path, () => {
43
+ t(() => {
44
+ c(), u();
45
+ });
46
+ }), n(() => {
47
+ l.disconnect();
48
+ }), () => null;
49
+ }
50
+ });
51
+ //#endregion
52
+ export { c as default };
package/dist/chunk/FxMusicBall-EJl10uy4.js ADDED
@@ -0,0 +1,199 @@
1
+ import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as ee, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vShow as m, watchEffect as h, withDirectives as g } from "vue";
2
+ import { useData as te } from "vitepress";
3
+ import { ElSlider as _ } from "element-plus";
4
+ //#region .vitepress/components/FxMusicBall.vue?vue&type=script&setup=true&lang.ts
5
+ var v = [
6
+ "src",
7
+ "autoplay",
8
+ "loop"
9
+ ], y = ["src", "autoplay"], b = { class: "fx-music-ball__inner" }, x = { class: "fx-play-pause" }, S = { class: "iconfont icon-playfill" }, C = { class: "iconfont icon-pause" }, w = { class: "fx-time" }, T = { class: "fx-duration" }, E = { class: "fx-volume" }, D = {
10
+ id: "fx-progress-gradient",
11
+ x1: "0%",
12
+ y1: "0%",
13
+ x2: "100%",
14
+ y2: "100%"
15
+ }, O = ["stop-color"], k = ["stop-color"], A = ["stroke-dasharray"], j = {
16
+ key: 2,
17
+ class: "fx-orbit-ring"
18
+ }, ne = {
19
+ key: 3,
20
+ class: "fx-music-list"
21
+ }, re = ["onClick"], ie = ["d"], M = /* @__PURE__ */ o({
22
+ __name: "FxMusicBall",
23
+ setup(o) {
24
+ let M = [
25
+ "M123.252 73.826h111.169v790.935h-111.169z",
26
+ "M346.361 465.952h111.169v395.467h-111.169z",
27
+ "M569.466 229.325h111.169v636.444h-111.169z",
28
+ "M792.574 391.584h111.169v475.788h-111.169z"
29
+ ], { site: ae } = te(), N = ae.value.themeConfig.musicBall, P = u(null), F = u(0), I = u(0), L = u(0), R = u(!1), z = u(50), B = u(!1), V = u(0), H = u(!!N.autoplay), U = u(!1), W = 2 * Math.PI * 22, G = u("#bd34fe"), K = u("#41d1ff");
30
+ function q() {
31
+ let e = getComputedStyle(document.documentElement), t = e.getPropertyValue("--fx-beam-c1").trim(), n = e.getPropertyValue("--fx-beam-c2").trim();
32
+ t && (G.value = `rgb(${t})`), n && (K.value = `rgb(${n})`);
33
+ }
34
+ let J = null;
35
+ c(() => {
36
+ q(), J = new MutationObserver((e) => {
37
+ for (let t of e) if (t.attributeName === "style") {
38
+ q();
39
+ break;
40
+ }
41
+ }), J.observe(document.documentElement, {
42
+ attributes: !0,
43
+ attributeFilter: ["style"]
44
+ });
45
+ }), ee(() => {
46
+ J?.disconnect();
47
+ });
48
+ let oe = t(() => {
49
+ let e = W - Z.value / 100 * W;
50
+ return `${W - e} ${e}`;
51
+ }), Y = t(() => N.src || N.list?.length === 1), se = t(() => N.src || N.list?.[0]?.src), X = t(() => N.list || []), Z = t({
52
+ get() {
53
+ return L.value / F.value * 100 || 0;
54
+ },
55
+ set(e) {
56
+ I.value = F.value * e / 100, !R.value && P.value && (P.value.currentTime = I.value);
57
+ }
58
+ }), ce = t(() => $(F.value)), le = t(() => $(L.value));
59
+ h(() => {
60
+ P.value && (B.value = !1, P.value.volume = z.value / 100);
61
+ }), h(() => {
62
+ P.value && (P.value.muted = B.value);
63
+ }), c(() => {
64
+ let e = P.value;
65
+ e?.addEventListener("play", () => {
66
+ R.value = !0;
67
+ }), e?.addEventListener("pause", () => {
68
+ R.value = !1;
69
+ }), e?.addEventListener("timeupdate", () => {
70
+ F.value = e.duration, L.value = e.currentTime;
71
+ }), e?.addEventListener("canplay", () => {
72
+ F.value = e.duration;
73
+ }), e?.addEventListener("ended", () => {
74
+ V.value + 1 > X.value.length - 1 ? V.value = 0 : V.value++;
75
+ });
76
+ });
77
+ let ue = () => {
78
+ R.value = !R.value, R.value ? P.value?.play() : P.value?.pause(), !Y.value && !H.value && (H.value = !0);
79
+ }, Q = () => {
80
+ P.value && (P.value.currentTime = I.value);
81
+ }, de = (e) => {
82
+ H.value = !0, V.value = e;
83
+ }, fe = () => {
84
+ U.value = !1;
85
+ };
86
+ function $(e) {
87
+ return e = Number(e), `${Math.floor(e % 3600 / 60) || 0}:${(Math.floor(e % 3600 % 60) || 0).toString().padStart(2, "0")}`;
88
+ }
89
+ return (t, o) => (l(), r("div", {
90
+ class: s(["fx-music-ball", {
91
+ active: U.value,
92
+ "is-playing": R.value
93
+ }]),
94
+ onMouseleave: fe
95
+ }, [
96
+ Y.value ? (l(), r("audio", {
97
+ key: 0,
98
+ class: "audio",
99
+ src: se.value,
100
+ autoplay: p(N).autoplay,
101
+ loop: p(N).loop,
102
+ style: { display: "none" },
103
+ ref_key: "audioRef",
104
+ ref: P
105
+ }, null, 8, v)) : (l(), r("audio", {
106
+ key: 1,
107
+ class: "audio",
108
+ src: X.value[V.value].src,
109
+ autoplay: H.value,
110
+ style: { display: "none" },
111
+ ref_key: "audioRef",
112
+ ref: P
113
+ }, null, 8, y)),
114
+ i("div", b, [
115
+ i("div", x, [g(i("span", S, null, 512), [[m, !R.value]]), g(i("span", C, null, 512), [[m, R.value]])]),
116
+ i("div", w, f(ce.value) + "\xA0/\xA0" + f(le.value), 1),
117
+ i("div", T, [a(p(_), {
118
+ style: { width: "100%" },
119
+ "show-tooltip": !1,
120
+ modelValue: Z.value,
121
+ "onUpdate:modelValue": o[0] ||= (e) => Z.value = e,
122
+ onChange: Q
123
+ }, null, 8, ["modelValue"])]),
124
+ i("div", E, [
125
+ a(p(_), {
126
+ style: { width: "100%" },
127
+ "show-tooltip": !1,
128
+ modelValue: z.value,
129
+ "onUpdate:modelValue": o[1] ||= (e) => z.value = e
130
+ }, null, 8, ["modelValue"]),
131
+ g(i("span", {
132
+ class: "iconfont icon-ic_volume_off",
133
+ onClick: o[2] ||= (e) => B.value = !B.value
134
+ }, null, 512), [[m, B.value]]),
135
+ g(i("span", {
136
+ class: "iconfont icon-ic_volume_up",
137
+ onClick: o[3] ||= (e) => B.value = !B.value
138
+ }, null, 512), [[m, !B.value]])
139
+ ]),
140
+ Y.value ? n("", !0) : (l(), r("div", {
141
+ key: 0,
142
+ class: "fx-music-list-button",
143
+ onClick: o[4] ||= (e) => U.value = !U.value
144
+ }, [...o[5] ||= [i("span", { class: "iconfont icon-music_list" }, null, -1)]]))
145
+ ]),
146
+ (l(), r("svg", {
147
+ class: "fx-progress-ring",
148
+ width: "50",
149
+ height: "50",
150
+ viewBox: "0 0 50 50",
151
+ onClick: ue
152
+ }, [
153
+ i("defs", null, [i("linearGradient", D, [i("stop", {
154
+ offset: "0%",
155
+ "stop-color": G.value
156
+ }, null, 8, O), i("stop", {
157
+ offset: "100%",
158
+ "stop-color": K.value
159
+ }, null, 8, k)])]),
160
+ o[6] ||= i("circle", {
161
+ class: "fx-progress-track",
162
+ cx: "25",
163
+ cy: "25",
164
+ r: "22",
165
+ fill: "none",
166
+ "stroke-width": "2.5"
167
+ }, null, -1),
168
+ i("circle", {
169
+ class: "fx-progress-bar",
170
+ cx: "25",
171
+ cy: "25",
172
+ r: "22",
173
+ fill: "none",
174
+ stroke: "url(#fx-progress-gradient)",
175
+ "stroke-width": "2.5",
176
+ "stroke-linecap": "round",
177
+ "stroke-dasharray": oe.value
178
+ }, null, 8, A)
179
+ ])),
180
+ R.value ? (l(), r("div", j)) : n("", !0),
181
+ U.value ? (l(), r("div", ne, [(l(!0), r(e, null, d(X.value, (t, a) => (l(), r("div", {
182
+ class: s(["fx-music-list-item", V.value === a ? "active" : ""]),
183
+ key: a,
184
+ onClick: (e) => de(a)
185
+ }, [V.value === a ? (l(), r("svg", {
186
+ key: 0,
187
+ class: s(["image-live", { playing: R.value }]),
188
+ viewBox: "0 0 1024 1024",
189
+ xmlns: "http://www.w3.org/2000/svg"
190
+ }, [(l(), r(e, null, d(M, (e, t) => i("path", {
191
+ key: t,
192
+ d: e,
193
+ class: s(["bar", `bar-${t + 1}`])
194
+ }, null, 10, ie)), 64))], 2)) : n("", !0), i("span", null, f(t.name), 1)], 10, re))), 128)), o[7] ||= i("div", { class: "fx-music-list-sep" }, null, -1)])) : n("", !0)
195
+ ], 34));
196
+ }
197
+ });
198
+ //#endregion
199
+ export { M as default };
package/dist/config.d.ts CHANGED
@@ -26,6 +26,11 @@ export interface FxThemeConfig extends DefaultTheme.Config {
26
26
  heroImageColor?: boolean
27
27
  /** 启用平滑滚动，右侧大纲导航点击时平滑滚动到对应位置，默认 false */
28
28
  smoothScroll?: boolean
29
+ /** 代码块折叠，默认 true 启用。可配置折叠行数阈值 */
30
+ codeBlockFold?: boolean | {
31
+ /** 超过多少行折叠，默认 10 */
32
+ lines?: number
33
+ }
29
34
  }
30
35
 
31
36
  declare const fxConfig: UserConfig<FxThemeConfig>
package/dist/index.js CHANGED
@@ -1,41 +1,59 @@
1
1
  import e from "vitepress/theme";
2
- import { defineComponent as t, h as n, nextTick as r, provide as i } from "vue";
3
- import { defineClientComponent as a, useData as o } from "vitepress";
2
+ import { defineComponent as t, h as n, nextTick as r, onMounted as i, onUnmounted as a, provide as o, ref as s } from "vue";
3
+ import { defineClientComponent as c, useData as l } from "vitepress";
4
+ import { ElTooltip as u } from "element-plus";
4
5
  //#region .vitepress/components/FxLayout.ts
5
- var s = t({ setup(t, { slots: s }) {
6
- let c = s, { Layout: l } = e, { site: u, isDark: d } = o(), f = u.value.themeConfig;
7
- i("toggle-appearance", async ({ clientX: e, clientY: t }) => {
6
+ var d = t({ setup(t, { slots: d }) {
7
+ let f = d, { Layout: p } = e, { site: m, isDark: h } = l(), g = m.value.themeConfig;
8
+ o("toggle-appearance", async ({ clientX: e, clientY: t }) => {
8
9
  if (!("startViewTransition" in document)) {
9
- d.value = !d.value;
10
+ h.value = !h.value;
10
11
  return;
11
12
  }
12
13
  let n = [`circle(0px at ${e}px ${t}px)`, `circle(${Math.hypot(Math.max(e, innerWidth - e), Math.max(t, innerHeight - t))}px at ${e}px ${t}px)`];
13
14
  await document.startViewTransition(async () => {
14
- d.value = !d.value, await r();
15
- }).ready, document.documentElement.animate({ clipPath: d.value ? n.reverse() : n }, {
15
+ h.value = !h.value, await r();
16
+ }).ready, document.documentElement.animate({ clipPath: h.value ? n.reverse() : n }, {
16
17
  duration: 400,
17
18
  easing: "ease-in-out",
18
19
  fill: "forwards",
19
- pseudoElement: `::view-transition-${d.value ? "old" : "new"}(root)`
20
+ pseudoElement: `::view-transition-${h.value ? "old" : "new"}(root)`
20
21
  });
21
22
  });
22
- let p = f.musicBall?.enable && (f.musicBall?.src || f.musicBall?.list?.length > 0);
23
- f.smoothScroll && typeof document < "u" && document.documentElement.classList.add("fx-smooth-scroll");
24
- let m = a(() => import("./chunk/FxMusicBall-BruAGB47.js"), [{ style: { display: f.musicBall && f.musicBall.visible ? "" : "none" } }]), h = a(() => import("./chunk/FxHomeFeatureBefore-B-_BJxjO.js")), g = a(() => import("./chunk/FxConfetti-BA6pwd1S.js"), [{ confetti: f.confetti }]), _ = a(() => import("./chunk/FxHeroImageBg-BgS1cNDu.js"), [{ heroImageColor: f.heroImageColor }]);
23
+ let _ = g.musicBall?.enable && (g.musicBall?.src || g.musicBall?.list?.length > 0), v = s(), y = s(""), b = s(!1), x;
24
+ i(() => {
25
+ let e = () => {
26
+ let e = document.querySelector(".VPNavBarTitle .title span");
27
+ e && (v.value = e, y.value = e.textContent || "", b.value = e.scrollWidth > e.clientWidth);
28
+ }, t = document.querySelector(".VPNavBarTitle .title");
29
+ t && (x = new ResizeObserver(e), x.observe(t)), e();
30
+ }), a(() => x?.disconnect());
31
+ let S = g.codeBlockFold !== !1, C = typeof g.codeBlockFold == "object" ? g.codeBlockFold.lines : void 0;
32
+ g.smoothScroll && typeof document < "u" && document.documentElement.classList.add("fx-smooth-scroll"), S && typeof document < "u" && document.documentElement.classList.add("fx-code-fold-enabled");
33
+ let w = c(() => import("./chunk/FxMusicBall-EJl10uy4.js"), [{ style: { display: g.musicBall && g.musicBall.visible ? "" : "none" } }]), T = c(() => import("./chunk/FxHomeFeatureBefore-D5QFpd8Y.js")), E = c(() => import("./chunk/FxConfetti-Bzb-vQdR.js"), [{ confetti: g.confetti }]), D = c(() => import("./chunk/FxHeroImageBg-piVkOmWL.js"), [{ heroImageColor: g.heroImageColor }]), O = c(() => import("./chunk/FxCodeBlockFold-Bqnbdw3G.js"), [{ lines: C }]);
25
34
  return () => [
26
- f.heroImageColor && n("style", ":root{--vp-home-hero-image-background-image:none;--vp-home-hero-name-color:transparent;--vp-home-hero-name-background:none}"),
27
- n(l, null, {
28
- ...s,
29
- "home-features-before": () => [n(h), c["home-features-before"]?.()]
35
+ S && n("style", `:root{--fx-code-fold-lines:${C || 10}}`),
36
+ g.heroImageColor && n("style", ":root{--vp-home-hero-image-background-image:none;--vp-home-hero-name-color:transparent;--vp-home-hero-name-background:none}"),
37
+ n(p, null, {
38
+ ...d,
39
+ "home-features-before": () => [n(T), f["home-features-before"]?.()]
30
40
  }),
31
- p && n(m),
32
- f.confetti && n(g),
33
- f.heroImageColor && n(_)
41
+ _ && n(w),
42
+ g.confetti && n(E),
43
+ g.heroImageColor && n(D),
44
+ S && n(O),
45
+ v.value && n(u, {
46
+ content: y.value,
47
+ virtualTriggering: !0,
48
+ virtualRef: v.value,
49
+ disabled: !b.value,
50
+ placement: "bottom"
51
+ })
34
52
  ];
35
- } }), c = {
53
+ } }), f = {
36
54
  extends: { ...e },
37
- Layout: s,
55
+ Layout: d,
38
56
  enhanceApp({}) {}
39
57
  };
40
58
  //#endregion
41
- export { c as default };
59
+ export { f as default };
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--fx-beam-c1:189, 52, 254;--fx-beam-c2:65, 209, 255;--decoration-color-blue:#45abff;--decoration-color-yellow:#a29bdb;--decoration-color-green:#8eb78b;--decoration-color-red:#f3bad6;--decoration-color-blue-dark:hsl(from var(--decoration-color-blue) h s calc(l * .5));--decoration-color-yellow-dark:hsl(from var(--decoration-color-yellow) h s calc(l * .5));--decoration-color-green-dark:hsl(from var(--decoration-color-green) h s calc(l * .5));--decoration-color-red-dark:hsl(from var(--decoration-color-red) h s calc(l * .5));--decoration-thick:.6em;--decoration-style:solid;--decoration-line:underline;--decoration-skip-ink:none;--underline-offset:-.4em;--vp-home-hero-name-color:transparent;--vp-home-hero-name-background:linear-gradient(120deg, #bd34fe, #41d1ff);--vp-home-hero-image-background-image:-webkit-linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);--vp-home-hero-image-filter:blur(45px);--vp-layout-max-width:1450px;--vp-code-line-height:2.2em}::selection{color:#fff;background-color:#fe7300}.dark ::selection{color:#efefef;background-color:#692f00}@property --beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes beam-spin{to{--beam-angle:360deg}}@keyframes beam-hue-shift{0%{filter:hue-rotate(-20deg)brightness(1.2)saturate(1.1)}50%{filter:hue-rotate(20deg)brightness(1.2)saturate(1.1)}to{filter:hue-rotate(-20deg)brightness(1.2)saturate(1.1)}}@property --blur{syntax:"<length>";inherits:false;initial-value:30px}@keyframes filter_blur{0%{--blur:30px}to{--blur:80px}}.VPDoc.has-aside .content-container{max-width:100%!important}.VPDoc.has-aside>.container>.content{padding-left:5px;padding-right:5px}.VPImage{border-radius:50%}.VPDocOutlineItem a{font-size:12px!important}.aside-container{width:350px!important}::-webkit-scrollbar{background-color:#f9f9f9;width:10px}::-webkit-scrollbar-track{background:#f6f6f7;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:2px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vp-doc h1{-webkit-text-decoration-color:var(--decoration-color-blue);text-decoration-color:var(--decoration-color-blue);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h2{-webkit-text-decoration-color:var(--decoration-color-yellow);text-decoration-color:var(--decoration-color-yellow);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h3{-webkit-text-decoration-color:var(--decoration-color-green);text-decoration-color:var(--decoration-color-green);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h4{-webkit-text-decoration-color:var(--decoration-color-red);text-decoration-color:var(--decoration-color-red);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc img{border:1px dashed #efefef;border-radius:5px;margin-top:10px}.vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme){border-top:6px solid #d4eaf7}.vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme) .vp-code:not(.dark .vp-code){padding-bottom:18px}.vp-doc .vp-code-group.vp-adaptive-theme:not(.dark .vp-code-group.vp-adaptive-theme){border-top:none!important}.vp-doc .vp-code-group.vp-adaptive-theme:after{display:none}.vp-doc .vp-code-group .tabs{border-top:6px solid #d4eaf7}.dark .VPHome .image-bg{filter:blur(var(--blur));animation:1.8s ease-in infinite alternate-reverse filter_blur}.dark .vp-doc h1{-webkit-text-decoration-color:var(--decoration-color-blue-dark);text-decoration-color:var(--decoration-color-blue-dark)}.dark .vp-doc h2{-webkit-text-decoration-color:var(--decoration-color-yellow-dark);text-decoration-color:var(--decoration-color-yellow-dark)}.dark .vp-doc h3{-webkit-text-decoration-color:var(--decoration-color-green-dark);text-decoration-color:var(--decoration-color-green-dark)}.dark .vp-doc h4{-webkit-text-decoration-color:var(--decoration-color-red-dark);text-decoration-color:var(--decoration-color-red-dark)}.dark .vp-doc img{border:1px dashed #2b2b2b;border-radius:5px;margin-top:10px}.dark .vp-doc .vp-code-group .tabs{border-top:2px!important}.dark .vp-doc .vp-adaptive-theme{border:2px solid #0000;border-radius:8px;position:relative}.dark .vp-doc .vp-adaptive-theme.active{margin-bottom:0}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme){border-top:2px solid #0000}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):before{content:"";clip-path:inset(0 round 8px);pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 9px 1px rgba(var(--fx-beam-c1),.3), inset 0 0 12px rgba(var(--fx-beam-c2),.15);background:radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 54px 31px at 12% -5%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 18px 31px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 162px 28px at 74.4% 100%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 76px 23px at 55% 100%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 66px 28px at 93.9% 0%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 23px 37px at 100% 27.1%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 46px 43px at 100% 27.1%, rgba(var(--fx-beam-c2),.45), transparent);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;border-radius:8px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift;position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):after{content:"";pointer-events:none;z-index:2;opacity:0;background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 64%, rgba(var(--fx-beam-c1),.15) 66.5%, rgba(var(--fx-beam-c1),.35) 68%, rgba(var(--fx-beam-c1),.5) 69%, rgba(var(--fx-beam-c2),.65) 70%, rgba(var(--fx-beam-c2),.65) 70.5%, rgba(var(--fx-beam-c2),.45) 71.5%, rgba(var(--fx-beam-c1),.25) 73%, rgba(var(--fx-beam-c1),.1) 75%, transparent 77%, transparent 100%), radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 60px 35px at 12% -5%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 85px 26px at 55% 100%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(var(--fx-beam-c2)), transparent);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;filter:blur(4px)brightness(1.2)saturate(1.1);border-radius:7px;padding:1px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift-bloom;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):hover:before{opacity:.7}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):hover:after{opacity:.6}@keyframes beam-hue-shift-bloom{0%{filter:blur(4px)hue-rotate(-20deg)brightness(1.2)saturate(1.1)}50%{filter:blur(4px)hue-rotate(20deg)brightness(1.2)saturate(1.1)}to{filter:blur(4px)hue-rotate(-20deg)brightness(1.2)saturate(1.1)}}.dark .VPDocFooter .pager-link{border-color:#0000;position:relative}.dark .VPDocFooter .pager-link:not(:hover){border-color:var(--vp-c-divider,#313d44)}.dark .VPDocFooter .pager-link:before{content:"";clip-path:inset(0 round 8px);pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 9px 1px rgba(var(--fx-beam-c1),.3), inset 0 0 12px rgba(var(--fx-beam-c2),.15);background:radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 54px 31px at 12% -5%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 18px 31px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 162px 28px at 74.4% 100%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 76px 23px at 55% 100%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 66px 28px at 93.9% 0%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 23px 37px at 100% 27.1%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 46px 43px at 100% 27.1%, rgba(var(--fx-beam-c2),.45), transparent);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 20px, transparent calc(100% - 20px), white), linear-gradient(to right, white, transparent 20px, transparent calc(100% - 20px), white);-webkit-mask-composite:source-in, source-over;border-radius:7px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift;position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.dark .VPDocFooter .pager-link:after{content:"";pointer-events:none;z-index:2;opacity:0;background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 64%, rgba(var(--fx-beam-c1),.15) 66.5%, rgba(var(--fx-beam-c1),.35) 68%, rgba(var(--fx-beam-c1),.5) 69%, rgba(var(--fx-beam-c2),.65) 70%, rgba(var(--fx-beam-c2),.65) 70.5%, rgba(var(--fx-beam-c2),.45) 71.5%, rgba(var(--fx-beam-c1),.25) 73%, rgba(var(--fx-beam-c1),.1) 75%, transparent 77%, transparent 100%), radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 60px 35px at 12% -5%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 85px 26px at 55% 100%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(var(--fx-beam-c2)), transparent);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;filter:blur(4px)brightness(1.2)saturate(1.1);border-radius:7px;padding:1px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift-bloom;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.dark .VPDocFooter .pager-link:hover:before{opacity:.7}.dark .VPDocFooter .pager-link:hover:after{opacity:.6}.dark ::-webkit-scrollbar{background-color:#1b1b1f;width:12px}.dark ::-webkit-scrollbar-track{background:#161618;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background-color:#2b2b2b;border:2px solid #2c2c2c;border-radius:10px}.dark ::-webkit-scrollbar-thumb:hover{background:#202020}.dark .VPHomeFeatures .VPFeature{border-radius:12px;position:relative;overflow:hidden}.dark .VPHomeFeatures .VPFeature:before{content:"";background:radial-gradient(var(--color), transparent, transparent);left:var(--x);top:var(--y);opacity:0;width:700px;height:700px;transition:opacity 1s;display:block;position:absolute;transform:translate(-50%,-50%)}.dark .VPHomeFeatures .VPFeature:hover:before{opacity:1;transition:opacity .3s}.dark .VPHomeFeatures .VPFeature:after{content:"";z-index:0;inset:0;background-color:#222c;border-radius:10px;display:block;position:absolute;inset:2px}.dark .VPHomeFeatures .VPFeature>.box{z-index:1;position:relative}html.fx-smooth-scroll{scroll-behavior:smooth}html.fx-smooth-scroll .VPDocAsideOutline .outline-marker{transition:top .35s cubic-bezier(.22,1,.36,1),opacity .35s}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);--el-popper-bg-color-light:var(--el-bg-color-overlay);--el-popper-bg-color-dark:var(--el-text-color-primary);border-radius:var(--el-popper-border-radius);z-index:2000;overflow-wrap:break-word;word-break:normal;visibility:visible;min-width:10px;padding:5px 11px;font-size:12px;line-height:20px;position:absolute}.el-popper.is-dark{--el-fill-color-blank:var(--el-popper-bg-color-dark);color:var(--el-bg-color);background:var(--el-popper-bg-color-dark);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-popper-bg-color-dark);right:0}.el-popper.is-light{--el-fill-color-blank:var(--el-popper-bg-color-light);background:var(--el-popper-bg-color-light);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-popper-bg-color-light);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{z-index:-1;width:10px;height:10px;position:absolute}.el-popper__arrow:before{z-index:-1;content:" ";background:var(--el-text-color-primary);box-sizing:border-box;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-top-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-right-color:#0000!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-top-color:#0000!important;border-right-color:#0000!important}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;vertical-align:bottom;width:100%;font-size:var(--el-font-size-base);display:inline-block;position:relative}.el-textarea__inner{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.el-textarea__inner.is-clearable{padding:5px 26px 5px 11px}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea__clear{color:var(--el-input-icon-color);cursor:pointer;font-size:14px;position:absolute;top:15px;right:11px;transform:translateY(-50%)}.el-textarea__clear:hover{color:var(--el-input-clear-hover-color)}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);font-size:12px;line-height:14px;position:absolute;bottom:5px;right:10px}.el-textarea .el-input__count.is-outside{top:100%;right:0;bottom:unset;background:0 0;padding-top:2px;line-height:1;position:absolute}.el-textarea.is-disabled .el-textarea__inner{box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);font-size:var(--el-font-size-base);width:var(--el-input-width);line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;color:var(--el-color-info);align-items:center;font-size:12px;display:inline-flex}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;padding-left:8px;display:inline-block}.el-input .el-input__count.is-outside{height:unset;padding-top:2px;position:absolute;top:100%;right:0}.el-input .el-input__count.is-outside .el-input__count-inner{background:0 0;padding-left:0;line-height:1}.el-input__wrapper{background-color:var(--el-input-bg-color,var(--el-fill-color-blank));border-radius:var(--el-input-border-radius,var(--el-border-radius-base));cursor:text;transition:var(--el-transition-box-shadow);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex;transform:translate(0)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height,32px) - 2px)}.el-input__inner{-webkit-appearance:none;width:100%;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.el-input__inner:focus{outline:none}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__prefix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__suffix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;transition:all var(--el-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);cursor:not-allowed;box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input__prefix-inner,.el-input.is-disabled .el-input__suffix-inner{pointer-events:none}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height,40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height,24px) - 2px)}.el-input-group{align-items:stretch;width:100%;display:inline-flex}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);border-radius:var(--el-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-select,.el-input-group__append .el-button,.el-input-group__prepend .el-select,.el-input-group__prepend .el-button{flex:1;margin:0 -20px;display:inline-block}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{color:inherit;background-color:#0000;border-color:#0000}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-hidden{display:none!important}.el-input-number{vertical-align:middle;width:150px;line-height:30px;display:inline-flex;position:relative}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__increase,.el-input-number__decrease{z-index:1;background:var(--el-fill-color-light);width:32px;height:auto;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:1px;bottom:1px}.el-input-number__increase:hover,.el-input-number__decrease:hover{color:var(--el-color-primary)}.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__increase.is-disabled,.el-input-number__decrease.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border);right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__increase,.el-input-number.is-disabled .el-input-number__decrease{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__increase:hover,.el-input-number.is-disabled .el-input-number__decrease:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__increase,.el-input-number--large .el-input-number__decrease{width:40px;font-size:14px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__increase,.el-input-number--small .el-input-number__decrease{width:24px;font-size:12px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__increase [class*=el-icon],.el-input-number--small .el-input-number__decrease [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__increase,.el-input-number.is-controls-right .el-input-number__decrease{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon],.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border);bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;top:auto;left:auto;right:1px}.el-input-number.is-controls-right[class*=large] [class*=increase],.el-input-number.is-controls-right[class*=large] [class*=decrease]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=increase],.el-input-number.is-controls-right[class*=small] [class*=decrease]{--el-input-number-controls-height:11px}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;width:100%;height:32px;display:flex}.el-slider__runway{height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;position:relative}.el-slider__runway.show-input{width:auto;margin-right:30px}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);z-index:1;top:var(--el-slider-button-wrapper-offset);text-align:center;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;line-height:normal;position:absolute;transform:translate(-50%)}.el-slider__button-wrapper:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-slider__button-wrapper:hover,.el-slider__button-wrapper.hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.el-slider__button:hover,.el-slider__button.hover,.el-slider__button.dragging{transform:scale(1.2)}.el-slider__button:hover,.el-slider__button.hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);position:absolute;transform:translate(-50%)}.el-slider__marks{width:18px;height:100%;top:0;left:12px}.el-slider__marks-text{color:var(--el-color-info);white-space:pre;margin-top:15px;font-size:14px;position:absolute;transform:translate(-50%)}.el-slider.is-vertical{flex:0;width:auto;height:100%;display:inline-flex;position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);border-radius:0 0 3px 3px;height:auto}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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)format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal;font-family:iconfont!important}.icon-playfill:before{content:""}.icon-ic_volume_off:before{content:""}.icon-ic_volume_up:before{content:""}.icon-pause:before{content:""}.icon-music_list:before{content:""}.fx-music-ball{--fx-music-accent-start:rgb(var(--fx-beam-c1));--fx-music-accent-end:rgb(var(--fx-beam-c2));--fx-music-bg:#ffffff73;--fx-music-bg-blur:12px;--fx-music-border:#ffffff4d;--fx-music-shadow:0 4px 16px #0000001a;--fx-music-text:#000000a6;--fx-music-text-muted:#0006;--fx-music-slider-track:#00000014;--fx-music-slider-thumb:rgb(var(--fx-beam-c2));--music-list-sep-color:#0000000f;--music-list-bgcolor:#ffffff80;--music-list-bdcolor:#ffffff4d}.dark .fx-music-ball{--fx-music-bg:#1e1e328c;--fx-music-bg-blur:16px;--fx-music-border:#ffffff14;--fx-music-shadow:0 4px 20px #0000004d, 0 0 12px rgba(var(--fx-beam-c1), .15);--fx-music-text:#ffffffb3;--fx-music-text-muted:#fff6;--fx-music-slider-track:#ffffff1a;--music-list-sep-color:#ffffff0d;--music-list-bgcolor:#1e1e3299;--music-list-bdcolor:#ffffff0f}.fx-music-ball{background:var(--fx-music-bg);-webkit-backdrop-filter:blur(var(--fx-music-bg-blur));border:1px solid var(--fx-music-border);box-shadow:var(--fx-music-shadow);cursor:pointer;z-index:99;box-sizing:border-box;border-radius:28px;justify-content:space-between;align-items:center;width:50px;height:50px;padding:0 20px 0 5px;transition:width .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:15px;left:15px;overflow:hidden}.fx-music-ball.active{overflow:inherit}.fx-music-ball:hover{width:330px;transition:width .4s cubic-bezier(.34,1.56,.64,1) .5s}.fx-music-ball .fx-progress-ring{cursor:pointer;position:absolute;top:-1px;left:-1px;transform:rotate(-90deg)}.fx-music-ball .fx-progress-track{stroke:var(--fx-music-slider-track)}.fx-music-ball .fx-progress-bar{stroke:url(#fx-progress-gradient);transition:stroke-dasharray .1s}.fx-music-ball .fx-orbit-ring{border:1.5px solid #0000;border-top-color:rgba(var(--fx-beam-c1), .4);border-right-color:rgba(var(--fx-beam-c2), .2);pointer-events:none;border-radius:50%;animation:3s linear infinite orbit-spin;position:absolute;inset:-4px}.dark .fx-music-ball .fx-orbit-ring{border-top-color:rgba(var(--fx-beam-c1), .6);border-right-color:rgba(var(--fx-beam-c2), .3);filter:drop-shadow(0 0 4px rgba(var(--fx-beam-c1), .3))}@keyframes orbit-spin{to{transform:rotate(360deg)}}.fx-music-ball .fx-music-ball__inner{justify-content:space-between;align-items:center;width:330px;display:flex}.fx-music-ball .iconfont{color:var(--fx-music-text);font-size:20px}.fx-music-ball .icon-pause{font-size:26px}.fx-music-ball .fx-play-pause{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.fx-music-ball .fx-play-pause:hover{background-color:rgba(var(--fx-beam-c1), .1)}.dark .fx-music-ball .fx-play-pause:hover{background-color:rgba(var(--fx-beam-c1), .15)}.fx-music-ball .fx-time{color:var(--fx-music-text-muted);white-space:nowrap;width:78px;padding:0 10px;font-size:12px}.fx-music-ball .fx-duration{flex:1;padding:0 10px 0 3px}.fx-music-ball .fx-music-list-button{justify-content:center;align-items:center;width:30px;margin-left:8px;display:flex}.el-slider__button{--el-slider-button-size:15px}.fx-music-ball .el-slider{--el-slider-height:4px;--el-slider-main-bg-color:var(--fx-music-accent-end);--el-color-white:var(--fx-music-slider-thumb)}.fx-music-ball .el-slider .el-slider__runway{background-color:var(--fx-music-slider-track)}.fx-music-ball .el-slider .el-slider__bar{background:linear-gradient(90deg, var(--fx-music-accent-start), var(--fx-music-accent-end))}.fx-music-ball .el-slider .el-slider__button{--el-slider-button-size:12px;border-color:var(--fx-music-slider-thumb);box-shadow:0 0 6px rgba(var(--fx-beam-c2), .3);position:relative;top:-1px}.fx-music-ball .fx-volume{align-items:center;width:30px;transition:width .3s .3s;display:flex}.fx-music-ball .fx-volume .el-slider{opacity:0;transition:opacity .3s .3s}.fx-music-ball .fx-volume:hover{width:120px;transition:width .3s .3s}.fx-music-ball .fx-volume:hover .el-slider{opacity:1;transition:opacity .3s}.fx-music-ball .icon-ic_volume_up,.fx-music-ball .icon-ic_volume_off{margin-left:5px}.fx-music-ball.is-playing .fx-progress-bar{animation:2s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(var(--fx-beam-c1), .3))}50%{filter:drop-shadow(0 0 6px rgba(var(--fx-beam-c2), .6))}}.fx-music-ball.is-playing:before{content:"";border-radius:inherit;background:linear-gradient(135deg, rgba(var(--fx-beam-c1), .08) 0%, transparent 40%, rgba(var(--fx-beam-c2), .08) 60%, transparent 100%);pointer-events:none;background-size:200% 200%;animation:4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:0 200%}to{background-position:200% 0}}.dark .fx-music-ball.is-playing{box-shadow:0 4px 20px #0000004d, 0 0 12px rgba(var(--fx-beam-c1), .15), 0 0 24px rgba(var(--fx-beam-c2), .08)}.fx-music-ball .fx-music-list{box-sizing:border-box;z-index:-9;background:var(--music-list-bgcolor);-webkit-backdrop-filter:blur(20px);border:1px solid var(--music-list-bdcolor);width:100%;box-shadow:var(--fx-music-shadow);opacity:0;pointer-events:none;border-radius:24px;padding:15px 5px 50px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;transform:translateY(10px)}.fx-music-ball.active .fx-music-list{opacity:1;pointer-events:auto;transform:translateY(0)}.fx-music-ball .fx-music-list .fx-music-list-sep{border-bottom:1px solid var(--music-list-sep-color);margin:5px 0}.fx-music-ball .fx-music-list .fx-music-list-item{text-wrap:nowrap;text-overflow:ellipsis;color:var(--fx-music-text-muted);padding-left:20px;padding-right:20px;font-size:12px;line-height:24px;transition:color .2s;position:relative;overflow:hidden}.fx-music-ball .fx-music-list .fx-music-list-item:hover{color:var(--fx-music-accent-end)}.fx-music-ball .fx-music-list .fx-music-list-item .image-live{width:12px;height:12px;position:absolute;bottom:6px;left:3px}.fx-music-ball .fx-music-list .fx-music-list-item .image-live svg{width:100%;height:100%}.fx-music-ball .fx-music-list .fx-music-list-item .image-live .bar{fill:currentColor;transform-box:fill-box;transform-origin:bottom}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-1{animation:.8s ease-in-out infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-2{animation:.8s ease-in-out .2s infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-3{animation:.8s ease-in-out .4s infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-4{animation:.8s ease-in-out .1s infinite fx-eq-bar}@keyframes fx-eq-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.fx-music-ball .fx-music-list .fx-music-list-item.active{color:var(--fx-music-accent-start)}.fx-music-ball .fx-music-list .fx-music-list-item.active:hover{color:var(--fx-music-accent-end)}@media (prefers-reduced-motion:reduce){.fx-music-ball *,.fx-music-ball :before,.fx-music-ball :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
1
+ :root{--fx-beam-c1:189, 52, 254;--fx-beam-c2:65, 209, 255;--decoration-color-blue:#45abff;--decoration-color-yellow:#a29bdb;--decoration-color-green:#8eb78b;--decoration-color-red:#f3bad6;--decoration-color-blue-dark:hsl(from var(--decoration-color-blue) h s calc(l * .5));--decoration-color-yellow-dark:hsl(from var(--decoration-color-yellow) h s calc(l * .5));--decoration-color-green-dark:hsl(from var(--decoration-color-green) h s calc(l * .5));--decoration-color-red-dark:hsl(from var(--decoration-color-red) h s calc(l * .5));--decoration-thick:.6em;--decoration-style:solid;--decoration-line:underline;--decoration-skip-ink:none;--underline-offset:-.4em;--vp-home-hero-name-color:transparent;--vp-home-hero-name-background:linear-gradient(120deg, #bd34fe, #41d1ff);--vp-home-hero-image-background-image:-webkit-linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);--vp-home-hero-image-filter:blur(45px);--vp-layout-max-width:1450px;--vp-code-line-height:2.2em}::selection{color:#fff;background-color:#fe7300}.dark ::selection{color:#efefef;background-color:#692f00}@property --beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes beam-spin{to{--beam-angle:360deg}}@keyframes beam-hue-shift{0%{filter:hue-rotate(-20deg)brightness(1.2)saturate(1.1)}50%{filter:hue-rotate(20deg)brightness(1.2)saturate(1.1)}to{filter:hue-rotate(-20deg)brightness(1.2)saturate(1.1)}}@property --blur{syntax:"<length>";inherits:false;initial-value:30px}@keyframes filter_blur{0%{--blur:30px}to{--blur:80px}}.VPDoc.has-aside .content-container{max-width:100%!important}.VPDoc.has-aside>.container>.content{padding-left:5px;padding-right:5px}.VPImage{border-radius:50%}.VPDocOutlineItem a{font-size:12px!important}.aside-container{width:350px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808059;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8080808c}.vp-doc h1{-webkit-text-decoration-color:var(--decoration-color-blue);text-decoration-color:var(--decoration-color-blue);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h2{-webkit-text-decoration-color:var(--decoration-color-yellow);text-decoration-color:var(--decoration-color-yellow);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h3{-webkit-text-decoration-color:var(--decoration-color-green);text-decoration-color:var(--decoration-color-green);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc h4{-webkit-text-decoration-color:var(--decoration-color-red);text-decoration-color:var(--decoration-color-red);text-decoration-thickness:var(--decoration-thick);-webkit-text-decoration-style:var(--decoration-style);text-decoration-style:var(--decoration-style);-webkit-text-decoration-line:var(--decoration-line);text-decoration-line:var(--decoration-line);text-decoration-skip-ink:var(--decoration-skip-ink);text-underline-offset:var(--underline-offset)}.vp-doc img{border:1px dashed #efefef;border-radius:5px;margin-top:10px}.vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme){border-top:6px solid #d4eaf7}.vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme) .vp-code:not(.dark .vp-code){padding-bottom:18px}.vp-doc .vp-code-group.vp-adaptive-theme:not(.dark .vp-code-group.vp-adaptive-theme){border-top:none!important}.vp-doc .vp-code-group.vp-adaptive-theme:after{display:none}.vp-doc .vp-code-group .tabs{border-top:6px solid #d4eaf7}.dark .VPHome .image-bg{filter:blur(var(--blur));animation:1.8s ease-in infinite alternate-reverse filter_blur}.dark .vp-doc h1{-webkit-text-decoration-color:var(--decoration-color-blue-dark);text-decoration-color:var(--decoration-color-blue-dark)}.dark .vp-doc h2{-webkit-text-decoration-color:var(--decoration-color-yellow-dark);text-decoration-color:var(--decoration-color-yellow-dark)}.dark .vp-doc h3{-webkit-text-decoration-color:var(--decoration-color-green-dark);text-decoration-color:var(--decoration-color-green-dark)}.dark .vp-doc h4{-webkit-text-decoration-color:var(--decoration-color-red-dark);text-decoration-color:var(--decoration-color-red-dark)}.dark .vp-doc img{border:1px dashed #2b2b2b;border-radius:5px;margin-top:10px}.dark .vp-doc .vp-code-group .tabs{border-top:2px!important}.dark .vp-doc .vp-adaptive-theme{border:2px solid #0000;border-radius:8px;position:relative}.dark .vp-doc .vp-adaptive-theme.active{margin-bottom:0}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme){border-top:2px solid #0000}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):before{content:"";clip-path:inset(0 round 8px);pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 9px 1px rgba(var(--fx-beam-c1),.3), inset 0 0 12px rgba(var(--fx-beam-c2),.15);background:radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 54px 31px at 12% -5%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 18px 31px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 162px 28px at 74.4% 100%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 76px 23px at 55% 100%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 66px 28px at 93.9% 0%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 23px 37px at 100% 27.1%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 46px 43px at 100% 27.1%, rgba(var(--fx-beam-c2),.45), transparent);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;border-radius:8px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift;position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):after{content:"";pointer-events:none;z-index:2;opacity:0;background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 64%, rgba(var(--fx-beam-c1),.15) 66.5%, rgba(var(--fx-beam-c1),.35) 68%, rgba(var(--fx-beam-c1),.5) 69%, rgba(var(--fx-beam-c2),.65) 70%, rgba(var(--fx-beam-c2),.65) 70.5%, rgba(var(--fx-beam-c2),.45) 71.5%, rgba(var(--fx-beam-c1),.25) 73%, rgba(var(--fx-beam-c1),.1) 75%, transparent 77%, transparent 100%), radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 60px 35px at 12% -5%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 85px 26px at 55% 100%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(var(--fx-beam-c2)), transparent);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;filter:blur(4px)brightness(1.2)saturate(1.1);border-radius:7px;padding:1px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift-bloom;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):hover:before{opacity:.7}.dark .vp-doc .vp-adaptive-theme:not(.vp-code-group .vp-adaptive-theme):hover:after{opacity:.6}@keyframes beam-hue-shift-bloom{0%{filter:blur(4px)hue-rotate(-20deg)brightness(1.2)saturate(1.1)}50%{filter:blur(4px)hue-rotate(20deg)brightness(1.2)saturate(1.1)}to{filter:blur(4px)hue-rotate(-20deg)brightness(1.2)saturate(1.1)}}.dark .VPDocFooter .pager-link{border-color:#0000;position:relative}.dark .VPDocFooter .pager-link:not(:hover){border-color:var(--vp-c-divider,#313d44)}.dark .VPDocFooter .pager-link:before{content:"";clip-path:inset(0 round 8px);pointer-events:none;z-index:1;opacity:0;box-shadow:inset 0 0 9px 1px rgba(var(--fx-beam-c1),.3), inset 0 0 12px rgba(var(--fx-beam-c2),.15);background:radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 54px 31px at 12% -5%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 18px 31px at 2.1% 68.3%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 162px 28px at 74.4% 100%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 76px 23px at 55% 100%, rgba(var(--fx-beam-c2),.45), transparent), radial-gradient(ellipse 66px 28px at 93.9% 0%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 23px 37px at 100% 27.1%, rgba(var(--fx-beam-c1),.45), transparent), radial-gradient(ellipse 46px 43px at 100% 27.1%, rgba(var(--fx-beam-c2),.45), transparent);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 20px, transparent calc(100% - 20px), white), linear-gradient(to right, white, transparent 20px, transparent calc(100% - 20px), white);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 20px, transparent calc(100% - 20px), white), linear-gradient(to right, white, transparent 20px, transparent calc(100% - 20px), white);mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(white, transparent 20px, transparent calc(100% - 20px), white), linear-gradient(to right, white, transparent 20px, transparent calc(100% - 20px), white);-webkit-mask-composite:source-in, source-over;border-radius:7px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift;position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.dark .VPDocFooter .pager-link:after{content:"";pointer-events:none;z-index:2;opacity:0;background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 64%, rgba(var(--fx-beam-c1),.15) 66.5%, rgba(var(--fx-beam-c1),.35) 68%, rgba(var(--fx-beam-c1),.5) 69%, rgba(var(--fx-beam-c2),.65) 70%, rgba(var(--fx-beam-c2),.65) 70.5%, rgba(var(--fx-beam-c2),.45) 71.5%, rgba(var(--fx-beam-c1),.25) 73%, rgba(var(--fx-beam-c1),.1) 75%, transparent 77%, transparent 100%), radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 60px 35px at 12% -5%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 85px 26px at 55% 100%, rgb(var(--fx-beam-c2)), transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(var(--fx-beam-c1)), transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(var(--fx-beam-c2)), transparent);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 48%, #ffffff1a 54%, #ffffff59 62%, white 68%, white 72%, #ffffff59 78%, #ffffff1a 84%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;filter:blur(4px)brightness(1.2)saturate(1.1);border-radius:7px;padding:1px;transition:opacity .5s;animation:3s linear infinite beam-spin,12s ease-in-out infinite beam-hue-shift-bloom;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.dark .VPDocFooter .pager-link:hover:before{opacity:.7}.dark .VPDocFooter .pager-link:hover:after{opacity:.6}.dark .VPHomeFeatures .VPFeature{border-radius:12px;position:relative;overflow:hidden}.dark .VPHomeFeatures .VPFeature:before{content:"";background:radial-gradient(var(--color), transparent, transparent);left:var(--x);top:var(--y);opacity:0;width:700px;height:700px;transition:opacity 1s;display:block;position:absolute;transform:translate(-50%,-50%)}.dark .VPHomeFeatures .VPFeature:hover:before{opacity:1;transition:opacity .3s}.dark .VPHomeFeatures .VPFeature:after{content:"";z-index:0;inset:0;background-color:#222c;border-radius:10px;display:block;position:absolute;inset:2px}.dark .VPHomeFeatures .VPFeature>.box{z-index:1;position:relative}html.fx-smooth-scroll{scroll-behavior:smooth}html.fx-smooth-scroll .VPDocAsideOutline .outline-marker{transition:top .35s cubic-bezier(.22,1,.36,1),opacity .35s}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}.VPNavBarTitle{overflow:hidden}.VPNavBarTitle .title{min-width:0}.VPNavBarTitle .title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.VPNavBarTitle .title img{flex-shrink:0}.vp-doc .vp-adaptive-theme{position:relative}.fx-code-fold-enabled .vp-doc .vp-adaptive-theme>.vp-code{max-height:calc(var(--vp-code-line-height,2.2em) * var(--fx-code-fold-lines,10) + 18px);overflow:hidden}.fx-code-fold-enabled .vp-doc .vp-adaptive-theme>.line-numbers-wrapper{max-height:calc(var(--vp-code-line-height,2.2em) * var(--fx-code-fold-lines,10));overflow:hidden}.fx-code-no-fold>.vp-code,.fx-code-no-fold>.line-numbers-wrapper{max-height:none;overflow:visible}.fx-code-folded>.vp-code,.fx-code-folded>.line-numbers-wrapper{-webkit-mask:linear-gradient(#000 70%,#0000);mask:linear-gradient(#000 70%,#0000)}.fx-code-foldable:not(.fx-code-folded)>.vp-code,.fx-code-foldable:not(.fx-code-folded)>.line-numbers-wrapper{max-height:none;overflow:visible}.fx-code-fold-overlay{cursor:pointer;z-index:3;height:40px;color:var(--vp-c-brand-1,#bd34fe);justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:color .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.fx-code-fold-overlay.fx-code-fold-expanded{height:auto;padding:8px 0}.fx-code-foldable:not(.fx-code-folded){padding-bottom:36px}.fx-code-fold-overlay:hover{color:var(--vp-c-brand-2,#41d1ff)}:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);--el-popper-bg-color-light:var(--el-bg-color-overlay);--el-popper-bg-color-dark:var(--el-text-color-primary);border-radius:var(--el-popper-border-radius);z-index:2000;overflow-wrap:break-word;word-break:normal;visibility:visible;min-width:10px;padding:5px 11px;font-size:12px;line-height:20px;position:absolute}.el-popper.is-dark{--el-fill-color-blank:var(--el-popper-bg-color-dark);color:var(--el-bg-color);background:var(--el-popper-bg-color-dark);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-popper-bg-color-dark);right:0}.el-popper.is-light{--el-fill-color-blank:var(--el-popper-bg-color-light);background:var(--el-popper-bg-color-light);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-popper-bg-color-light);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{z-index:-1;width:10px;height:10px;position:absolute}.el-popper__arrow:before{z-index:-1;content:" ";background:var(--el-text-color-primary);box-sizing:border-box;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-top-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-right-color:#0000!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-top-color:#0000!important;border-right-color:#0000!important}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;vertical-align:bottom;width:100%;font-size:var(--el-font-size-base);display:inline-block;position:relative}.el-textarea__inner{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.el-textarea__inner.is-clearable{padding:5px 26px 5px 11px}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea__clear{color:var(--el-input-icon-color);cursor:pointer;font-size:14px;position:absolute;top:15px;right:11px;transform:translateY(-50%)}.el-textarea__clear:hover{color:var(--el-input-clear-hover-color)}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);font-size:12px;line-height:14px;position:absolute;bottom:5px;right:10px}.el-textarea .el-input__count.is-outside{top:100%;right:0;bottom:unset;background:0 0;padding-top:2px;line-height:1;position:absolute}.el-textarea.is-disabled .el-textarea__inner{box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);font-size:var(--el-font-size-base);width:var(--el-input-width);line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;color:var(--el-color-info);align-items:center;font-size:12px;display:inline-flex}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;padding-left:8px;display:inline-block}.el-input .el-input__count.is-outside{height:unset;padding-top:2px;position:absolute;top:100%;right:0}.el-input .el-input__count.is-outside .el-input__count-inner{background:0 0;padding-left:0;line-height:1}.el-input__wrapper{background-color:var(--el-input-bg-color,var(--el-fill-color-blank));border-radius:var(--el-input-border-radius,var(--el-border-radius-base));cursor:text;transition:var(--el-transition-box-shadow);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex;transform:translate(0)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height,32px) - 2px)}.el-input__inner{-webkit-appearance:none;width:100%;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.el-input__inner:focus{outline:none}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__prefix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__suffix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;transition:all var(--el-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);cursor:not-allowed;box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input__prefix-inner,.el-input.is-disabled .el-input__suffix-inner{pointer-events:none}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height,40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height,24px) - 2px)}.el-input-group{align-items:stretch;width:100%;display:inline-flex}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);border-radius:var(--el-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-select,.el-input-group__append .el-button,.el-input-group__prepend .el-select,.el-input-group__prepend .el-button{flex:1;margin:0 -20px;display:inline-block}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{color:inherit;background-color:#0000;border-color:#0000}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-hidden{display:none!important}.el-input-number{vertical-align:middle;width:150px;line-height:30px;display:inline-flex;position:relative}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__increase,.el-input-number__decrease{z-index:1;background:var(--el-fill-color-light);width:32px;height:auto;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:1px;bottom:1px}.el-input-number__increase:hover,.el-input-number__decrease:hover{color:var(--el-color-primary)}.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__increase.is-disabled,.el-input-number__decrease.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border);right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__increase,.el-input-number.is-disabled .el-input-number__decrease{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__increase:hover,.el-input-number.is-disabled .el-input-number__decrease:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__increase,.el-input-number--large .el-input-number__decrease{width:40px;font-size:14px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__increase,.el-input-number--small .el-input-number__decrease{width:24px;font-size:12px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__increase [class*=el-icon],.el-input-number--small .el-input-number__decrease [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__increase,.el-input-number.is-controls-right .el-input-number__decrease{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon],.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border);bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;top:auto;left:auto;right:1px}.el-input-number.is-controls-right[class*=large] [class*=increase],.el-input-number.is-controls-right[class*=large] [class*=decrease]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=increase],.el-input-number.is-controls-right[class*=small] [class*=decrease]{--el-input-number-controls-height:11px}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;width:100%;height:32px;display:flex}.el-slider__runway{height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;position:relative}.el-slider__runway.show-input{width:auto;margin-right:30px}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);z-index:1;top:var(--el-slider-button-wrapper-offset);text-align:center;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;line-height:normal;position:absolute;transform:translate(-50%)}.el-slider__button-wrapper:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-slider__button-wrapper:hover,.el-slider__button-wrapper.hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.el-slider__button:hover,.el-slider__button.hover,.el-slider__button.dragging{transform:scale(1.2)}.el-slider__button:hover,.el-slider__button.hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);position:absolute;transform:translate(-50%)}.el-slider__marks{width:18px;height:100%;top:0;left:12px}.el-slider__marks-text{color:var(--el-color-info);white-space:pre;margin-top:15px;font-size:14px;position:absolute;transform:translate(-50%)}.el-slider.is-vertical{flex:0;width:auto;height:100%;display:inline-flex;position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);border-radius:0 0 3px 3px;height:auto}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}@font-face{font-family:iconfont;src:url(data:font/ttf;base64,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)format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal;font-family:iconfont!important}.icon-playfill:before{content:""}.icon-ic_volume_off:before{content:""}.icon-ic_volume_up:before{content:""}.icon-pause:before{content:""}.icon-music_list:before{content:""}.fx-music-ball{--fx-music-accent-start:rgb(var(--fx-beam-c1));--fx-music-accent-end:rgb(var(--fx-beam-c2));--fx-music-bg:#ffffff73;--fx-music-bg-blur:12px;--fx-music-border:#ffffff4d;--fx-music-shadow:0 4px 16px #0000001a;--fx-music-text:#000000a6;--fx-music-text-muted:#0006;--fx-music-slider-track:#00000014;--fx-music-slider-thumb:rgb(var(--fx-beam-c2));--music-list-sep-color:#0000000f;--music-list-bgcolor:#ffffff80;--music-list-bdcolor:#ffffff4d}.dark .fx-music-ball{--fx-music-bg:#1e1e328c;--fx-music-bg-blur:16px;--fx-music-border:#ffffff14;--fx-music-shadow:0 4px 20px #0000004d, 0 0 12px rgba(var(--fx-beam-c1), .15);--fx-music-text:#ffffffb3;--fx-music-text-muted:#fff6;--fx-music-slider-track:#ffffff1a;--music-list-sep-color:#ffffff0d;--music-list-bgcolor:#1e1e3299;--music-list-bdcolor:#ffffff0f}.fx-music-ball{background:var(--fx-music-bg);-webkit-backdrop-filter:blur(var(--fx-music-bg-blur));border:1px solid var(--fx-music-border);box-shadow:var(--fx-music-shadow);cursor:pointer;z-index:99;box-sizing:border-box;border-radius:28px;justify-content:space-between;align-items:center;width:50px;height:50px;padding:0 20px 0 5px;transition:width .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:15px;left:15px;overflow:hidden}.fx-music-ball.active{overflow:inherit}.fx-music-ball:hover{width:330px;transition:width .4s cubic-bezier(.34,1.56,.64,1) .5s}.fx-music-ball .fx-progress-ring{cursor:pointer;position:absolute;top:-1px;left:-1px;transform:rotate(-90deg)}.fx-music-ball .fx-progress-track{stroke:var(--fx-music-slider-track)}.fx-music-ball .fx-progress-bar{stroke:url(#fx-progress-gradient);transition:stroke-dasharray .1s}.fx-music-ball .fx-orbit-ring{border:1.5px solid #0000;border-top-color:rgba(var(--fx-beam-c1), .4);border-right-color:rgba(var(--fx-beam-c2), .2);pointer-events:none;border-radius:50%;animation:3s linear infinite orbit-spin;position:absolute;inset:-4px}.dark .fx-music-ball .fx-orbit-ring{border-top-color:rgba(var(--fx-beam-c1), .6);border-right-color:rgba(var(--fx-beam-c2), .3);filter:drop-shadow(0 0 4px rgba(var(--fx-beam-c1), .3))}@keyframes orbit-spin{to{transform:rotate(360deg)}}.fx-music-ball .fx-music-ball__inner{justify-content:space-between;align-items:center;width:330px;display:flex}.fx-music-ball .iconfont{color:var(--fx-music-text);font-size:20px}.fx-music-ball .icon-pause{font-size:26px}.fx-music-ball .fx-play-pause{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.fx-music-ball .fx-play-pause:hover{background-color:rgba(var(--fx-beam-c1), .1)}.dark .fx-music-ball .fx-play-pause:hover{background-color:rgba(var(--fx-beam-c1), .15)}.fx-music-ball .fx-time{color:var(--fx-music-text-muted);white-space:nowrap;width:78px;padding:0 10px;font-size:12px}.fx-music-ball .fx-duration{flex:1;padding:0 10px 0 3px}.fx-music-ball .fx-music-list-button{justify-content:center;align-items:center;width:30px;margin-left:8px;display:flex}.el-slider__button{--el-slider-button-size:15px}.fx-music-ball .el-slider{--el-slider-height:4px;--el-slider-main-bg-color:var(--fx-music-accent-end);--el-color-white:var(--fx-music-slider-thumb)}.fx-music-ball .el-slider .el-slider__runway{background-color:var(--fx-music-slider-track)}.fx-music-ball .el-slider .el-slider__bar{background:linear-gradient(90deg, var(--fx-music-accent-start), var(--fx-music-accent-end))}.fx-music-ball .el-slider .el-slider__button{--el-slider-button-size:12px;border-color:var(--fx-music-slider-thumb);box-shadow:0 0 6px rgba(var(--fx-beam-c2), .3);position:relative;top:-1px}.fx-music-ball .fx-volume{align-items:center;width:30px;transition:width .3s .3s;display:flex}.fx-music-ball .fx-volume .el-slider{opacity:0;transition:opacity .3s .3s}.fx-music-ball .fx-volume:hover{width:120px;transition:width .3s .3s}.fx-music-ball .fx-volume:hover .el-slider{opacity:1;transition:opacity .3s}.fx-music-ball .icon-ic_volume_up,.fx-music-ball .icon-ic_volume_off{margin-left:5px}.fx-music-ball.is-playing .fx-progress-bar{animation:2s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(var(--fx-beam-c1), .3))}50%{filter:drop-shadow(0 0 6px rgba(var(--fx-beam-c2), .6))}}.fx-music-ball.is-playing:before{content:"";border-radius:inherit;background:linear-gradient(135deg, rgba(var(--fx-beam-c1), .08) 0%, transparent 40%, rgba(var(--fx-beam-c2), .08) 60%, transparent 100%);pointer-events:none;background-size:200% 200%;animation:4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:0 200%}to{background-position:200% 0}}.dark .fx-music-ball.is-playing{box-shadow:0 4px 20px #0000004d, 0 0 12px rgba(var(--fx-beam-c1), .15), 0 0 24px rgba(var(--fx-beam-c2), .08)}.fx-music-ball .fx-music-list{box-sizing:border-box;z-index:-9;background:var(--music-list-bgcolor);-webkit-backdrop-filter:blur(20px);border:1px solid var(--music-list-bdcolor);width:100%;box-shadow:var(--fx-music-shadow);opacity:0;pointer-events:none;border-radius:24px;padding:15px 5px 50px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;transform:translateY(10px)}.fx-music-ball.active .fx-music-list{opacity:1;pointer-events:auto;transform:translateY(0)}.fx-music-ball .fx-music-list .fx-music-list-sep{border-bottom:1px solid var(--music-list-sep-color);margin:5px 0}.fx-music-ball .fx-music-list .fx-music-list-item{text-wrap:nowrap;text-overflow:ellipsis;color:var(--fx-music-text-muted);padding-left:20px;padding-right:20px;font-size:12px;line-height:24px;transition:color .2s;position:relative;overflow:hidden}.fx-music-ball .fx-music-list .fx-music-list-item:hover{color:var(--fx-music-accent-end)}.fx-music-ball .fx-music-list .fx-music-list-item .image-live{width:12px;height:12px;position:absolute;bottom:6px;left:3px}.fx-music-ball .fx-music-list .fx-music-list-item .image-live svg{width:100%;height:100%}.fx-music-ball .fx-music-list .fx-music-list-item .image-live .bar{fill:currentColor;transform-box:fill-box;transform-origin:bottom}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-1{animation:.8s ease-in-out infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-2{animation:.8s ease-in-out .2s infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-3{animation:.8s ease-in-out .4s infinite fx-eq-bar}.fx-music-ball .fx-music-list .fx-music-list-item .image-live.playing .bar-4{animation:.8s ease-in-out .1s infinite fx-eq-bar}@keyframes fx-eq-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.fx-music-ball .fx-music-list .fx-music-list-item.active{color:var(--fx-music-accent-start)}.fx-music-ball .fx-music-list .fx-music-list-item.active:hover{color:var(--fx-music-accent-end)}@media (prefers-reduced-motion:reduce){.fx-music-ball *,.fx-music-ball :before,.fx-music-ball :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuxishi/vitepress-theme",
3
3
  "displayName": "@fuxishi/vitepress-theme",
4
4
  "private": false,
5
- "version": "1.0.8",
5
+ "version": "1.0.10",
6
6
  "license": "MIT",
7
7
  "description": "一款精美的 VitePress 主题",
8
8
  "keywords": [
@@ -10,8 +10,7 @@
10
10
  "theme",
11
11
  "vitepress-theme",
12
12
  "@fuxishi/vitepress-theme",
13
- "fuxishi",
14
- "fx-core"
13
+ "fuxishi"
15
14
  ],
16
15
  "type": "module",
17
16
  "files": [
@@ -57,9 +56,9 @@
57
56
  "@types/node": "^25.6.0",
58
57
  "@vitejs/plugin-vue": "^6.0.6",
59
58
  "typescript": "^6.0.3",
60
- "vite": "^8.0.9",
59
+ "vite": "^8.0.10",
61
60
  "vitepress": "^1.6.4",
62
- "vue": "^3.5.32"
61
+ "vue": "^3.5.33"
63
62
  },
64
63
  "peerDependencies": {
65
64
  "vitepress": "^1.6.4"
package/dist/chunk/FxMusicBall-BruAGB47.js DELETED
@@ -1,185 +0,0 @@
1
- import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, vShow as m, watchEffect as h, withDirectives as g } from "vue";
2
- import { useData as _ } from "vitepress";
3
- import { ElSlider as v } from "element-plus";
4
- //#region .vitepress/components/FxMusicBall.vue?vue&type=script&setup=true&lang.ts
5
- var y = [
6
- "src",
7
- "autoplay",
8
- "loop"
9
- ], b = ["src", "autoplay"], x = { class: "fx-music-ball__inner" }, S = { class: "fx-play-pause" }, C = { class: "iconfont icon-playfill" }, w = { class: "iconfont icon-pause" }, T = { class: "fx-time" }, E = { class: "fx-duration" }, ee = { class: "fx-volume" }, te = {
10
- id: "fx-progress-gradient",
11
- x1: "0%",
12
- y1: "0%",
13
- x2: "100%",
14
- y2: "100%"
15
- }, ne = ["stop-color"], D = ["stop-color"], O = ["stroke-dasharray"], k = {
16
- key: 2,
17
- class: "fx-orbit-ring"
18
- }, A = {
19
- key: 3,
20
- class: "fx-music-list"
21
- }, j = ["onClick"], M = ["d"], N = /* @__PURE__ */ o({
22
- __name: "FxMusicBall",
23
- setup(o) {
24
- let N = [
25
- "M123.252 73.826h111.169v790.935h-111.169z",
26
- "M346.361 465.952h111.169v395.467h-111.169z",
27
- "M569.466 229.325h111.169v636.444h-111.169z",
28
- "M792.574 391.584h111.169v475.788h-111.169z"
29
- ], { site: P } = _(), F = P.value.themeConfig.musicBall, I = u(null), L = u(0), R = u(0), z = u(0), B = u(!1), V = u(50), H = u(!1), U = u(0), W = u(!!F.autoplay), G = u(!1), K = 2 * Math.PI * 22, q = u("#bd34fe"), J = u("#41d1ff");
30
- c(() => {
31
- let e = getComputedStyle(document.documentElement), t = e.getPropertyValue("--fx-beam-c1").trim(), n = e.getPropertyValue("--fx-beam-c2").trim();
32
- t && (q.value = `rgb(${t})`), n && (J.value = `rgb(${n})`);
33
- });
34
- let Y = t(() => {
35
- let e = K - Q.value / 100 * K;
36
- return `${K - e} ${e}`;
37
- }), X = t(() => F.src || F.list?.length === 1), re = t(() => F.src || F.list?.[0]?.src), Z = t(() => F.list || []), Q = t({
38
- get() {
39
- return z.value / L.value * 100 || 0;
40
- },
41
- set(e) {
42
- R.value = L.value * e / 100, !B.value && I.value && (I.value.currentTime = R.value);
43
- }
44
- }), ie = t(() => $(L.value)), ae = t(() => $(z.value));
45
- h(() => {
46
- I.value && (H.value = !1, I.value.volume = V.value / 100);
47
- }), h(() => {
48
- I.value && (I.value.muted = H.value);
49
- }), c(() => {
50
- let e = I.value;
51
- e?.addEventListener("play", () => {
52
- B.value = !0;
53
- }), e?.addEventListener("pause", () => {
54
- B.value = !1;
55
- }), e?.addEventListener("timeupdate", () => {
56
- L.value = e.duration, z.value = e.currentTime;
57
- }), e?.addEventListener("canplay", () => {
58
- L.value = e.duration;
59
- }), e?.addEventListener("ended", () => {
60
- U.value + 1 > Z.value.length - 1 ? U.value = 0 : U.value++;
61
- });
62
- });
63
- let oe = () => {
64
- B.value = !B.value, B.value ? I.value?.play() : I.value?.pause(), !X.value && !W.value && (W.value = !0);
65
- }, se = () => {
66
- I.value && (I.value.currentTime = R.value);
67
- }, ce = (e) => {
68
- W.value = !0, U.value = e;
69
- }, le = () => {
70
- G.value = !1;
71
- };
72
- function $(e) {
73
- return e = Number(e), `${Math.floor(e % 3600 / 60) || 0}:${(Math.floor(e % 3600 % 60) || 0).toString().padStart(2, "0")}`;
74
- }
75
- return (t, o) => (l(), r("div", {
76
- class: s(["fx-music-ball", {
77
- active: G.value,
78
- "is-playing": B.value
79
- }]),
80
- onMouseleave: le
81
- }, [
82
- X.value ? (l(), r("audio", {
83
- key: 0,
84
- class: "audio",
85
- src: re.value,
86
- autoplay: p(F).autoplay,
87
- loop: p(F).loop,
88
- style: { display: "none" },
89
- ref_key: "audioRef",
90
- ref: I
91
- }, null, 8, y)) : (l(), r("audio", {
92
- key: 1,
93
- class: "audio",
94
- src: Z.value[U.value].src,
95
- autoplay: W.value,
96
- style: { display: "none" },
97
- ref_key: "audioRef",
98
- ref: I
99
- }, null, 8, b)),
100
- i("div", x, [
101
- i("div", S, [g(i("span", C, null, 512), [[m, !B.value]]), g(i("span", w, null, 512), [[m, B.value]])]),
102
- i("div", T, f(ie.value) + "\xA0/\xA0" + f(ae.value), 1),
103
- i("div", E, [a(p(v), {
104
- style: { width: "100%" },
105
- "show-tooltip": !1,
106
- modelValue: Q.value,
107
- "onUpdate:modelValue": o[0] ||= (e) => Q.value = e,
108
- onChange: se
109
- }, null, 8, ["modelValue"])]),
110
- i("div", ee, [
111
- a(p(v), {
112
- style: { width: "100%" },
113
- "show-tooltip": !1,
114
- modelValue: V.value,
115
- "onUpdate:modelValue": o[1] ||= (e) => V.value = e
116
- }, null, 8, ["modelValue"]),
117
- g(i("span", {
118
- class: "iconfont icon-ic_volume_off",
119
- onClick: o[2] ||= (e) => H.value = !H.value
120
- }, null, 512), [[m, H.value]]),
121
- g(i("span", {
122
- class: "iconfont icon-ic_volume_up",
123
- onClick: o[3] ||= (e) => H.value = !H.value
124
- }, null, 512), [[m, !H.value]])
125
- ]),
126
- X.value ? n("", !0) : (l(), r("div", {
127
- key: 0,
128
- class: "fx-music-list-button",
129
- onClick: o[4] ||= (e) => G.value = !G.value
130
- }, [...o[5] ||= [i("span", { class: "iconfont icon-music_list" }, null, -1)]]))
131
- ]),
132
- (l(), r("svg", {
133
- class: "fx-progress-ring",
134
- width: "50",
135
- height: "50",
136
- viewBox: "0 0 50 50",
137
- onClick: oe
138
- }, [
139
- i("defs", null, [i("linearGradient", te, [i("stop", {
140
- offset: "0%",
141
- "stop-color": q.value
142
- }, null, 8, ne), i("stop", {
143
- offset: "100%",
144
- "stop-color": J.value
145
- }, null, 8, D)])]),
146
- o[6] ||= i("circle", {
147
- class: "fx-progress-track",
148
- cx: "25",
149
- cy: "25",
150
- r: "22",
151
- fill: "none",
152
- "stroke-width": "2.5"
153
- }, null, -1),
154
- i("circle", {
155
- class: "fx-progress-bar",
156
- cx: "25",
157
- cy: "25",
158
- r: "22",
159
- fill: "none",
160
- stroke: "url(#fx-progress-gradient)",
161
- "stroke-width": "2.5",
162
- "stroke-linecap": "round",
163
- "stroke-dasharray": Y.value
164
- }, null, 8, O)
165
- ])),
166
- B.value ? (l(), r("div", k)) : n("", !0),
167
- G.value ? (l(), r("div", A, [(l(!0), r(e, null, d(Z.value, (t, a) => (l(), r("div", {
168
- class: s(["fx-music-list-item", U.value === a ? "active" : ""]),
169
- key: a,
170
- onClick: (e) => ce(a)
171
- }, [U.value === a ? (l(), r("svg", {
172
- key: 0,
173
- class: s(["image-live", { playing: B.value }]),
174
- viewBox: "0 0 1024 1024",
175
- xmlns: "http://www.w3.org/2000/svg"
176
- }, [(l(), r(e, null, d(N, (e, t) => i("path", {
177
- key: t,
178
- d: e,
179
- class: s(["bar", `bar-${t + 1}`])
180
- }, null, 10, M)), 64))], 2)) : n("", !0), i("span", null, f(t.name), 1)], 10, j))), 128)), o[7] ||= i("div", { class: "fx-music-list-sep" }, null, -1)])) : n("", !0)
181
- ], 34));
182
- }
183
- });
184
- //#endregion
185
- export { N as default };