valaxy 0.15.9 → 0.15.11-alpha.0

package/client/.vite-ssg-temp/tbbjcbuyn2/assets/styles-cdaadad2.js

@@ -0,0 +1,548 @@
+import { _ as _export_sfc, a as _sfc_main$1 } from "../main.mjs";
+import { _ as __unplugin_components_0 } from "./ValaxyMain-26e77dc6.js";
+import { provide, mergeProps, withCtx, createTextVNode, createVNode, renderSlot, useSSRContext } from "vue";
+import { useRoute } from "vue-router";
+import { ssrRenderComponent, ssrRenderStyle, ssrRenderSlot } from "vue/server-renderer";
+import "vite-ssg";
+import "pinia";
+import "@vueuse/core";
+import "dayjs";
+import "dayjs/plugin/utc.js";
+import "dayjs/plugin/timezone.js";
+import "dayjs/locale/zh-cn.js";
+import "body-scroll-lock";
+import "@intlify/shared";
+import "@intlify/core-base";
+import "@vue/devtools-api";
+import "@unhead/schema-org";
+import "@unhead/vue";
+import "dayjs/plugin/relativeTime.js";
+import "defu";
+import "nprogress";
+import "medium-zoom";
+import "vanilla-lazyload";
+const __pageData = JSON.parse('{"title":"Custom Styles","description":"","frontmatter":{"title":"Custom Styles","title_zh-CN":"自定义样式","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动样式注入","slug":"自动样式注入","link":"#自动样式注入","children":[]},{"level":2,"title":"Automatic Style Injection","slug":"automatic-style-injection","link":"#automatic-style-injection","children":[]},{"level":2,"title":"自定义字体","slug":"自定义字体","link":"#自定义字体","children":[]},{"level":2,"title":"Custom Font","slug":"custom-font","link":"#custom-font","children":[]}],"relativePath":"pages/guide/custom/styles.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\styles.md","lastUpdated":1696368478000}');
+const data = JSON.parse('{"title":"Custom Styles","description":"","frontmatter":{"title":"Custom Styles","title_zh-CN":"自定义样式","categories":["custom"],"end":false},"headers":[{"level":2,"title":"自动样式注入","slug":"自动样式注入","link":"#自动样式注入","children":[]},{"level":2,"title":"Automatic Style Injection","slug":"automatic-style-injection","link":"#automatic-style-injection","children":[]},{"level":2,"title":"自定义字体","slug":"自定义字体","link":"#自定义字体","children":[]},{"level":2,"title":"Custom Font","slug":"custom-font","link":"#custom-font","children":[]}],"relativePath":"pages/guide/custom/styles.md","path":"C:\\\\Users\\\\me\\\\repos\\\\yyj\\\\valaxy\\\\docs\\\\pages\\\\guide\\\\custom\\\\styles.md","lastUpdated":1696368478000}');
+const _sfc_main = {
+  name: "pages/guide/custom/styles.md",
+  data() {
+    return { data, frontmatter: data.frontmatter, $frontmatter: data.frontmatter };
+  },
+  setup() {
+    const route = useRoute();
+    route.meta.frontmatter = Object.assign(route.meta.frontmatter, data.frontmatter);
+    provide("pageData", data);
+  }
+};
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ValaxyMain = __unplugin_components_0;
+  const _component_AppLink = _sfc_main$1;
+  _push(ssrRenderComponent(_component_ValaxyMain, mergeProps({
+    frontmatter: $data.frontmatter,
+    data: $data.data
+  }, _attrs), {
+    "main-content-md": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<h2 lang="zh-CN" id="自动样式注入" tabindex="-1"${_scopeId}>自动样式注入 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#自动样式注入",
+          "aria-label": 'Permalink to "自动样式注入 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h2 lang="en" id="automatic-style-injection" tabindex="-1"${_scopeId}>Automatic Style Injection `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#automatic-style-injection",
+          "aria-label": 'Permalink to "Automatic Style Injection {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><blockquote${_scopeId}><p${_scopeId}>仅首次新建 styles/index.scss 文件时，需要重启开发服务器，以确保 scss 被加载。</p></blockquote><div lang="zh-CN"${_scopeId}><p${_scopeId}>新建 <code${_scopeId}>styles</code> 文件夹，目录下的以下文件将会被自动引入：</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>index.scss</code></li><li${_scopeId}><code${_scopeId}>index.css</code></li><li${_scopeId}><code${_scopeId}>css-vars.scss</code></li><li${_scopeId}><code${_scopeId}>css-vars.css</code></li></ul><p${_scopeId}>我们推荐您：</p><ul${_scopeId}><li${_scopeId}>新建 <code${_scopeId}>index.scss</code> 书写全局样式，并可在其中导入其他样式，它会被自动引入。</li><li${_scopeId}>新建 <code${_scopeId}>css-vars.scss</code> 书写 CSS 变量，它会被自动引入。</li></ul></div><div lang="en"${_scopeId}><p${_scopeId}>Create <code${_scopeId}>styles</code> folder, and the following files under the directory will be automatically imported:</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>index.scss</code></li><li${_scopeId}><code${_scopeId}>index.css</code></li><li${_scopeId}><code${_scopeId}>css-vars.scss</code></li><li${_scopeId}><code${_scopeId}>css-vars.css</code></li></ul><p${_scopeId}>We recommend you:</p><ul${_scopeId}><li${_scopeId}>Create <code${_scopeId}>index.scss</code> file to write a global style and import other styles in it. It will be imported automatically.</li><li${_scopeId}>Create <code${_scopeId}>css-vars.scss</code> file to write CSS variables. It will be imported automatically.</li></ul></div><h2 lang="zh-CN" id="自定义字体" tabindex="-1"${_scopeId}>自定义字体 `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#自定义字体",
+          "aria-label": 'Permalink to "自定义字体 {lang="zh-CN"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><h2 lang="en" id="custom-font" tabindex="-1"${_scopeId}>Custom Font `);
+        _push2(ssrRenderComponent(_component_AppLink, {
+          class: "header-anchor",
+          href: "#custom-font",
+          "aria-label": 'Permalink to "Custom Font {lang="en"}"'
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`​`);
+            } else {
+              return [
+                createTextVNode("​")
+              ];
+            }
+          }),
+          _: 1
+          /* STABLE */
+        }, _parent2, _scopeId));
+        _push2(`</h2><div lang="zh-CN"${_scopeId}><p${_scopeId}>譬如你可以在 <code${_scopeId}>styles/css-vars.scss</code> 中覆盖默认的字体。</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>serif</code>: 衬线字体：<span font="serif"${_scopeId}>字体 abcd 123</span></li><li${_scopeId}><code${_scopeId}>sans</code>: 非衬线字体：<span font="sans"${_scopeId}>字体 abcd 123</span></li><li${_scopeId}><code${_scopeId}>mono</code>: 等宽字体：<span font="mono"${_scopeId}>字体 abcd 123</span></li></ul></div><div lang="en"${_scopeId}><p${_scopeId}>For example, you can override the default font in &#39;styles/css-vars.scss&#39;.</p><ul${_scopeId}><li${_scopeId}><code${_scopeId}>serif</code>: serif font: <span font="serif"${_scopeId}>Font abcd 123</span></li><li${_scopeId}><code${_scopeId}>sans</code>: sans-serif font: <span font="sans"${_scopeId}>Font abcd 123</span></li><li${_scopeId}><code${_scopeId}>mono</code>: monospaced font: <span font="mono"${_scopeId}>Font abcd 123</span></li></ul></div><div class="language-scss"${_scopeId}><button title="Copy Code" class="copy"${_scopeId}></button><span class="lang"${_scopeId}>scss</span><pre class="shiki github-dark vp-code-dark"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#B392F0" })}"${_scopeId}>:root</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>--va-font-serif</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&#39;Noto Serif SC&#39;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, STZhongsong, STKaiti, KaiTi, Roboto,  </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>serif</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>--va-font-sans</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: Inter, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>-apple-system</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, BlinkMacSystemFont, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;Segoe UI&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, Roboto, Oxygen, Ubuntu, Cantarell, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;Fira Sans&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;Droid Sans&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;Helvetica Neue&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>sans-serif</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#FFAB70" })}"${_scopeId}>--va-font-mono</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>: Menlo, Monaco, Consolas, </span><span style="${ssrRenderStyle({ "color": "#9ECBFF" })}"${_scopeId}>&quot;Courier New&quot;</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#79B8FF" })}"${_scopeId}>monospace</span><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#E1E4E8" })}"${_scopeId}>}</span></span></code></pre><pre class="shiki github-light vp-code-light"${_scopeId}><code${_scopeId}><span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#6F42C1" })}"${_scopeId}>:root</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}> {</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>--va-font-serif</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&#39;Noto Serif SC&#39;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, STZhongsong, STKaiti, KaiTi, Roboto,  </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>serif</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>--va-font-sans</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: Inter, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>-apple-system</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, BlinkMacSystemFont, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;Segoe UI&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, Roboto, Oxygen, Ubuntu, Cantarell, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;Fira Sans&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;Droid Sans&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;Helvetica Neue&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>sans-serif</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>  </span><span style="${ssrRenderStyle({ "color": "#E36209" })}"${_scopeId}>--va-font-mono</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>: Menlo, Monaco, Consolas, </span><span style="${ssrRenderStyle({ "color": "#032F62" })}"${_scopeId}>&quot;Courier New&quot;</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>, </span><span style="${ssrRenderStyle({ "color": "#005CC5" })}"${_scopeId}>monospace</span><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>;</span></span>
+<span class="line"${_scopeId}><span style="${ssrRenderStyle({ "color": "#24292E" })}"${_scopeId}>}</span></span></code></pre></div>`);
+      } else {
+        return [
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "自动样式注入",
+            tabindex: "-1"
+          }, [
+            createTextVNode("自动样式注入 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#自动样式注入",
+              "aria-label": 'Permalink to "自动样式注入 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "automatic-style-injection",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Automatic Style Injection "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#automatic-style-injection",
+              "aria-label": 'Permalink to "Automatic Style Injection {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("blockquote", null, [
+            createVNode("p", null, "仅首次新建 styles/index.scss 文件时，需要重启开发服务器，以确保 scss 被加载。")
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("新建 "),
+              createVNode("code", null, "styles"),
+              createTextVNode(" 文件夹，目录下的以下文件将会被自动引入：")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "index.scss")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "index.css")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "css-vars.scss")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "css-vars.css")
+              ])
+            ]),
+            createVNode("p", null, "我们推荐您："),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("新建 "),
+                createVNode("code", null, "index.scss"),
+                createTextVNode(" 书写全局样式，并可在其中导入其他样式，它会被自动引入。")
+              ]),
+              createVNode("li", null, [
+                createTextVNode("新建 "),
+                createVNode("code", null, "css-vars.scss"),
+                createTextVNode(" 书写 CSS 变量，它会被自动引入。")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, [
+              createTextVNode("Create "),
+              createVNode("code", null, "styles"),
+              createTextVNode(" folder, and the following files under the directory will be automatically imported:")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "index.scss")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "index.css")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "css-vars.scss")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "css-vars.css")
+              ])
+            ]),
+            createVNode("p", null, "We recommend you:"),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createTextVNode("Create "),
+                createVNode("code", null, "index.scss"),
+                createTextVNode(" file to write a global style and import other styles in it. It will be imported automatically.")
+              ]),
+              createVNode("li", null, [
+                createTextVNode("Create "),
+                createVNode("code", null, "css-vars.scss"),
+                createTextVNode(" file to write CSS variables. It will be imported automatically.")
+              ])
+            ])
+          ]),
+          createVNode("h2", {
+            lang: "zh-CN",
+            id: "自定义字体",
+            tabindex: "-1"
+          }, [
+            createTextVNode("自定义字体 "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#自定义字体",
+              "aria-label": 'Permalink to "自定义字体 {lang="zh-CN"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("h2", {
+            lang: "en",
+            id: "custom-font",
+            tabindex: "-1"
+          }, [
+            createTextVNode("Custom Font "),
+            createVNode(_component_AppLink, {
+              class: "header-anchor",
+              href: "#custom-font",
+              "aria-label": 'Permalink to "Custom Font {lang="en"}"'
+            }, {
+              default: withCtx(() => [
+                createTextVNode("​")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          createVNode("div", { lang: "zh-CN" }, [
+            createVNode("p", null, [
+              createTextVNode("譬如你可以在 "),
+              createVNode("code", null, "styles/css-vars.scss"),
+              createTextVNode(" 中覆盖默认的字体。")
+            ]),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "serif"),
+                createTextVNode(": 衬线字体："),
+                createVNode("span", { font: "serif" }, "字体 abcd 123")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "sans"),
+                createTextVNode(": 非衬线字体："),
+                createVNode("span", { font: "sans" }, "字体 abcd 123")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "mono"),
+                createTextVNode(": 等宽字体："),
+                createVNode("span", { font: "mono" }, "字体 abcd 123")
+              ])
+            ])
+          ]),
+          createVNode("div", { lang: "en" }, [
+            createVNode("p", null, "For example, you can override the default font in 'styles/css-vars.scss'."),
+            createVNode("ul", null, [
+              createVNode("li", null, [
+                createVNode("code", null, "serif"),
+                createTextVNode(": serif font: "),
+                createVNode("span", { font: "serif" }, "Font abcd 123")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "sans"),
+                createTextVNode(": sans-serif font: "),
+                createVNode("span", { font: "sans" }, "Font abcd 123")
+              ]),
+              createVNode("li", null, [
+                createVNode("code", null, "mono"),
+                createTextVNode(": monospaced font: "),
+                createVNode("span", { font: "mono" }, "Font abcd 123")
+              ])
+            ])
+          ]),
+          createVNode("div", { class: "language-scss" }, [
+            createVNode("button", {
+              title: "Copy Code",
+              class: "copy"
+            }),
+            createVNode("span", { class: "lang" }, "scss"),
+            createVNode("pre", { class: "shiki github-dark vp-code-dark" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#B392F0" } }, ":root"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "--va-font-serif"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, "'Noto Serif SC'"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", STZhongsong, STKaiti, KaiTi, Roboto,  "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "serif"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "--va-font-sans"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": Inter, "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "-apple-system"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", BlinkMacSystemFont, "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"Segoe UI"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", Roboto, Oxygen, Ubuntu, Cantarell, "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"Fira Sans"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"Droid Sans"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"Helvetica Neue"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "sans-serif"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "  "),
+                  createVNode("span", { style: { "color": "#FFAB70" } }, "--va-font-mono"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ": Menlo, Monaco, Consolas, "),
+                  createVNode("span", { style: { "color": "#9ECBFF" } }, '"Courier New"'),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ", "),
+                  createVNode("span", { style: { "color": "#79B8FF" } }, "monospace"),
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#E1E4E8" } }, "}")
+                ])
+              ])
+            ]),
+            createVNode("pre", { class: "shiki github-light vp-code-light" }, [
+              createVNode("code", null, [
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#6F42C1" } }, ":root"),
+                  createVNode("span", { style: { "color": "#24292E" } }, " {")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#E36209" } }, "--va-font-serif"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": "),
+                  createVNode("span", { style: { "color": "#032F62" } }, "'Noto Serif SC'"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", STZhongsong, STKaiti, KaiTi, Roboto,  "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "serif"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#E36209" } }, "--va-font-sans"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": Inter, "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "-apple-system"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", BlinkMacSystemFont, "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"Segoe UI"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", Roboto, Oxygen, Ubuntu, Cantarell, "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"Fira Sans"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"Droid Sans"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"Helvetica Neue"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "sans-serif"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "  "),
+                  createVNode("span", { style: { "color": "#E36209" } }, "--va-font-mono"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ": Menlo, Monaco, Consolas, "),
+                  createVNode("span", { style: { "color": "#032F62" } }, '"Courier New"'),
+                  createVNode("span", { style: { "color": "#24292E" } }, ", "),
+                  createVNode("span", { style: { "color": "#005CC5" } }, "monospace"),
+                  createVNode("span", { style: { "color": "#24292E" } }, ";")
+                ]),
+                createTextVNode("\n"),
+                createVNode("span", { class: "line" }, [
+                  createVNode("span", { style: { "color": "#24292E" } }, "}")
+                ])
+              ])
+            ])
+          ])
+        ];
+      }
+    }),
+    "main-header": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header")
+        ];
+      }
+    }),
+    "main-header-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-header-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-header-after")
+        ];
+      }
+    }),
+    "main-nav": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav")
+        ];
+      }
+    }),
+    "main-content": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content")
+        ];
+      }
+    }),
+    "main-content-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-content-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-content-after")
+        ];
+      }
+    }),
+    "main-nav-before": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-before", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-before")
+        ];
+      }
+    }),
+    "main-nav-after": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "main-nav-after", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "main-nav-after")
+        ];
+      }
+    }),
+    comment: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "comment", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "comment")
+        ];
+      }
+    }),
+    footer: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "footer")
+        ];
+      }
+    }),
+    aside: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside")
+        ];
+      }
+    }),
+    "aside-custom": withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "aside-custom", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "aside-custom")
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+    /* FORWARDED */
+  }, _parent));
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../../docs/pages/guide/custom/styles.md");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const styles = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+export {
+  __pageData,
+  styles as default
+};