gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity
vuepress-theme-plume/assets/home-hero-effect-YLoTT4Hv.js

610 lines
250 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";import"./dark-veil-B5zMYQzY.js";var l=JSON.parse(`{"path":"/guide/custom-home/hero-effect/","title":"Hero 背景效果 | 指南","lang":"zh-CN","frontmatter":{"title":"Hero 背景效果","icon":"icon-park-outline:effects","createTime":"2025/10/24 15:35:14","permalink":"/guide/custom-home/hero-effect/","badge":"新","description":"概述 对于大多数的站点而言，一个 炫酷好看 的首页首屏，能够更容易地吸引用户停留下来。 但实现 炫酷好看 的效果往往需要比较复杂的技术成本，以及一些不错的灵感。 主题对 首页 的 Hero 部分，内置了一系列 炫酷好看 的背景效果， 通过简单的配置即可应用到你的站点首页中： 当且仅当 type: hero 时，主题会应用 effect 配置的效果。 e...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Hero 背景效果\\",\\"image\\":[\\"https://theme-plume.vuejs.press/images/hero-effects/tint-plate.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/prism.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/pixel-blast.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/hyper-speed.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/liquid-ether.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/dot-grid.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/iridescence.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/orb.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/beams.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/lightning.png\\",\\"https://theme-plume.vuejs.press/images/hero-effects/dark-veil.png\\"],\\"dateModified\\":\\"2026-03-08T13:55:27.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/custom-home/hero-effect/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"Hero 背景效果"}],["meta",{"property":"og:description","content":"概述 对于大多数的站点而言，一个 炫酷好看 的首页首屏，能够更容易地吸引用户停留下来。 但实现 炫酷好看 的效果往往需要比较复杂的技术成本，以及一些不错的灵感。 主题对 首页 的 Hero 部分，内置了一系列 炫酷好看 的背景效果， 通过简单的配置即可应用到你的站点首页中： 当且仅当 type: hero 时，主题会应用 effect 配置的效果。 e..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:image","content":"https://theme-plume.vuejs.press/images/hero-effects/tint-plate.png"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2026-03-08T13:55:27.000Z"}],["meta",{"property":"article:modified_time","content":"2026-03-08T13:55:27.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/custom-home/hero-effect/"}]]},"readingTime":{"minutes":13.97,"words":4190},"git":{"createdTime":1761364517000,"updatedTime":1772978127000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":3,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"97a5ba20c3eb976864d8a9ec7342a061bb73c03b","time":1772978127000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: fix typo"},{"hash":"3d48446769ec466c96072dc63019c5ffef6a1c40","time":1761906837000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme): add <code>dark-veil</code> home hero effect (#747)"},{"hash":"aa6168c31dd06d7ebbc2085fae06f037cdd2d0bd","time":1761364517000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme): add home hero effects (#738)"}]},"autoDesc":true,"filePathRelative":"guide/custom/home-hero-effect.md","headers":[],"bulletin":false}`),u={name:`home-hero-effect.md`},d={class:`hint-container info`},f={class:`vp-field-group`},p={class:`vp-field-group`},m={class:`vp-field-group`},h={class:`vp-field-group`},g={class:`vp-field-group`},_={class:`vp-field-group`},v={class:`vp-field-group`},y={class:`vp-field-group`},b={class:`vp-field-group`};function x(c,l,u,x,S,C){let w=t(`VPLink`),T=t(`CodeTabs`),E=t(`VPIcon`),D=t(`VPField`);return n(),i(`div`,null,[l[174]||=o(`<h2 id="概述" tabindex="-1"><a class="header-anchor" href="#概述"><span>概述</span></a></h2><p>对于大多数的站点而言，一个 <strong>炫酷好看</strong> 的首页首屏，能够更容易地吸引用户停留下来。 但实现 <strong>炫酷好看</strong> 的效果往往需要比较复杂的技术成本，以及一些不错的灵感。</p><p>主题对 <strong>首页</strong> 的 <strong>Hero</strong> 部分，内置了一系列 <strong>炫酷好看</strong> 的背景效果， 通过简单的配置即可应用到你的站点首页中：</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> tint-plate</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> key</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> value</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><div class="hint-container important"><p class="hint-container-title">当且仅当 <code>type: hero</code> 时，主题会应用 <code>effect</code> 配置的效果。</p></div><p><code>effect</code> 支持以下可选值：</p><ul><li><a href="#tint-plate">tint-plate</a></li><li><a href="#prism">prism</a></li><li><a href="#pixel-blast">pixel-blast</a></li><li><a href="#hyper-speed">hyper-speed</a></li><li><a href="#liquid-ether">liquid-ether</a></li><li><a href="#dot-grid">dot-grid</a></li><li><a href="#iridescence">iridescence</a></li><li><a href="#orb">orb</a></li><li><a href="#beams">beams</a></li><li><a href="#lightning">lightning</a></li><li><a href="#dark-veil">dark-veil</a></li></ul><p><code>effectConfig</code> 需要根据不同的 <code>effect</code> 值，进行不同的配置。通常你不需要配置，主题会自动应用预设配置。</p><div class="hint-container important"><p class="hint-container-title">重要说明</p><p>主题内置的效果，得益于优秀开源项目 <a href="https://vue-bits.dev/" target="_blank" rel="noopener noreferrer">vue-bits</a>。 遵循 MIT 协议，复制并修改其中的代码到主题中。</p></div><h2 id="强制深色模式" tabindex="-1"><a class="header-anchor" href="#强制深色模式"><span>强制深色模式</span></a></h2>`,10),s(`p`,null,[l[1]||=a(`大部分背景效果在 `,-1),l[2]||=s(`strong`,null,`深色模式`,-1),l[3]||=a(` 下表现更加出色，因此建议开启 `,-1),r(w,{href:`../../config/theme.md#appearance`},{default:e(()=>[...l[0]||=[a(`深色模式`,-1)]]),_:1}),l[4]||=a(` 以获得最佳体验。`,-1)]),l[175]||=o(`<p>但对于文档部分，也许 <strong>浅色模式</strong> 才是你想要的，因此主题在 <code>hero</code> 中提供了 <code>forceDark</code> 选项， 仅强制将首页强制变更为 <strong>深色模式</strong>，而不影响其他页面的颜色模式。</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> forceDark</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> lightning</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="背景动态效果" tabindex="-1"><a class="header-anchor" href="#背景动态效果"><span>背景动态效果</span></a></h2><div class="hint-container important"><p class="hint-container-title">重要</p><p>不同的效果可能会依赖 <code>three</code> 或 <code>gsap</code> 或 <code>ogl</code>，你需要根据所使用的效果，手动安装相应的依赖包。</p><p>主题通过 <strong>按需加载</strong> 的方式动态加载这些效果， 因此不用担心最终打包后的文档体积过大。</p></div><h3 id="tint-plate" tabindex="-1"><a class="header-anchor" href="#tint-plate"><span>tint-plate</span></a></h3><h4 id="效果预览" tabindex="-1"><a class="header-anchor" href="#效果预览"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/tint-plate.png" alt="tint-plate" width="2994" height="1738"></p><h4 id="使用方法" tabindex="-1"><a class="header-anchor" href="#使用方法"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> tint-plate</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项" tabindex="-1"><a class="header-anchor" href="#配置项"><span>配置项</span></a></h4><p><code>effectConfig</code> 用于配置 RGB 值：</p><ul><li>配置为单个值时，表示配置 red,green,blue 三个颜色值为相同值，范围： 0 - 255。示例： <code>210</code>。</li><li>配置为三个值时，表示配置 red,green,blue 三个颜色值为不同值，范围： 0 - 255。示例： <code>210,210,210</code>。</li><li>配置为 <code>TintPlate</code>，则可以更加灵活的控制每个颜色值和对应的偏移量。</li><li>还可以配置为 <code>{ light: TintPlate, dark: TintPlate }</code>，在深色模式和浅色模式下使用不同的颜色值。</li></ul><div class="language-ts" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">interface</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;"> TintPlate</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> r</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: { </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">value</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">offset</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> } </span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;">// value 表示色值，offset 表示偏移量</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> g</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: { </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">value</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">offset</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> b</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: { </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">value</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">offset</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre></div><p><strong>示例</strong>：</p>`,14),r(T,{id:`146`,data:[{id:`单个值`},{id:`三个值`},{id:`TintPlate`}]},{title0:e(({value:e,isActive:t})=>[...l[5]||=[s(`span`,null,`单个值`,-1)]]),title1:e(({value:e,isActive:t})=>[...l[6]||=[s(`span`,null,`三个值`,-1)]]),title2:e(({value:e,isActive:t})=>[...l[7]||=[s(`span`,null,`TintPlate`,-1)]]),tab0:e(({value:e,isActive:t})=>[...l[8]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` tint-plate`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 210`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[9]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` tint-plate`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` 210,210,210`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[10]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` tint-plate`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` r`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` value`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 210`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` offset`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` g`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` value`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 210`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` offset`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` b`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` value`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 210`)]),a(`
`),s(`span`,{class:`line highlighted`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` offset`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),_:1}),s(`div`,d,[l[14]||=s(`p`,{class:`hint-container-title`},`相关信息`,-1),s(`p`,null,[l[12]||=a(`为了便于用户配置 美观的个性化的背景，主题还提供了 `,-1),r(w,{href:`../../tools/home-hero-tint-plate.md`},{default:e(()=>[...l[11]||=[a(`首页背景色板配置工具`,-1)]]),_:1}),l[13]||=a(` 进行可视化操作，生成配置内容，你可以直接复制它们用于自己的项目中。`,-1)])]),l[176]||=o(`<h3 id="prism" tabindex="-1"><a class="header-anchor" href="#prism"><span>prism</span></a></h3><h4 id="效果预览-1" tabindex="-1"><a class="header-anchor" href="#效果预览-1"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/prism.png" alt="prism" width="2994" height="1738"></p><h4 id="安装依赖" tabindex="-1"><a class="header-anchor" href="#安装依赖"><span>安装依赖</span></a></h4>`,4),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[15]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[16]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[17]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[18]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[19]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[20]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),_:1}),l[177]||=o(`<h4 id="使用方法-1" tabindex="-1"><a class="header-anchor" href="#使用方法-1"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> prism</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-1" tabindex="-1"><a class="header-anchor" href="#配置项-1"><span>配置项</span></a></h4>`,3),s(`div`,f,[r(D,{name:`height`,optional:``,type:`number`,"default-value":`3.5`},{default:e(()=>[...l[21]||=[s(`p`,null,`棱柱的顶点高度（world units）`,-1)]]),_:1}),r(D,{name:`baseWidth`,optional:``,type:`number`,"default-value":`5.5`},{default:e(()=>[...l[22]||=[s(`p`,null,`X/Z轴总基准宽度（world units）`,-1)]]),_:1}),r(D,{name:`animationType`,optional:``,type:`'rotate' | 'hover' | '3drotate'`,"default-value":`'rotate'`},{default:e(()=>[...l[23]||=[s(`p`,null,`动画模式：着色器摆动、指针悬停倾斜或完全三维旋转。`,-1)]]),_:1}),r(D,{name:`glow`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[24]||=[s(`p`,null,`发光/溢出强度乘数。`,-1)]]),_:1}),r(D,{name:`offset`,optional:``,type:`{ x?: number, y?: number }`,"default-value":`{ x: 0, y: 0 }`},{default:e(()=>[...l[25]||=[s(`p`,null,`画布内的像素偏移（x → 向右，y → 向下）。`,-1)]]),_:1}),r(D,{name:`noise`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[26]||=[s(`p`,null,`最终颜色中添加的颗粒噪声量（0表示禁用）。`,-1)]]),_:1}),r(D,{name:`transparent`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[27]||=[s(`p`,null,`画布是否具有Alpha通道（透明背景）。`,-1)]]),_:1}),r(D,{name:`scale`,optional:``,type:`number`,"default-value":`3.6`},{default:e(()=>[...l[28]||=[s(`p`,null,`棱镜的整体屏幕空间比例（数值越大，显示尺寸越大）。`,-1)]]),_:1}),r(D,{name:`hueShift`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[29]||=[s(`p`,null,`色调旋转（弧度）应用于最终颜色。`,-1)]]),_:1}),r(D,{name:`colorFrequency`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[30]||=[s(`p`,null,`控制颜色变化的内部正弦带频率。`,-1)]]),_:1}),r(D,{name:`hoverStrength`,optional:``,type:`number`,"default-value":`2`},{default:e(()=>[...l[31]||=[s(`p`,null,`悬停倾斜（俯仰/偏航幅度）灵敏度。`,-1)]]),_:1}),r(D,{name:`inertia`,optional:``,type:`number`,"default-value":`0.05`},{default:e(()=>[...l[32]||=[s(`p`,null,[a(`悬停缓动因子（`),s(`code`,null,`0 ~ 1`),a(`，数值越大响应越灵敏）。`)],-1)]]),_:1}),r(D,{name:`bloom`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[33]||=[s(`p`,null,`在光泽之上叠加额外的绽放效果层次。`,-1)]]),_:1}),r(D,{name:`suspendWhenOffscreen`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[34]||=[s(`p`,null,`当元素不在视口内时暂停渲染。`,-1)]]),_:1}),r(D,{name:`timeScale`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[35]||=[s(`p`,null,`动画全局时间倍率（0=冻结，1=正常）。`,-1)]]),_:1})]),l[178]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> prism</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> height</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> 3.5,</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> baseWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 5.5</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> animationType</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> rotate</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> glow</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> offset</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> x</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line highlighted"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> y</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> noise</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> transparent</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> scale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 3.6</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hueShift</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> colorFrequency</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hoverStrength</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 2</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> inertia</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.05</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> bloom</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> suspendWhenOffscreen</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> timeScale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.5</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="pixel-blast" tabindex="-1"><a class="header-anchor" href="#pixel-blast"><span>pixel-blast</span></a></h3><h4 id="效果预览-2" tabindex="-1"><a class="header-anchor" href="#效果预览-2"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/pixel-blast.png" alt="pixel-blast" width="2994" height="1738"></p><h4 id="安装依赖-1" tabindex="-1"><a class="header-anchor" href="#安装依赖-1"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[36]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[37]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[38]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[39]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[40]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[41]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),_:1}),l[179]||=o(`<h4 id="使用方法-2" tabindex="-1"><a class="header-anchor" href="#使用方法-2"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> pixel-blast</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-2" tabindex="-1"><a class="header-anchor" href="#配置项-2"><span>配置项</span></a></h4>`,3),s(`div`,p,[r(D,{name:`variant`,optional:``,type:`'square' | 'circle' | 'triangle' | 'diamond'`,"default-value":`'square'`},{default:e(()=>[...l[42]||=[s(`p`,null,`像素形状变体`,-1)]]),_:1}),r(D,{name:`pixelSize`,optional:``,type:`number`,"default-value":`4`},{default:e(()=>[...l[43]||=[s(`p`,null,`基础像素尺寸（根据DPI自动缩放）。`,-1)]]),_:1}),r(D,{name:`color`,optional:``,type:`string`,"default-value":`'#5086a1'`},{default:e(()=>[...l[44]||=[s(`p`,null,`像素颜色`,-1)]]),_:1}),r(D,{name:`antialias`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[45]||=[s(`p`,null,`是否启用抗锯齿`,-1)]]),_:1}),r(D,{name:`patternScale`,optional:``,type:`number`,"default-value":`2`},{default:e(()=>[...l[46]||=[s(`p`,null,`噪声/图案比例`,-1)]]),_:1}),r(D,{name:`patternDensity`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[47]||=[s(`p`,null,`调整图案密度`,-1)]]),_:1}),r(D,{name:`liquid`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[48]||=[s(`p`,null,`是否启用液体扭曲效果。`,-1)]]),_:1}),r(D,{name:`liquidStrength`,optional:``,type:`number`,"default-value":`0.1`},{default:e(()=>[...l[49]||=[s(`p`,null,`液体扭曲强度`,-1)]]),_:1}),r(D,{name:`liquidRadius`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[50]||=[s(`p`,null,`液体触摸笔刷半径比例。`,-1)]]),_:1}),r(D,{name:`liquidWobbleSpeed`,optional:``,type:`number`,"default-value":`4.5`},{default:e(()=>[...l[51]||=[s(`p`,null,`液体晃动频率`,-1)]]),_:1}),r(D,{name:`pixelSizeJitter`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[52]||=[s(`p`,null,`应用于覆盖范围的随机抖动`,-1)]]),_:1}),r(D,{name:`enableRipples`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[53]||=[s(`p`,null,`启用点击涟漪效果`,-1)]]),_:1}),r(D,{name:`rippleIntensityScale`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[54]||=[s(`p`,null,`纹波强度乘数`,-1)]]),_:1}),r(D,{name:`rippleThickness`,optional:``,type:`number`,"default-value":`0.1`},{default:e(()=>[...l[55]||=[s(`p`,null,`纹波环厚度`,-1)]]),_:1}),r(D,{name:`rippleSpeed`,optional:``,type:`number`,"default-value":`0.3`},{default:e(()=>[...l[56]||=[s(`p`,null,`纹波传播速度`,-1)]]),_:1}),r(D,{name:`autoPauseOffscreen`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[57]||=[s(`p`,null,`当元素不在视口内时自动暂停渲染`,-1)]]),_:1}),r(D,{name:`speed`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[58]||=[s(`p`,null,`动画时间缩放比例`,-1)]]),_:1}),r(D,{name:`transparent`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[59]||=[s(`p`,null,`透明背景`,-1)]]),_:1}),r(D,{name:`edgeFade`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[60]||=[s(`p`,null,[a(`边缘淡入距离（`),s(`code`,null,`0-1`),a(`）。`)],-1)]]),_:1}),r(D,{name:`noiseAmount`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[61]||=[s(`p`,null,`噪声强度`,-1)]]),_:1}),r(D,{name:`className`,optional:``,type:`string`},{default:e(()=>[...l[62]||=[s(`p`,null,`容器自定义类名`,-1)]]),_:1}),r(D,{name:`style`,optional:``,type:`CSSProperties`},{default:e(()=>[...l[63]||=[s(`p`,null,`容器自定义样式`,-1)]]),_:1}),r(D,{name:`backgroundImage`,optional:``,type:`string`},{default:e(()=>[...l[64]||=[s(`p`,null,`背景图像 URL`,-1)]]),_:1})]),l[180]||=o(`<p><strong>示例</strong>：</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> pixel-blast</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> variant</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> square</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> pixelSize</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 4</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> #5086a1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> antialias</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> patternScale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 2</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> patternDensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> liquid</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> false</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> liquidStrength</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> liquidRadius</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> pixelSizeJitter</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> enableRipples</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> rippleIntensityScale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> rippleThickness</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.1</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> rippleSpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.3</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> liquidWobbleSpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 4.5</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> autoPauseOffscreen</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.5</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> transparent</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> edgeFade</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.5</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> noiseAmount</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="hyper-speed" tabindex="-1"><a class="header-anchor" href="#hyper-speed"><span>hyper-speed</span></a></h3><h4 id="效果预览-3" tabindex="-1"><a class="header-anchor" href="#效果预览-3"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/hyper-speed.png" alt="hyper-speed" width="2994" height="1738"></p><h4 id="安装依赖-2" tabindex="-1"><a class="header-anchor" href="#安装依赖-2"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[65]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[66]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[67]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[68]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[69]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[70]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` postprocessing`)])])])],-1)]]),_:1}),l[181]||=o(`<h4 id="使用方法-3" tabindex="-1"><a class="header-anchor" href="#使用方法-3"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hyper-speed</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-3" tabindex="-1"><a class="header-anchor" href="#配置项-3"><span>配置项</span></a></h4><div class="language-ts line-numbers-mode" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">interface</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;"> ThemeHomeHeroHyperSpeedDistortion</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> uniforms</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">Record</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">&lt;</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">string</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, { </span><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;">value</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">unknown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> }&gt;</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> getDistortion</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">string</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">interface</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;"> ThemeHomeHeroHyperSpeedColors</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> roadColor</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> islandColor</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> background</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> shoulderLines</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> brokenLines</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> leftCars</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> rightCars</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> sticks</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">interface</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;"> ThemeHomeHeroHyperSpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> {</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> distortion</span><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">?</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">string</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> | </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">ThemeHomeHeroHyperSpeedDistortion</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> length</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> roadWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> islandWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> lanesPerRoad</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> fov</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> fovSpeedUp</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> speedUp</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carLightsFade</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> totalSideLightSticks</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> lightPairsPerRoadWay</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> shoulderLinesWidthPercentage</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> brokenLinesWidthPercentage</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> brokenLinesLengthPercentage</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> lightStickWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> lightStickHeight</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> movingAwaySpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> movingCloserSpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carLightsLength</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carLightsRadius</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carWidthPercentage</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carShiftX</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> carFloorSeparation</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: [</span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">number</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> colors</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">ThemeHomeHeroHyperSpeedColors</span></span>
<span class="line"><span style="--shiki-light:#B07D48;--shiki-dark:#BD976A;"> isHyper</span><span style="--shiki-light:#AB5959;--shiki-dark:#CB7676;">?</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#2E8F82;--shiki-dark:#5DA994;">boolean</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">}</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><div class="hint-container warning"><p class="hint-container-title"><a href="https://vue-bits.dev/backgrounds/hyperspeed" target="_blank" rel="noopener noreferrer">vue-bits</a> 未提供详细配置项说明，请谨慎使用。</p></div><p>可以使用以下预设配置，直接复制到你的 markdown 文件中:</p>`,6),r(T,{id:`436`,data:[{id:`Cyberpunk`},{id:`Akira`},{id:`Golden`},{id:`Split`},{id:`Highway`},{id:`Deep`}]},{title0:e(({value:e,isActive:t})=>[...l[71]||=[s(`span`,null,`Cyberpunk`,-1)]]),title1:e(({value:e,isActive:t})=>[...l[72]||=[s(`span`,null,`Akira`,-1)]]),title2:e(({value:e,isActive:t})=>[...l[73]||=[s(`span`,null,`Golden`,-1)]]),title3:e(({value:e,isActive:t})=>[...l[74]||=[s(`span`,null,`Split`,-1)]]),title4:e(({value:e,isActive:t})=>[...l[75]||=[s(`span`,null,`Highway`,-1)]]),title5:e(({value:e,isActive:t})=>[...l[76]||=[s(`span`,null,`Deep`,-1)]]),tab0:e(({value:e,isActive:t})=>[...l[77]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` turbulentDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 10`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 20`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 40`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`1.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-120`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -160`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.14`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.8`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.8`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xd856bf`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x6750a2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xc247ac`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0x03b3c3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0e5ea5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x324555`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x03b3c3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[78]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` mountainDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 9`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`1.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-120`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -160`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.14`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xff102a`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xeb383e`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xff102a`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xdadafa`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xbebae3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x8f97e4`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xdadafa`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[79]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` xyDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 9`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 30`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.02`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-150`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -230`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.03`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.08`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` 0x131318,`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0x7d0d1b`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xa90519`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xff102a`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xf1eece`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xe6e2b1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xdfd98a`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xf1eece`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab3:e(({value:e,isActive:t})=>[...l[80]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` LongRaceDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 10`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 70`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`1.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-120`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -160`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.14`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xff5f73`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xe74d60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xff102a`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xa4e3e6`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x80d1d4`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x53c2c6`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xa4e3e6`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab4:e(({value:e,isActive:t})=>[...l[81]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` turbulentDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 9`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`1.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-120`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -160`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.14`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xdc5b20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xdca320`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xdc2020`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0x334bf7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xe5e6ed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xbfc6f3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xc5e8eb`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),tab5:e(({value:e,isActive:t})=>[...l[82]||=[s(`div`,{class:`language-md line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`md`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-md`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`pageLayout`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` home`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`home`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},`config`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` -`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` type`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hero`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` full`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#1E754F`,"--shiki-dark":`#4D9375`}},` true`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effect`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` hyper-speed`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` effectConfig`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` distortion`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` deepDistortion`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` length`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 400`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 18`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lanesPerRoad`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 3`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fov`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 90`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` fovSpeedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 150`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` speedUp`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsFade`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.4`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` totalSideLightSticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightPairsPerRoadWay`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 50`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.05`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.1`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLinesLengthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickWidth`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.12`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` lightStickHeight`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`1.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1.7`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingAwaySpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 80`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` movingCloserSpeed`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-120`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` -160`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsLength`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`20`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 60`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carLightsRadius`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.14`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carWidthPercentage`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.3`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.5`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carShiftX`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`-0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0.2`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` carFloorSeparation`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0.05`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` colors`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` roadColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x080808`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` islandColor`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x0a0a0a`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` background`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x000000`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` shoulderLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` brokenLines`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0x131318`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` leftCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xff322f`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xa33010`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xa81508`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` rightCars`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` [`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},`0xfdfdf0`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xf3dea0`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`,`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xe2bb88`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`]`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#998418`,"--shiki-dark":`#B8A965`}},` sticks`),s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`:`),s(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 0xfdfdf0`)]),a(`
`),s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`---`)])])]),s(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`}),s(`div`,{class:`line-number`})])],-1)]]),_:1}),l[182]||=o(`<h3 id="liquid-ether" tabindex="-1"><a class="header-anchor" href="#liquid-ether"><span>liquid-ether</span></a></h3><h4 id="效果预览-4" tabindex="-1"><a class="header-anchor" href="#效果预览-4"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/liquid-ether.png" alt="liquid-ether" width="2994" height="1738"></p><h4 id="安装依赖-3" tabindex="-1"><a class="header-anchor" href="#安装依赖-3"><span>安装依赖</span></a></h4>`,4),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[83]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[84]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[85]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[86]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[87]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[88]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),_:1}),l[183]||=o(`<h4 id="使用方法-4" tabindex="-1"><a class="header-anchor" href="#使用方法-4"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> liquid-ether</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-4" tabindex="-1"><a class="header-anchor" href="#配置项-4"><span>配置项</span></a></h4>`,3),s(`div`,m,[r(D,{name:`mouseForce`,optional:``,type:`number`,"default-value":`20`},{default:e(()=>[...l[89]||=[s(`p`,null,`鼠标/触摸移动注入速度时的强度系数。`,-1)]]),_:1}),r(D,{name:`cursorSize`,optional:``,type:`number`,"default-value":`100`},{default:e(()=>[...l[90]||=[s(`p`,null,`光标半径（以基本分辨率的像素为单位）。`,-1)]]),_:1}),r(D,{name:`isViscous`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[91]||=[s(`p`,null,`启用迭代性质量解决方案(更平滑，更粗糙的运动)。`,-1)]]),_:1}),r(D,{name:`viscous`,optional:``,type:`number`,"default-value":`30`},{default:e(()=>[...l[92]||=[s(`p`,null,[a(`当 `),s(`code`,null,`isViscous`),a(` 为 `),s(`code`,null,`true`),a(` 时使用的粘性系数。`)],-1)]]),_:1}),r(D,{name:`iterationsViscous`,optional:``,type:`number`,"default-value":`32`},{default:e(()=>[...l[93]||=[s(`p`,null,`粘性的高斯-塞德尔迭代次数（值越大 = 更平滑，更慢）。`,-1)]]),_:1}),r(D,{name:`iterationsPoisson`,optional:``,type:`number`,"default-value":`32`},{default:e(()=>[...l[94]||=[s(`p`,null,`用于确保不可压缩性的压力泊松迭代次数。`,-1)]]),_:1}),r(D,{name:`dt`,optional:``,type:`number`,"default-value":`0.014`},{default:e(()=>[...l[95]||=[s(`p`,null,`内部的对流/扩散迭代中使用固定的模拟时间步长。`,-1)]]),_:1}),r(D,{name:`BFECC`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[96]||=[s(`p`,null,`启用 BFECC 传输（错误补偿）以获得更清晰的流动，禁用以获得稍微的性能提升。`,-1)]]),_:1}),r(D,{name:`resolution`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[97]||=[s(`p`,null,`相对于画布大小的仿真纹理缩放（值越小，更好的性能、更模糊）。`,-1)]]),_:1}),r(D,{name:`isBounce`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[98]||=[s(`p`,null,`如果为 true，显示弹跳边界（速度在边缘上限）。`,-1)]]),_:1}),r(D,{name:`colors`,optional:``,type:`string[]`,"default-value":`['#5227FF', '#FF9FFC', '#B19EEF']`},{default:e(()=>[...l[99]||=[s(`p`,null,`用于构建速度-颜色映射调色板的十六进制颜色停止点数组。`,-1)]]),_:1}),r(D,{name:`autoDemo`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[100]||=[s(`p`,null,`启用无用户交互时的自动驾驶指针。`,-1)]]),_:1}),r(D,{name:`autoSpeed`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[101]||=[s(`p`,null,`自动指针运动的速度（标准化单位/秒）。`,-1)]]),_:1}),r(D,{name:`autoIntensity`,optional:``,type:`number`,"default-value":`2.2`},{default:e(()=>[...l[102]||=[s(`p`,null,`在自动模式下应用于速度增量的乘数。`,-1)]]),_:1}),r(D,{name:`takeoverDuration`,optional:``,type:`number`,"default-value":`2.5`},{default:e(()=>[...l[103]||=[s(`p`,null,`在用户移动鼠标时从自动指针插值到实际光标的秒数。`,-1)]]),_:1}),r(D,{name:`autoResumeDelay`,optional:``,type:`number`,"default-value":`1000`},{default:e(()=>[...l[104]||=[s(`p`,null,`在自动模式恢复之前的不活动时间（毫秒）。`,-1)]]),_:1}),r(D,{name:`autoRampDuration`,optional:``,type:`number`,"default-value":`0.6`},{default:e(()=>[...l[105]||=[s(`p`,null,`在激活后从 0 开始加速自动移动速度的秒数。`,-1)]]),_:1}),r(D,{name:`className`,optional:``,type:`string`},{default:e(()=>[...l[106]||=[s(`p`,null,`应用于容器上的 CSS 类名。`,-1)]]),_:1}),r(D,{name:`style`,optional:``,type:`CSSProperties`},{default:e(()=>[...l[107]||=[s(`p`,null,`应用于容器上的 CSS 样式。`,-1)]]),_:1})]),l[184]||=o(`<p><strong>示例</strong>：</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> liquid-ether</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> mouseForce</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 20</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> cursorSize</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 100</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> isViscous</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> false</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> viscous</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 30</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> iterationsViscous</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 32</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> iterationsPoisson</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 32</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> dt</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.014</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> BFECC</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> resolution</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> isBounce</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> false</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> colors</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> [</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">#</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">5227FF</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> #FF9FFC, #B19EEF]</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> autoDemo</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> autoSpeed</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">0.5</span></span>
<span class="line"><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> autoIntensity</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">2.2</span></span>
<span class="line"><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> takeoverDuration</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">0.25</span></span>
<span class="line"><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> autoResumeDelay</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">1000</span></span>
<span class="line"><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> autoRampDuration</span><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">: </span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">0.6</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="dot-grid" tabindex="-1"><a class="header-anchor" href="#dot-grid"><span>dot-grid</span></a></h3><h4 id="效果预览-5" tabindex="-1"><a class="header-anchor" href="#效果预览-5"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/dot-grid.png" alt="dot-grid" width="2994" height="1738"></p><h4 id="安装依赖-4" tabindex="-1"><a class="header-anchor" href="#安装依赖-4"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[108]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[109]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[110]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[111]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` gsap`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[112]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` gsap`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[113]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` gsap`)])])])],-1)]]),_:1}),l[185]||=o(`<h4 id="使用方法-5" tabindex="-1"><a class="header-anchor" href="#使用方法-5"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> dot-grid</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-5" tabindex="-1"><a class="header-anchor" href="#配置项-5"><span>配置项</span></a></h4>`,3),s(`div`,h,[r(D,{name:`dotSize`,optional:``,type:`number`,"default-value":`5`},{default:e(()=>[...l[114]||=[s(`p`,null,`每个点的尺寸（像素）。`,-1)]]),_:1}),r(D,{name:`gap`,optional:``,type:`number`,"default-value":`15`},{default:e(()=>[...l[115]||=[s(`p`,null,`每个点之间的间隙（像素）。`,-1)]]),_:1}),r(D,{name:`baseColor`,optional:``,type:`string`,"default-value":`'#ebebf5'`},{default:e(()=>[...l[116]||=[s(`p`,null,`点的基本颜色。`,-1)]]),_:1}),r(D,{name:`activeColor`,optional:``,type:`string`,"default-value":`'#8cccd5'`},{default:e(()=>[...l[117]||=[s(`p`,null,`鼠标悬停或激活时点的颜色。`,-1)]]),_:1}),r(D,{name:`proximity`,optional:``,type:`number`,"default-value":`120`},{default:e(()=>[...l[118]||=[s(`p`,null,`鼠标指针周围的半径，在此范围内点会响应`,-1)]]),_:1}),r(D,{name:`speedTrigger`,optional:``,type:`number`,"default-value":`100`},{default:e(()=>[...l[119]||=[s(`p`,null,`触发惯性效果的鼠标速度阈值。`,-1)]]),_:1}),r(D,{name:`shockRadius`,optional:``,type:`number`,"default-value":`250`},{default:e(()=>[...l[120]||=[s(`p`,null,`点击时的震动波半径。`,-1)]]),_:1}),r(D,{name:`shockStrength`,optional:``,type:`number`,"default-value":`5`},{default:e(()=>[...l[121]||=[s(`p`,null,`点击时震动波的强度。`,-1)]]),_:1}),r(D,{name:`maxSpeed`,optional:``,type:`number`,"default-value":`5000`},{default:e(()=>[...l[122]||=[s(`p`,null,`惯性计算的最大速度。`,-1)]]),_:1}),r(D,{name:`resistance`,optional:``,type:`number`,"default-value":`750`},{default:e(()=>[...l[123]||=[s(`p`,null,`惯性效果的阻力`,-1)]]),_:1}),r(D,{name:`returnDuration`,optional:``,type:`number`,"default-value":`1.5`},{default:e(()=>[...l[124]||=[s(`p`,null,`惯性后点返回原始位置的持续时间。`,-1)]]),_:1}),r(D,{name:`className`,optional:``,type:`string`},{default:e(()=>[...l[125]||=[s(`p`,null,`应用于容器上的 CSS 类名。`,-1)]]),_:1}),r(D,{name:`style`,optional:``,type:`CSSProperties`},{default:e(()=>[...l[126]||=[s(`p`,null,`应用于容器上的 CSS 样式。`,-1)]]),_:1})]),l[186]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> dot-grid</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> dotSize</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> gap</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 15</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> baseColor</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> #ebebf5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> activeColor</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> #8cccd5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> proximity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 120</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speedTrigger</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 100</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> shockRadius</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 250</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> shockStrength</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> maxSpeed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 5000</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> resistance</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 750</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> returnDuration</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1.5</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="iridescence" tabindex="-1"><a class="header-anchor" href="#iridescence"><span>iridescence</span></a></h3><h4 id="效果预览-6" tabindex="-1"><a class="header-anchor" href="#效果预览-6"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/iridescence.png" alt="iridescence" width="2994" height="1738"></p><h4 id="安装依赖-5" tabindex="-1"><a class="header-anchor" href="#安装依赖-5"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[127]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[128]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[129]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[130]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[131]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[132]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),_:1}),l[187]||=o(`<h4 id="使用方法-6" tabindex="-1"><a class="header-anchor" href="#使用方法-6"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> iridescence</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-6" tabindex="-1"><a class="header-anchor" href="#配置项-6"><span>配置项</span></a></h4>`,3),s(`div`,g,[r(D,{name:`color`,optional:``,type:`readonly [number, number, number]`,"default-value":`[1, 1, 1]`},{default:e(()=>[...l[133]||=[s(`p`,null,[a(`基准色以 RGB 值数组形式表示（每个数值范围在 `),s(`code`,null,`0`),a(` 到 `),s(`code`,null,`1`),a(` 之间）。`)],-1)]]),_:1}),r(D,{name:`speed`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[134]||=[s(`p`,null,`动画的速度乘数`,-1)]]),_:1}),r(D,{name:`amplitude`,optional:``,type:`number`,"default-value":`0.1`},{default:e(()=>[...l[135]||=[s(`p`,null,`鼠标驱动效果的振幅。`,-1)]]),_:1}),r(D,{name:`mouseReact`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[136]||=[s(`p`,null,`启用或禁用鼠标与着色器的交互`,-1)]]),_:1})]),l[188]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> iridescence</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> color</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#999999;--shiki-dark:#666666;"> [</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;">1</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">,</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">]</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1.0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> amplitude</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.1</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> mouseReact</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="orb" tabindex="-1"><a class="header-anchor" href="#orb"><span>orb</span></a></h3><h4 id="效果预览-7" tabindex="-1"><a class="header-anchor" href="#效果预览-7"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/orb.png" alt="orb" width="2994" height="1738"></p><h4 id="安装依赖-6" tabindex="-1"><a class="header-anchor" href="#安装依赖-6"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[137]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[138]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[139]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[140]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[141]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[142]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` ogl`)])])])],-1)]]),_:1}),l[189]||=o(`<h4 id="使用方法-7" tabindex="-1"><a class="header-anchor" href="#使用方法-7"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> orb</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-7" tabindex="-1"><a class="header-anchor" href="#配置项-7"><span>配置项</span></a></h4>`,3),s(`div`,_,[r(D,{name:`hue`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[143]||=[s(`p`,null,`球的基本色调（度）。`,-1)]]),_:1}),r(D,{name:`hoverIntensity`,optional:``,type:`number`,"default-value":`0.2`},{default:e(()=>[...l[144]||=[s(`p`,null,`控制悬停扭曲效果的强度。`,-1)]]),_:1}),r(D,{name:`rotateOnHover`,optional:``,type:`boolean`,"default-value":`true`},{default:e(()=>[...l[145]||=[s(`p`,null,`启用或禁用悬停时的持续旋转。`,-1)]]),_:1}),r(D,{name:`forceHoverState`,optional:``,type:`boolean`,"default-value":`false`},{default:e(()=>[...l[146]||=[s(`p`,null,`即使没有悬停，也强制启用悬停动画。`,-1)]]),_:1}),r(D,{name:`className`,optional:``,type:`string`},{default:e(()=>[...l[147]||=[s(`p`,null,`应用于容器上的 CSS 类名。`,-1)]]),_:1})]),l[190]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> orb</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hoverIntensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.2</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> rotateOnHover</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> forceHoverState</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> false</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="beams" tabindex="-1"><a class="header-anchor" href="#beams"><span>beams</span></a></h3><h4 id="效果预览-8" tabindex="-1"><a class="header-anchor" href="#效果预览-8"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/beams.png" alt="beams" width="2994" height="1738"></p><h4 id="安装依赖-7" tabindex="-1"><a class="header-anchor" href="#安装依赖-7"><span>安装依赖</span></a></h4>`,6),r(T,{id:`0`,data:[{id:`pnpm`},{id:`yarn`},{id:`npm`}],"tab-id":`npm-to-pnpm-yarn-npm`},{title0:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-light-pnpm`}),l[148]||=s(`span`,null,`pnpm`,-1)]),title1:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`vscode-icons:file-type-yarn`}),l[149]||=s(`span`,null,`yarn`,-1)]),title2:e(({value:e,isActive:t})=>[r(E,{provider:`iconify`,name:`logos:npm-icon`}),l[150]||=s(`span`,null,`npm`,-1)]),tab0:e(({value:e,isActive:t})=>[...l[151]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`pnpm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),tab1:e(({value:e,isActive:t})=>[...l[152]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`yarn`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` add`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),tab2:e(({value:e,isActive:t})=>[...l[153]||=[s(`div`,{class:`language-sh`,"data-highlighter":`shiki`,"data-ext":`sh`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[s(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[s(`code`,{class:`language-sh`},[s(`span`,{class:`line`},[s(`span`,{style:{"--shiki-light":`#59873A`,"--shiki-dark":`#80A665`}},`npm`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` i`),s(`span`,{style:{"--shiki-light":`#B56959`,"--shiki-dark":`#C98A7D`}},` three`)])])])],-1)]]),_:1}),l[191]||=o(`<h4 id="使用方法-8" tabindex="-1"><a class="header-anchor" href="#使用方法-8"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> beams</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-8" tabindex="-1"><a class="header-anchor" href="#配置项-8"><span>配置项</span></a></h4>`,3),s(`div`,v,[r(D,{name:`beamWidth`,optional:``,type:`number`,"default-value":`2`},{default:e(()=>[...l[154]||=[s(`p`,null,`每个激光束的宽度。`,-1)]]),_:1}),r(D,{name:`beamHeight`,optional:``,type:`number`,"default-value":`15`},{default:e(()=>[...l[155]||=[s(`p`,null,`每个激光束的高度。`,-1)]]),_:1}),r(D,{name:`beamNumber`,optional:``,type:`number`,"default-value":`12`},{default:e(()=>[...l[156]||=[s(`p`,null,`要显示的激光束数量。`,-1)]]),_:1}),r(D,{name:`lightColor`,optional:``,type:`string`,"default-value":`#fff`},{default:e(()=>[...l[157]||=[s(`p`,null,`方向光的颜色。`,-1)]]),_:1}),r(D,{name:`speed`,optional:``,type:`number`,"default-value":`2`},{default:e(()=>[...l[158]||=[s(`p`,null,`动画的速度。`,-1)]]),_:1}),r(D,{name:`noiseIntensity`,optional:``,type:`number`,"default-value":`1.75`},{default:e(()=>[...l[159]||=[s(`p`,null,`噪音效果的强度。`,-1)]]),_:1}),r(D,{name:`scale`,optional:``,type:`number`,"default-value":`0.2`},{default:e(()=>[...l[160]||=[s(`p`,null,`噪音模式的缩放比例。`,-1)]]),_:1}),r(D,{name:`rotation`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[161]||=[s(`p`,null,`整个激光束系统的旋转角度（度）。`,-1)]]),_:1})]),l[192]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> beams</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> beamWidth</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 2</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> beamHeight</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 15</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> beamNumber</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 12</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> lightColor</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#A0ADA0;--shiki-dark:#758575DD;"> #fff</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 2</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> noiseIntensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1.75</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> scale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.2</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> rotation</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="lightning" tabindex="-1"><a class="header-anchor" href="#lightning"><span>lightning</span></a></h3><h4 id="效果预览-9" tabindex="-1"><a class="header-anchor" href="#效果预览-9"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/lightning.png" alt="lightning" width="2994" height="1738"></p><h4 id="使用方法-9" tabindex="-1"><a class="header-anchor" href="#使用方法-9"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> lightning</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-9" tabindex="-1"><a class="header-anchor" href="#配置项-9"><span>配置项</span></a></h4>`,8),s(`div`,y,[r(D,{name:`hue`,optional:``,type:`number`,"default-value":`255`},{default:e(()=>[...l[162]||=[s(`p`,null,`光束的色调（度）（0到360）。`,-1)]]),_:1}),r(D,{name:`xOffset`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[163]||=[s(`p`,null,`光束的水平偏移量（标准化单位）。`,-1)]]),_:1}),r(D,{name:`speed`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[164]||=[s(`p`,null,`光束的动画速度乘数。`,-1)]]),_:1}),r(D,{name:`intensity`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[165]||=[s(`p`,null,`光束的亮度乘数。`,-1)]]),_:1}),r(D,{name:`size`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[166]||=[s(`p`,null,`光束的缩放因子。`,-1)]]),_:1})]),l[193]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> lightning</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hue</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 255</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> xOffset</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> intensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> size</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="dark-veil" tabindex="-1"><a class="header-anchor" href="#dark-veil"><span>dark-veil</span></a></h3><h4 id="效果预览-10" tabindex="-1"><a class="header-anchor" href="#效果预览-10"><span>效果预览</span></a></h4><p><img src="/images/hero-effects/dark-veil.png" alt="dark-veil" width="2994" height="1738"></p><h4 id="使用方法-10" tabindex="-1"><a class="header-anchor" href="#使用方法-10"><span>使用方法</span></a></h4><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line highlighted"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> dark-veil</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre></div><h4 id="配置项-10" tabindex="-1"><a class="header-anchor" href="#配置项-10"><span>配置项</span></a></h4>`,8),s(`div`,b,[r(D,{name:`hueShift`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[167]||=[s(`p`,null,`调整整个动画的色调。`,-1)]]),_:1}),r(D,{name:`noiseIntensity`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[168]||=[s(`p`,null,`噪声/颗粒效果的强度。`,-1)]]),_:1}),r(D,{name:`scanlineIntensity`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[169]||=[s(`p`,null,`扫描线效果的强度。`,-1)]]),_:1}),r(D,{name:`speed`,optional:``,type:`number`,"default-value":`0.5`},{default:e(()=>[...l[170]||=[s(`p`,null,`动画速度。`,-1)]]),_:1}),r(D,{name:`scanlineFrequency`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[171]||=[s(`p`,null,`扫描线的频率。`,-1)]]),_:1}),r(D,{name:`warpAmount`,optional:``,type:`number`,"default-value":`0`},{default:e(()=>[...l[172]||=[s(`p`,null,`应用于效果的扭曲变形量。`,-1)]]),_:1}),r(D,{name:`resolutionScale`,optional:``,type:`number`,"default-value":`1`},{default:e(()=>[...l[173]||=[s(`p`,null,`分辨率缩放比例。`,-1)]]),_:1})]),l[194]||=o(`<p><strong>示例</strong>:</p><div class="language-md line-numbers-mode" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">pageLayout</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> home</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">home</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">config</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;"> -</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> type</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> hero</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> full</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> true</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effect</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;"> dark-veil</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> effectConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> hueShift</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> noiseIntensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> scanlineIntensity</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> speed</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0.5</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> scanlineFrequency</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> warpAmount</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 0</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;"> resolutionScale</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">:</span><span style="--shiki-light:#2F798A;--shiki-dark:#4C9A91;"> 1</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">---</span></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,2)])}var S=c(u,[[`render`,x]]);export{l as _pageData,S as default};
Reference in New Issue View Git Blame Copy Permalink