:root { --vp-c-white: #ffffff; --vp-c-black: #000000; --vp-c-gray-1: #dddde3; --vp-c-gray-2: #e4e4e9; --vp-c-gray-3: #ebebef; --vp-c-gutter: #e2e2e3; --vp-c-text-1: rgba(60, 60, 67); --vp-c-text-2: rgba(60, 60, 67, 0.78); --vp-c-text-3: rgba(60, 60, 67, 0.56); --vp-c-default-1: var(--vp-c-gray-1); --vp-c-default-2: var(--vp-c-gray-2); --vp-c-default-3: var(--vp-c-gray-3); --vp-c-default-soft: var(--vp-c-gray-soft); --vp-c-brand-1: var(--vp-c-indigo-1); --vp-c-brand-2: var(--vp-c-indigo-2); --vp-c-brand-3: var(--vp-c-indigo-3); --vp-font-family-base: 'Chinese Quotes', 'Inter var', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --vp-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --vp-button-brand-border: transparent; --vp-button-brand-text: var(--vp-c-white); --vp-button-brand-bg: var(--vp-c-brand-3); --vp-button-brand-hover-border: transparent; --vp-button-brand-hover-text: var(--vp-c-white); --vp-button-brand-hover-bg: var(--vp-c-brand-2); --vp-button-brand-active-border: transparent; --vp-button-brand-active-text: var(--vp-c-white); --vp-button-brand-active-bg: var(--vp-c-brand-1); --vp-button-alt-border: transparent; --vp-button-alt-text: var(--vp-c-text-1); --vp-button-alt-bg: var(--vp-c-default-3); --vp-button-alt-hover-border: transparent; --vp-button-alt-hover-text: var(--vp-c-text-1); --vp-button-alt-hover-bg: var(--vp-c-default-2); --vp-button-alt-active-border: transparent; --vp-button-alt-active-text: var(--vp-c-text-1); --vp-button-alt-active-bg: var(--vp-c-default-1); --vp-button-sponsor-border: var(--vp-c-text-2); --vp-button-sponsor-text: var(--vp-c-text-2); --vp-button-sponsor-bg: transparent; --vp-button-sponsor-hover-border: var(--vp-c-sponsor); --vp-button-sponsor-hover-text: var(--vp-c-sponsor); --vp-button-sponsor-hover-bg: transparent; --vp-button-sponsor-active-border: var(--vp-c-sponsor); --vp-button-sponsor-active-text: var(--vp-c-sponsor); --vp-button-sponsor-active-bg: transparent; --vp-nav-height: 64px; --vp-home-hero-name-color: #41cf7d; --vp-home-hero-image-background-image: linear-gradient( 135deg, #41cf7d90 10%, #41cf7d50 100% ); --vp-home-hero-image-filter: blur(110px); --vp-c-gray-soft: #c2c2c224; --vp-c-bg-soft: #ffffff50; --vp-c-indigo-1: #33b469; --vp-c-indigo-2: #33b469; --vp-c-indigo-3: #41cf7d; --vp-c-gray-3: #f3f3f3; } *, :before, :after { box-sizing: border-box; } body { margin: 0; width: 100%; min-width: 320px; min-height: 100vh; line-height: 24px; font-family: var(--vp-font-family-base); font-size: 16px; font-weight: 400; color: var(--vp-c-text-1); background-color: var(--vp-c-bg); font-synthesis: style; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } main { display: block; } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 24px; font-size: 16px; font-weight: 400; } p { margin: 0; } a { color: inherit; text-decoration: inherit; } .Layout[data-v-5a346dfe] { display: flex; flex-direction: column; min-height: 100vh; } .VPButton[data-v-c1c5efc1] { display: inline-block; border: 1px solid transparent; text-align: center; font-weight: 600; white-space: nowrap; transition: color 0.25s, border-color 0.25s, background-color 0.25s; } .VPButton.medium[data-v-c1c5efc1] { border-radius: 20px; padding: 0 20px; line-height: 38px; font-size: 14px; } .VPButton.brand[data-v-c1c5efc1] { border-color: var(--vp-button-brand-border); color: var(--vp-button-brand-text); background-color: var(--vp-button-brand-bg); } .VPButton.brand[data-v-c1c5efc1]:hover { border-color: var(--vp-button-brand-hover-border); color: var(--vp-button-brand-hover-text); background-color: var(--vp-button-brand-hover-bg); } .VPButton.brand[data-v-c1c5efc1]:active { border-color: var(--vp-button-brand-active-border); color: var(--vp-button-brand-active-text); background-color: var(--vp-button-brand-active-bg); } .VPButton.alt[data-v-c1c5efc1] { border-color: var(--vp-button-alt-border); color: var(--vp-button-alt-text); background-color: var(--vp-button-alt-bg); } .VPButton.alt[data-v-c1c5efc1]:hover { border-color: var(--vp-button-alt-hover-border); color: var(--vp-button-alt-hover-text); background-color: var(--vp-button-alt-hover-bg); } .VPButton.alt[data-v-c1c5efc1]:active { border-color: var(--vp-button-alt-active-border); color: var(--vp-button-alt-active-text); background-color: var(--vp-button-alt-active-bg); } .VPHero[data-v-da5d1713] { margin-top: calc( (var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1 ); padding: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px; } @media (min-width: 640px) { .VPHero[data-v-da5d1713] { padding: calc( var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px ) 48px 64px; } } @media (min-width: 960px) { .VPHero[data-v-da5d1713] { padding: calc( var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px ) 64px 64px; } } .container[data-v-da5d1713] { display: flex; flex-direction: column; margin: 0 auto; max-width: 1152px; } @media (min-width: 960px) { .container[data-v-da5d1713] { flex-direction: row; } } .main[data-v-da5d1713] { position: relative; z-index: 10; order: 2; flex-grow: 1; flex-shrink: 0; } .VPHero.has-image .container[data-v-da5d1713] { text-align: center; } @media (min-width: 960px) { .VPHero.has-image .container[data-v-da5d1713] { text-align: left; } } @media (min-width: 960px) { .main[data-v-da5d1713] { order: 1; width: calc((100% / 3) * 2); } .VPHero.has-image .main[data-v-da5d1713] { max-width: 592px; } } .name[data-v-da5d1713], .text[data-v-da5d1713] { max-width: 392px; letter-spacing: -0.4px; line-height: 40px; font-size: 32px; font-weight: 700; white-space: pre-wrap; } .VPHero.has-image .name[data-v-da5d1713], .VPHero.has-image .text[data-v-da5d1713] { margin: 0 auto; } .name[data-v-da5d1713] { color: var(--vp-home-hero-name-color); } .clip[data-v-da5d1713] { background: var(--vp-home-hero-name-background); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: var(--vp-home-hero-name-color); } @media (min-width: 640px) { .name[data-v-da5d1713], .text[data-v-da5d1713] { max-width: 576px; line-height: 56px; font-size: 48px; } } @media (min-width: 960px) { .name[data-v-da5d1713], .text[data-v-da5d1713] { line-height: 64px; font-size: 56px; } .VPHero.has-image .name[data-v-da5d1713], .VPHero.has-image .text[data-v-da5d1713] { margin: 0; } } .tagline[data-v-da5d1713] { padding-top: 8px; max-width: 392px; line-height: 28px; font-size: 18px; font-weight: 500; white-space: pre-wrap; color: var(--vp-c-text-2); } .VPHero.has-image .tagline[data-v-da5d1713] { margin: 0 auto; } @media (min-width: 640px) { .tagline[data-v-da5d1713] { padding-top: 12px; max-width: 576px; line-height: 32px; font-size: 20px; } } @media (min-width: 960px) { .tagline[data-v-da5d1713] { line-height: 36px; font-size: 24px; } .VPHero.has-image .tagline[data-v-da5d1713] { margin: 0; } } .actions[data-v-da5d1713] { display: flex; flex-wrap: wrap; margin: -6px; padding-top: 24px; } .VPHero.has-image .actions[data-v-da5d1713] { justify-content: center; } @media (min-width: 640px) { .actions[data-v-da5d1713] { padding-top: 32px; } } @media (min-width: 960px) { .VPHero.has-image .actions[data-v-da5d1713] { justify-content: flex-start; } } .action[data-v-da5d1713] { flex-shrink: 0; padding: 6px; } .image[data-v-da5d1713] { order: 1; margin: -76px -24px -48px; } @media (min-width: 640px) { .image[data-v-da5d1713] { margin: -108px -24px -48px; } } @media (min-width: 960px) { .image[data-v-da5d1713] { flex-grow: 1; order: 2; margin: 0; min-height: 100%; } } .image-container[data-v-da5d1713] { position: relative; margin: 0 auto; width: 320px; height: 320px; } @media (min-width: 640px) { .image-container[data-v-da5d1713] { width: 392px; height: 392px; } } @media (min-width: 960px) { .image-container[data-v-da5d1713] { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transform: translate(-32px, -32px); } } .image-bg[data-v-da5d1713] { position: absolute; top: 50%; left: 50%; border-radius: 50%; width: 192px; height: 192px; background-image: var(--vp-home-hero-image-background-image); filter: var(--vp-home-hero-image-filter); transform: translate(-50%, -50%); } @media (min-width: 640px) { .image-bg[data-v-da5d1713] { width: 256px; height: 256px; } } @media (min-width: 960px) { .image-bg[data-v-da5d1713] { width: 320px; height: 320px; } } [data-v-da5d1713] .image-src { position: absolute; top: 50%; left: 50%; max-width: 192px; max-height: 192px; transform: translate(-50%, -50%); } @media (min-width: 640px) { [data-v-da5d1713] .image-src { max-width: 256px; max-height: 256px; } } @media (min-width: 960px) { [data-v-da5d1713] .image-src { max-width: 320px; max-height: 320px; } } .VPFeature[data-v-33204567] { display: block; border: 1px solid var(--vp-c-bg-soft); border-radius: 12px; height: 100%; background-color: var(--vp-c-bg-soft); transition: border-color 0.25s, background-color 0.25s; } .VPFeature.link[data-v-33204567]:hover { border-color: var(--vp-c-brand-1); } .box[data-v-33204567] { display: flex; flex-direction: column; padding: 24px; height: 100%; } .box[data-v-33204567] > .VPImage { margin-bottom: 20px; } .icon[data-v-33204567] { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; border-radius: 6px; background-color: var(--vp-c-default-soft); width: 48px; height: 48px; font-size: 24px; transition: background-color 0.25s; } .title[data-v-33204567] { line-height: 24px; font-size: 16px; font-weight: 600; } .details[data-v-33204567] { flex-grow: 1; padding-top: 8px; line-height: 24px; font-size: 14px; font-weight: 500; color: var(--vp-c-text-2); } .link-text[data-v-33204567] { padding-top: 8px; } .link-text-value[data-v-33204567] { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: var(--vp-c-brand-1); } .link-text-icon[data-v-33204567] { display: inline-block; margin-left: 6px; width: 14px; height: 14px; fill: currentColor; } .VPFeatures[data-v-a6181336] { position: relative; padding: 0 24px; } @media (min-width: 640px) { .VPFeatures[data-v-a6181336] { padding: 0 48px; } } @media (min-width: 960px) { .VPFeatures[data-v-a6181336] { padding: 0 64px; } } .container[data-v-a6181336] { margin: 0 auto; max-width: 1152px; } .items[data-v-a6181336] { display: flex; flex-wrap: wrap; margin: -8px; } .item[data-v-a6181336] { padding: 8px; width: 100%; } @media (min-width: 640px) { .item.grid-2[data-v-a6181336], .item.grid-4[data-v-a6181336], .item.grid-6[data-v-a6181336] { width: 50%; } } @media (min-width: 768px) { .item.grid-2[data-v-a6181336], .item.grid-4[data-v-a6181336] { width: 50%; } .item.grid-3[data-v-a6181336], .item.grid-6[data-v-a6181336] { width: calc(100% / 3); } } @media (min-width: 960px) { .item.grid-4[data-v-a6181336] { width: 25%; } } .VPHome[data-v-d82743a8] { padding-bottom: 96px; } .VPHome[data-v-d82743a8] .VPHomeSponsors { margin-top: 112px; margin-bottom: -128px; } .VPContent[data-v-669faec9] { flex-grow: 1; flex-shrink: 0; margin: var(--vp-layout-top-height, 0px) auto 0; width: 100%; } .VPContent.is-home[data-v-669faec9] { width: 100%; max-width: 100%; } .VPContent.has-sidebar[data-v-669faec9] { margin: 0; } @media (min-width: 960px) { .VPContent[data-v-669faec9] { padding-top: var(--vp-nav-height); } .VPContent.has-sidebar[data-v-669faec9] { margin: var(--vp-layout-top-height, 0px) 0 0; padding-left: var(--vp-sidebar-width); } } @media (min-width: 1440px) { .VPContent.has-sidebar[data-v-669faec9] { padding-right: calc((100vw - var(--vp-layout-max-width)) / 2); padding-left: calc( (100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width) ); } } .VPFooter[data-v-e315a0ad] { position: relative; z-index: var(--vp-z-index-footer); border-top: 1px solid var(--vp-c-gutter); padding: 32px 24px; background-color: var(--vp-c-bg); } .VPFooter.has-sidebar[data-v-e315a0ad] { display: none; } .VPFooter[data-v-e315a0ad] a { text-decoration-line: underline; text-underline-offset: 2px; transition: color 0.25s; } .VPFooter[data-v-e315a0ad] a:hover { color: var(--vp-c-text-1); } @media (min-width: 768px) { .VPFooter[data-v-e315a0ad] { padding: 32px; } } .container[data-v-e315a0ad] { margin: 0 auto; max-width: var(--vp-layout-max-width); text-align: center; } .message[data-v-e315a0ad], .copyright[data-v-e315a0ad] { line-height: 24px; font-size: 14px; font-weight: 500; color: var(--vp-c-text-2); } .image-src { width: 100%; }