@layer components{.nav-bar{z-index:var(--z-nav);block-size:var(--nav-height);max-inline-size:var(--container-max);padding-inline:var(--gutter);background:var(--surface-lowest);border-block-end:1px solid var(--border);transition:background var(--transition), border-color var(--transition);justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:fixed;inset-block-start:0;inset-inline:0}@media (min-width:48rem){.nav-bar{inset-block-start:1rem;inset-inline:var(--gutter)}}.nav-bar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-3);font-weight:var(--font-bold);color:var(--primary);display:flex}.nav-bar__brand span{font-family:var(--font-beidou)}.nav-bar__cta{padding:var(--space-1) var(--space-3);background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);font-family:var(--font-label);font-size:var(--text-7);cursor:pointer;transition:background var(--transition-fast);display:none}.nav-bar__cta:hover{background:var(--surface-tint)}@media (min-width:48rem){.nav-bar__cta{display:inline-flex}}.nav-bar__actions{align-items:center;gap:var(--space-2);display:flex}.nav-bar__menu-btn{padding:var(--space-2);color:var(--on-surface);cursor:pointer;background:0 0;border:none;display:flex}@media (min-width:48rem){.nav-bar__actions{align-items:center;gap:var(--space-2);display:flex}.nav-bar__menu-btn{display:none}}}
@layer components{.locale-switcher{display:block}.locale-switcher__trigger{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-medium);min-inline-size:2.5rem;font-family:var(--font-label);font-size:var(--text-8);font-weight:var(--font-medium);color:var(--on-surface-variant);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.locale-switcher__trigger:hover{background:var(--surface-container);border-color:var(--outline-variant);color:var(--on-surface)}.locale-switcher__menu{font-family:var(--font-label);margin-block-start:1rem}}.locale-switcher__menu{min-inline-size:unset;margin-block-start:var(--space-1)}.locale-switcher__menu a{padding:.25rem .45rem}
@layer components{.sidebar{inline-size:var(--sidebar-width);max-block-size:calc(100dvh - var(--nav-height) - var(--space-4));padding-block:var(--space-4);border-inline-end:1px solid var(--border);font-family:var(--font-code);font-size:var(--text-8);scrollbar-width:thin;scrollbar-color:var(--secondary) transparent;flex-shrink:0;align-self:flex-start;padding-inline-end:var(--space-4);position:sticky;inset-block-start:calc(var(--nav-height) + var(--space-4));overflow-y:auto}.sidebar::-webkit-scrollbar{width:2px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:var(--radius-full)}.sidebar__nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar__section{margin-block-end:var(--space-4)}.sidebar__section:last-child{margin-block-end:0}.sidebar__section-header{justify-content:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;background:0 0;border:none;width:100%;margin-block-end:var(--space-1);display:flex}.sidebar__section-header:hover .sidebar__section-icon{color:var(--primary)}.sidebar__section-header[data-accent=true]:hover .sidebar__section-icon{color:var(--secondary)}.sidebar__section-icon{transition:color var(--transition-fast);flex-shrink:0;font-size:16px}.sidebar__section-title{font-size:var(--text-8);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.sidebar__section-title[data-accent=true]{color:var(--secondary)}.sidebar__section-title:not([data-accent=true]){color:var(--primary)}.sidebar__items{gap:var(--space-1);border-inline-start:1px solid #c3c7ce80;flex-direction:column;margin-inline-start:var(--space-4);padding-inline-start:var(--space-4);display:flex}.sidebar__link{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--on-surface-variant);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-inline-start:2px solid #0000;margin-inline-start:calc(-1 * var(--space-1) - 1px);text-decoration:none;display:flex}.sidebar__link:hover{color:var(--primary);background:var(--surface-container)}.sidebar__section[data-accent=true] .sidebar__link:hover{color:var(--secondary)}.sidebar__section[data-accent=true] .sidebar__link[aria-current=true]{color:var(--secondary);border-inline-start-color:var(--secondary);background:#c347641a}.sidebar__link[aria-current=true]{color:var(--primary);border-inline-start-color:var(--primary);background:#4f6d8a1a;margin-inline-start:calc(-1 * var(--space-1) - 1px)}.sidebar__link:not([aria-current=true]):hover{border-inline-start-color:var(--outline-variant)}.sidebar__link-icon{flex-shrink:0}.sidebar-overlay{display:none}@media not (min-width:48rem){.sidebar{display:none}.sidebar[data-open=true]{z-index:var(--z-sidebar);block-size:calc(100dvh - var(--nav-height));background:var(--surface-lowest);box-shadow:var(--shadow-large);display:block;position:fixed;inset-block-start:var(--nav-height);inset-inline-start:0}.sidebar-overlay[data-open=true]{z-index:calc(var(--z-sidebar) - 1);background:#0000004d;display:block;position:fixed;inset:0}}}
@layer components{.hero{padding:var(--space-8);border:1px solid var(--border);background:#fff;margin-block-end:var(--section-gap);position:relative}.hero__window-dots{gap:6px;display:flex;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.hero__window-dot{border-radius:var(--radius-full);block-size:10px;inline-size:10px}.hero__header{align-items:center;gap:var(--space-4);margin-block-start:var(--space-4);margin-block-end:var(--space-6);display:flex}.hero__title{font-family:var(--font-heading);font-size:var(--text-display);font-weight:var(--font-bold);color:var(--primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-block-end:0}.hero__hanzi{font-family:var(--font-beidou);background:var(--secondary);block-size:3rem;inline-size:5rem;color:var(--secondary-foreground);border:1px solid var(--secondary-container);box-shadow:var(--shadow-small);justify-content:center;align-items:center;font-size:32px;display:flex}.hero__subtitle{font-family:var(--font-heading);font-size:var(--text-2);font-weight:var(--font-semibold);color:var(--secondary);line-height:var(--leading-heading);margin-block-end:var(--space-4)}.hero__description{font-family:var(--font-label);font-size:var(--text-4);line-height:var(--leading-normal);color:var(--on-surface-variant);max-inline-size:40rem;border-inline-start:2px solid var(--primary);margin-block-end:var(--space-8);padding-inline-start:var(--space-4)}.hero__actions{gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-12);display:flex}.hero__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-family:var(--font-label);font-size:var(--text-7);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);display:inline-flex}.hero__btn--icon{width:18px;height:18px}.hero__btn--primary{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.hero__btn--primary:hover{background:var(--surface-tint)}.hero__btn--secondary{background:var(--surface);color:var(--on-surface);border:1px solid var(--border)}.hero__btn--secondary:hover{background:var(--surface-container);border-color:var(--primary)}.hero__mockup{border:1px solid var(--border);padding:var(--space-12);font-family:var(--font-code);background:#1e1e2e;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__mockup-grid{opacity:.1;pointer-events:none;background-image:linear-gradient(var(--primary) 1px, transparent 1px), linear-gradient(90deg, var(--primary) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0}.hero__mockup-btn{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--surface);color:var(--primary);border:1px solid var(--primary);font-family:var(--font-label);font-size:var(--text-7);box-shadow:var(--shadow-small);cursor:pointer;transition:background var(--transition-fast);display:flex;position:relative}.hero__mockup-btn:hover{background:var(--surface-container)}.hero__mockup-btn:hover .hero__keycap{transform:translateY(-4px)}.hero__mockup-btn:hover .hero__focus-ring{opacity:1}.hero__keycap{background:var(--secondary);block-size:2rem;inline-size:2rem;color:var(--secondary-foreground);border:1px solid var(--secondary);font-family:var(--font-code);font-size:var(--text-8);box-shadow:var(--shadow-small);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:-12px;inset-inline-end:-12px}.hero__focus-ring{border:1px solid var(--secondary);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;inset:-1px}}
@layer components{.features__heading{margin-block-start:var(--space-4)}.features__grid{border:1px solid var(--border);background:var(--surface-low);grid-template-columns:1fr;display:grid}@media (min-width:48rem){.features__grid{grid-template-columns:repeat(2,1fr)}}.features__card{padding:var(--space-6);border-block-end:1px solid var(--border);transition:background var(--transition-fast)}.features__card:hover{background:#fff}.features__card:nth-child(odd){border-inline-end:1px solid var(--border)}.features__card-title{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-4);font-weight:var(--font-semibold);line-height:var(--leading-heading);margin-block-end:var(--space-2);display:flex}.features__card-title--primary{color:var(--primary)}.features__card-title--secondary{color:var(--secondary)}.features__card-desc{font-family:var(--font-label);font-size:var(--text-6);line-height:var(--leading-normal);color:var(--on-surface-variant)}}
@layer components{.how-it-works__steps{border:1px solid var(--border);background:var(--surface-low);flex-direction:column;gap:0;margin-block-end:var(--space-12);display:flex}@media (min-width:48rem){.how-it-works__steps{flex-direction:row}}.how-it-works__step{padding:var(--space-6);border-block-end:1px solid var(--border);flex:1}.how-it-works__step:not(:last-child){border-inline-end:none}@media (min-width:48rem){.how-it-works__step:not(:last-child){border-inline-end:1px solid var(--border)}}.how-it-works__step-header{align-items:center;gap:var(--space-2);font-family:var(--font-label);font-size:var(--text-7);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-2);display:flex}.how-it-works__step-num{color:#fff;justify-content:center;align-items:center;block-size:1rem;inline-size:1rem;font-size:10px;display:flex}.how-it-works__step-num--secondary{background:var(--secondary)}.how-it-works__step-num--primary{background:var(--primary)}.how-it-works__step-text{font-family:var(--font-label);font-size:var(--text-6);line-height:var(--leading-normal);color:var(--on-surface)}.how-it-works__kbd{border:1px solid #999;border-top-color:#fff;border-left-color:#ddd;font-family:var(--font-code);font-size:var(--text-8);cursor:default;-webkit-user-select:none;user-select:none;background:var(--surface-low);border-block-end:2px solid #999;padding:2px 6px;transition:box-shadow 80ms,background 80ms;display:inline-block;box-shadow:inset 0 1px #fff}.how-it-works__kbd:hover{background:var(--surface-container);box-shadow:inset 0 1px #fff,0 1px #999}.how-it-works__kbd:active{background:var(--surface-dim);box-shadow:inset 0 1px 2px #00000026}.how-it-works__kbd--primary{color:var(--primary);border-block-end-color:var(--primary)}.how-it-works__kbd--secondary{color:var(--secondary);border-block-end-color:var(--secondary)}.how-it-works__state-diagram{border:1px solid var(--border);padding:var(--space-8);background:#1e1e2e;overflow-x:auto}.how-it-works__state-title{align-items:center;gap:var(--space-2);font-family:var(--font-label);font-size:var(--text-7);color:var(--outline);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-6);display:flex}.how-it-works__state-flow{color:#fff;justify-content:space-between;align-items:center;min-inline-size:600px;display:flex}.how-it-works__state-box{block-size:2.5rem;padding-inline:var(--space-4);border:1px solid var(--border);font-family:var(--font-code);font-size:var(--text-8);justify-content:center;align-items:center;display:flex}.how-it-works__state-box--inactive{color:var(--outline);background:#282a36}.how-it-works__state-box--active-root{color:var(--primary);border-color:var(--primary);background:#4f6d8a33;box-shadow:0 0 10px #4f6d8a4d}.how-it-works__state-box--active-sub{color:var(--secondary);border-color:var(--secondary);background:#c2727a33;box-shadow:0 0 10px #c2727a4d}.how-it-works__state-arrow{padding:0 var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex}.how-it-works__state-label{color:var(--secondary);font-size:12px;font-family:var(--font-code);margin-block-end:var(--space-1)}.how-it-works__state-line{background:var(--outline);block-size:1px;inline-size:100%;position:relative}.how-it-works__state-line:after{content:"";border:4px solid #0000;border-inline-start:6px solid var(--outline);position:absolute;inset-block-start:-4px;inset-inline-end:0}}
.code-block{background:#1e1e2e;border:1px solid #2b2b3f;position:relative;overflow:hidden}.code-block:hover .code-block__copy{opacity:1}.code-block .code-block__tablist{font-family:var(--font-code);font-size:var(--text-7);background:#0003;border-block-end:1px solid #ffffff1a;border-radius:0;gap:0;padding:0;display:flex;overflow-x:auto}.code-block .code-block__tab{padding:var(--space-2) var(--space-4);color:#fff9;box-shadow:none;cursor:pointer;font-family:inherit;font-size:inherit;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-block-end:2px solid #0000;border-radius:0}.code-block .code-block__tab:hover{color:#fff;background:#ffffff0d}.code-block .code-block__tab[aria-selected=true]{color:#fff;border-block-end-color:var(--secondary);box-shadow:none;background:#1e1e2e}.code-block__panel{padding:0}.code-block__body{padding:var(--space-4);position:relative;overflow-x:auto}.code-block__copy{opacity:0;color:#ffffff80;cursor:pointer;border-radius:var(--radius-medium);padding:var(--space-1);transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:#0000004d;border:1px solid #ffffff1a;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.code-block__copy:hover{color:#fff;background:#ffffff1a}.code-block__copy svg{width:var(--text-4);height:var(--text-4)}.code-block pre{font-family:var(--font-code);font-size:var(--text-6);background-color:var(--code-bg);color:#eaeaea;counter-reset:line;margin:0;line-height:1;overflow-x:auto}.code-block code{font-family:inherit;display:block}.code-block .line{display:block}.code-block .line:before{counter-increment:line;content:counter(line);color:#ffffff26;text-align:end;-webkit-user-select:none;user-select:none;inline-size:2em;margin-inline-end:1em;display:inline-block}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment)}.token.punctuation{color:var(--code-punctuation)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--code-tag)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-string)}.token.operator,.token.entity,.token.url{color:var(--code-punctuation)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-keyword)}.token.function,.token.class-name{color:var(--code-function)}.token.regex,.token.important,.token.variable{color:var(--code-regex)}
@layer components{.installation__init-heading{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-2);font-weight:var(--font-semibold);color:var(--primary);line-height:var(--leading-heading);margin-block-start:var(--space-6);margin-block-end:var(--space-4);display:flex}}
@layer components{.doc-table-wrap{border:1px solid var(--border);overflow-x:auto}.doc-table-wrap table{border-collapse:collapse;width:100%;font-family:var(--font-code);font-size:var(--text-7)}.doc-table-wrap th,.doc-table-wrap td{border:1px solid var(--border);padding:var(--space-3);text-align:start}.doc-table-wrap th{background:var(--surface-container);font-weight:var(--font-semibold);color:var(--primary)}.doc-table-wrap td code{background:var(--surface-container);padding:var(--space-1) var(--space-2);font-size:var(--text-8);color:var(--primary)}}
@layer components{.attributes__attr{color:var(--secondary);font-weight:var(--font-bold)}.attributes__example{background:var(--surface-container);padding:var(--space-1) var(--space-2);color:var(--primary)}}
@layer components;
@layer components{.css-vars__var{color:var(--secondary);font-weight:var(--font-bold)}.css-vars__default{color:var(--primary)}}
@layer components{.public-api__methods{gap:var(--space-6);flex-direction:column;display:flex}.public-api__method{border-inline-start:2px solid var(--secondary);padding-inline-start:var(--space-4)}.public-api__method-name{font-family:var(--font-code);font-size:var(--text-2);font-weight:var(--font-semibold);color:var(--primary);line-height:var(--leading-heading);margin-block-end:var(--space-2)}.public-api__method-desc{font-family:var(--font-label);font-size:var(--text-6);line-height:var(--leading-normal);color:var(--on-surface-variant)}}
@layer components;
@layer components{.faq__items{gap:var(--space-4);flex-direction:column;display:flex}.faq__item{border:1px solid var(--border)}.faq__item summary{padding:var(--space-4);font-family:var(--font-heading);font-size:var(--text-4);font-weight:var(--font-semibold);color:var(--on-surface);cursor:pointer;list-style:none}.faq__item summary::marker{display:none}.faq__item summary:hover{color:var(--primary)}.faq__item[open] summary{border-block-end:1px solid var(--border);color:var(--primary)}.faq__answer{padding:var(--space-4);font-family:var(--font-label);font-size:var(--text-6);line-height:var(--leading-normal);color:var(--on-surface-variant)}.faq__answer p{margin-block-end:var(--space-3)}.faq__answer p:last-child{margin-block-end:0}.faq__answer code{background:var(--surface-container);border-radius:var(--radius-small);font-family:var(--font-code);padding:.15em .4em;font-size:.9em}.faq__answer .code-block code{background:0 0}.faq__answer ol,.faq__answer ul{margin-block:var(--space-2);padding-inline-start:var(--space-6)}.faq__answer ol{list-style:decimal}.faq__answer ul{list-style:outside}.faq__answer li{margin-block-end:var(--space-2)}.faq__answer li:last-child{margin-block-end:0}.faq__answer li code{background:var(--surface-container);border-radius:var(--radius-small);font-family:var(--font-code);padding:.15em .4em;font-size:.9em}.faq__tablist{background:var(--muted);border-radius:var(--radius-medium);padding:var(--space-1);gap:var(--space-1);margin-block-end:var(--space-3);display:flex}.faq__tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-medium) - 2px);color:var(--on-surface-variant);font-family:var(--font-label);font-size:var(--text-7);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.faq__tab:hover{color:var(--on-surface)}.faq__tab[aria-selected=true]{background:var(--background);color:var(--on-surface);box-shadow:var(--shadow-small)}.faq__preview{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface-lowest)}.faq__preview-root{border-radius:var(--radius-medium);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.faq__preview-sub{border:1px dashed var(--border);border-radius:var(--radius-medium);flex-direction:column;gap:.5rem;padding:0 1rem 1rem;display:flex}.faq__preview-sub-label{font-family:var(--font-code);font-size:var(--text-8);color:var(--on-surface-variant);margin-bottom:1rem;display:inline-block}.faq__preview-btns{gap:.5rem;display:flex}.faq__preview-btn{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-medium);cursor:pointer;font-family:var(--font-label);font-size:var(--text-7);padding:.4rem .75rem}}
@layer components{.docs-view{min-block-size:100dvh;flex-direction:column;padding-block-start:calc(var(--nav-height));display:flex;position:relative}.docs-view__layout{max-inline-size:var(--container-max);padding-inline:var(--gutter);padding-block:var(--space-12);gap:var(--gutter);flex:1;inline-size:100%;margin-inline:auto;display:flex}.docs-view__content{min-inline-size:0;max-inline-size:var(--content-max);padding-block:var(--space-4);flex:1}}
@layer components{.footer{background:var(--primary);color:#fff;padding:var(--space-1) var(--space-4);border-block-start:1px solid var(--primary-fixed-dim);z-index:50;font-family:var(--font-code);font-size:var(--text-8);justify-content:space-between;align-items:center;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.footer__left,.footer__right{align-items:center;gap:var(--space-4);display:flex}.footer__item{align-items:center;gap:var(--space-1);display:flex}.footer__item svg{transform:translateY(-1px)}.footer__utf{display:none}@media (min-width:40rem){.footer__utf{display:block}}.footer__link{justify-content:center;align-items:center;gap:var(--space-1);color:inherit;transition:color var(--transition-fast);display:flex}.footer__link span{display:none}@media (min-width:40rem){.footer__link span{display:block}}.footer__link svg{transform:translateY(-1px)}.footer__link:hover{color:var(--secondary)}.footer__icon{flex-shrink:0;width:14px;height:14px}.footer__icon--secondary{color:var(--secondary)}}