@layer starlight.components{starlight-tabs:where(.astro-4wqr4gck){display:block}.tablist-wrapper:where(.astro-4wqr4gck){overflow-x:auto}:where(.astro-4wqr4gck)[role=tablist]{border-bottom:2px solid var(--sl-color-gray-5);padding:0;list-style:none;display:flex}.tab:where(.astro-4wqr4gck){display:flex}.tab:where(.astro-4wqr4gck)>:where(.astro-4wqr4gck)[role=tab]{--sl-tab-color-border:var(--sl-color-gray-5);line-height:var(--sl-line-height-headings);box-shadow:0 2px 0 var(--sl-tab-color-border);color:var(--sl-color-gray-3);outline-offset:var(--sl-outline-offset-inside);overflow-wrap:initial;align-items:center;gap:.5rem;padding:.275rem 1.25rem;text-decoration:none;display:flex}.tab:where(.astro-4wqr4gck) :where(.astro-4wqr4gck)[role=tab][aria-selected=true]{--sl-tab-color-border:var(--sl-color-text-accent);color:var(--sl-color-white);font-weight:600}.tablist-wrapper:where(.astro-4wqr4gck)~[role=tabpanel]{margin-top:1rem}}.home-content:where(.astro-7aropxhg){--home-border:var(--sl-color-hairline-light)}.home-content:where(.astro-7aropxhg) a:where(.astro-7aropxhg){color:var(--sl-color-text-accent)}.home-content:where(.astro-7aropxhg) a:where(.astro-7aropxhg):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:4px}.home-content:where(.astro-7aropxhg) section:where(.astro-7aropxhg){margin-block:4.5rem}.home-content:where(.astro-7aropxhg) .eyebrow:where(.astro-7aropxhg){color:var(--sl-color-text-accent);font:600 .75rem var(--sl-font-mono);letter-spacing:.1em;text-transform:uppercase}.home-content:where(.astro-7aropxhg) h2:where(.astro-7aropxhg){letter-spacing:-.03em;margin-top:.75rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}.home-content:where(.astro-7aropxhg) p:where(.astro-7aropxhg){color:var(--sl-color-gray-2);margin-block:1rem;line-height:1.75}.showcase:where(.astro-7aropxhg){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3.5rem;display:grid}.section-intro:where(.astro-7aropxhg){border-inline-start:2px solid var(--sl-color-accent);padding-inline-start:1.5rem}.section-intro:where(.astro-7aropxhg)>a:where(.astro-7aropxhg){margin-top:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.example-panel:where(.astro-7aropxhg){border:1px solid var(--home-border);background:var(--sl-color-bg-nav);border-radius:.875rem;min-width:0;overflow:hidden;box-shadow:0 8px 28px -16px #062a3533}.example-panel:where(.astro-7aropxhg) .expressive-code{margin:0}.example-panel:where(.astro-7aropxhg) .expressive-code pre{border:0;border-radius:0}.example-panel:where(.astro-7aropxhg) .tablist-wrapper{border-bottom:1px solid var(--home-border);background:var(--sl-color-bg);padding:1rem 1.25rem}.example-panel:where(.astro-7aropxhg) [role=tablist]{border:1px solid var(--home-border);background:var(--sl-color-bg-nav);border-radius:.7rem;gap:.25rem;margin:0;padding:.25rem;display:inline-flex}.example-panel:where(.astro-7aropxhg) .tab{margin:0}.example-panel:where(.astro-7aropxhg) [role=tab]{box-shadow:none;min-width:6.5rem;color:var(--sl-color-gray-2);border:1px solid #0000;border-radius:.45rem;justify-content:center;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.example-panel:where(.astro-7aropxhg) [role=tab]:before{content:"";background:#149eca;border-radius:50%;width:.45rem;height:.45rem}.example-panel:where(.astro-7aropxhg) .tab:nth-child(2) [role=tab]:before{background:#42b883}.example-panel:where(.astro-7aropxhg) [role=tab][aria-selected=true]{color:var(--sl-color-text);background:var(--sl-color-bg);border-color:var(--home-border);box-shadow:0 1px 3px #0000000d}.example-panel:where(.astro-7aropxhg) [role=tab]:hover{color:var(--sl-color-text)}.example-panel:where(.astro-7aropxhg) .expressive-code .frame{box-shadow:none;border:0;border-radius:0}.example-panel:where(.astro-7aropxhg) .expressive-code .frame pre{padding-block:1.25rem}.example-panel:where(.astro-7aropxhg) .expressive-code .frame .header{display:none}.example-panel:where(.astro-7aropxhg) [role=tabpanel]{margin-top:0}.setup-note:where(.astro-7aropxhg){border-top:1px solid var(--home-border);padding:1rem 1.25rem}.setup-note:where(.astro-7aropxhg) p:where(.astro-7aropxhg){margin:0 0 .5rem;font-size:.875rem}.setup-note:where(.astro-7aropxhg) a:where(.astro-7aropxhg){font-size:.875rem;font-weight:600}.framework-grid:where(.astro-7aropxhg){grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.framework-card:where(.astro-7aropxhg){border:1px solid var(--home-border);border-top:3px solid var(--sl-color-accent);border-radius:.75rem;flex-direction:column;padding:1.75rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.framework-card:where(.astro-7aropxhg):hover{border-color:var(--sl-color-text-accent);background:var(--sl-color-bg-nav)}.framework-card:where(.astro-7aropxhg):nth-child(2){border-top-color:#42b883}.framework-card:where(.astro-7aropxhg):nth-child(3){border-top-color:#339af0}.card-number:where(.astro-7aropxhg){font:.75rem var(--sl-font-mono);color:var(--sl-color-gray-2);overflow-wrap:anywhere}.framework-card:where(.astro-7aropxhg) h3:where(.astro-7aropxhg){margin-block:1rem 0;font-size:1.75rem}.framework-card:where(.astro-7aropxhg) h3:where(.astro-7aropxhg) small:where(.astro-7aropxhg){color:var(--sl-color-gray-2);margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.framework-card:where(.astro-7aropxhg) p:where(.astro-7aropxhg){flex:1}.card-link:where(.astro-7aropxhg){color:var(--sl-color-text-accent);margin-top:1rem;font-weight:600}.task-grid:where(.astro-7aropxhg){grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem;display:grid}.task-grid:where(.astro-7aropxhg) article:where(.astro-7aropxhg){border-top:1px solid var(--home-border);padding-top:1.5rem}.task-label:where(.astro-7aropxhg){color:var(--sl-color-text-accent);font:.75rem var(--sl-font-mono)}.task-grid:where(.astro-7aropxhg) h3:where(.astro-7aropxhg){margin-top:1rem;font-size:1.25rem}.task-grid:where(.astro-7aropxhg) a:where(.astro-7aropxhg){margin-inline-end:1rem;font-weight:600;text-decoration:none;display:inline-block}.closing-cta:where(.astro-7aropxhg){background:var(--sl-color-accent-low);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.closing-cta:where(.astro-7aropxhg) h2:where(.astro-7aropxhg){max-width:27rem;font-size:clamp(1.6rem,3vw,2.2rem)}.closing-cta:where(.astro-7aropxhg)>a:where(.astro-7aropxhg){font-weight:600;text-decoration:none}.home-footer:where(.astro-7aropxhg){border-top:1px solid var(--home-border);color:var(--sl-color-gray-2);font:.75rem var(--sl-font-mono);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem;display:flex}.home-content:where(.astro-7aropxhg):lang(zh-CN) h2:where(.astro-7aropxhg){letter-spacing:0}@media (width<=50rem){.showcase:where(.astro-7aropxhg),.framework-grid:where(.astro-7aropxhg),.task-grid:where(.astro-7aropxhg){grid-template-columns:1fr;gap:1.5rem}.showcase:where(.astro-7aropxhg){gap:2rem}.home-content:where(.astro-7aropxhg) section:where(.astro-7aropxhg){margin-block:3rem}}@media (prefers-reduced-motion:reduce){.framework-card:where(.astro-7aropxhg){transition:none}}