.matrix[data-astro-cid-gpjknhda]{display:grid;gap:clamp(1.75rem,3vw,2.75rem)}.matrix-block[data-astro-cid-gpjknhda]{display:grid;gap:1rem}.matrix-header[data-astro-cid-gpjknhda]{display:grid;gap:.4rem}.matrix-block-title[data-astro-cid-gpjknhda]{margin:0;color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);font-size:1.35rem;line-height:1.3}.matrix-stack[data-astro-cid-gpjknhda]{display:grid;gap:var(--space-stack-gap)}.matrix-row[data-astro-cid-gpjknhda]{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.matrix-cards[data-astro-cid-gpjknhda]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.demo-h1[data-astro-cid-gpjknhda],.demo-h2[data-astro-cid-gpjknhda],.demo-h3[data-astro-cid-gpjknhda],.demo-h4[data-astro-cid-gpjknhda]{margin:0;color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);line-height:1.18;text-wrap:balance}.demo-h1[data-astro-cid-gpjknhda]{font-size:clamp(2rem,4vw,3rem)}.demo-h2[data-astro-cid-gpjknhda]{font-size:clamp(1.5rem,3vw,2rem)}.demo-h3[data-astro-cid-gpjknhda]{font-size:clamp(1.2rem,2vw,1.5rem)}.demo-h4[data-astro-cid-gpjknhda]{font-size:1.1rem}.demo-prose-lg[data-astro-cid-gpjknhda]{font-size:calc(var(--type-prose-size) * 1.12)}.demo-prose-sm[data-astro-cid-gpjknhda]{font-size:calc(var(--type-prose-size) * .86);color:rgb(var(--c-muted))}.demo-hr[data-astro-cid-gpjknhda]{border:0;border-top:1px solid rgb(var(--c-line));border-top-style:var(--hr-style, solid);margin:0}.demo-card[data-astro-cid-gpjknhda]{padding:var(--space-card-py) var(--space-card-px);display:flex;flex-direction:column;gap:.75rem}.demo-card-meta[data-astro-cid-gpjknhda]{display:flex;flex-wrap:wrap;gap:.5rem}.demo-card-title[data-astro-cid-gpjknhda]{margin:0;color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);font-size:1.15rem;line-height:1.3;text-wrap:balance}.demo-card-desc[data-astro-cid-gpjknhda]{margin:0;color:rgb(var(--c-copy) / .88);font-size:.92rem;line-height:1.65}.demo-card-tags[data-astro-cid-gpjknhda]{display:flex;flex-wrap:wrap;gap:.45rem}.demo-card-foot[data-astro-cid-gpjknhda]{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:rgb(var(--c-muted));font-size:.85rem}.demo-card-link[data-astro-cid-gpjknhda]{color:rgb(var(--c-accent));font-weight:500}.demo-btn-primary[data-astro-cid-gpjknhda]{appearance:none;border:1px solid rgb(var(--c-accent));background:rgb(var(--c-accent));color:rgb(var(--c-base));border-radius:var(--radius-btn);padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:filter .2s ease}.demo-btn-primary[data-astro-cid-gpjknhda]:hover{filter:brightness(.92)}.demo-btn-ghost[data-astro-cid-gpjknhda]{appearance:none;border:1px solid rgb(var(--c-line));background:rgb(var(--c-elevated) / .85);color:rgb(var(--c-heading));border-radius:var(--radius-btn);padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .2s ease,border-color .2s ease}.demo-btn-ghost[data-astro-cid-gpjknhda]:hover{border-color:rgb(var(--c-accent) / .5);background:rgb(var(--c-surface))}.demo-btn-link[data-astro-cid-gpjknhda]{color:rgb(var(--c-accent));font-size:.9rem;font-weight:500;text-decoration:underline;text-decoration-color:rgb(var(--c-accent) / .3);text-underline-offset:.18em}.demo-btn-link[data-astro-cid-gpjknhda]:hover{text-decoration-color:rgb(var(--c-accent))}.showcase[data-astro-cid-sexkcksb]{display:grid;gap:clamp(2.25rem,4vw,3.5rem);color:rgb(var(--c-copy));font-family:var(--font-sans)}.showcase-hero[data-astro-cid-sexkcksb]{display:grid;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:calc(var(--radius-card) + 6px);background:rgb(var(--c-elevated) / .85);border:var(--border-card-width, 1px) solid rgb(var(--c-line) / .65);box-shadow:var(--shadow-card);backdrop-filter:blur(8px)}.showcase-hero-meta[data-astro-cid-sexkcksb]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.showcase-back[data-astro-cid-sexkcksb]{display:inline-flex;align-items:center;gap:.4rem;color:rgb(var(--c-muted));font-size:.85rem;transition:color .2s ease}.showcase-back[data-astro-cid-sexkcksb]:hover{color:rgb(var(--c-accent))}.showcase-hero-title-row[data-astro-cid-sexkcksb]{display:grid;gap:.4rem;margin-top:.5rem}.showcase-title[data-astro-cid-sexkcksb]{margin:0;color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;text-wrap:balance}.showcase-subtitle[data-astro-cid-sexkcksb]{margin:0;color:rgb(var(--c-muted));font-family:var(--font-display);font-weight:400;letter-spacing:.04em;font-size:clamp(1.1rem,2vw,1.5rem)}.showcase-tagline[data-astro-cid-sexkcksb]{margin:.5rem 0 0;color:rgb(var(--c-copy));font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.5;text-wrap:balance}.showcase-intent[data-astro-cid-sexkcksb]{margin:0;max-width:48rem;color:rgb(var(--c-copy) / .92);font-size:var(--type-prose-size);line-height:var(--type-prose-leading);letter-spacing:var(--type-prose-tracking)}.showcase-inspiration[data-astro-cid-sexkcksb]{margin:0;display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;color:rgb(var(--c-muted));font-size:.9rem}.showcase-inspiration-label[data-astro-cid-sexkcksb]{color:rgb(var(--c-accent));font-size:.72rem;text-transform:uppercase;letter-spacing:var(--type-kicker-tracking)}.showcase-variant-badge[data-astro-cid-sexkcksb]{margin:0;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.5rem .85rem;border:1px dashed rgb(var(--c-accent) / .5);border-radius:var(--radius-pill);background:rgb(var(--c-accent) / .08);color:rgb(var(--c-copy));font-size:.78rem;width:fit-content}.showcase-variant-icon[data-astro-cid-sexkcksb]{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;background:rgb(var(--c-accent));color:rgb(var(--c-base));font-size:.7rem;font-weight:700}.showcase-variant-label[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}.showcase-variant-value[data-astro-cid-sexkcksb]{color:rgb(var(--c-accent));font-weight:700;letter-spacing:.08em}.showcase-variant-hint[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.72rem}.showcase-actions[data-astro-cid-sexkcksb]{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.showcase-apply[data-astro-cid-sexkcksb]{appearance:none;border:1px solid rgb(var(--c-accent));background:rgb(var(--c-accent));color:rgb(var(--c-base));border-radius:var(--radius-btn);padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:.5rem;transition:filter .2s ease,transform .2s ease}.showcase-apply[data-astro-cid-sexkcksb]:hover{filter:brightness(.92)}.showcase-apply[data-astro-cid-sexkcksb]:active{transform:scale(.98)}.showcase-apply-icon[data-astro-cid-sexkcksb]{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;background:rgb(var(--c-base) / .18);font-size:.7rem}.showcase-mode-toggle[data-astro-cid-sexkcksb]{display:inline-flex;border:1px solid rgb(var(--c-line) / .7);border-radius:var(--radius-btn);overflow:hidden;background:rgb(var(--c-elevated) / .7)}.showcase-mode[data-astro-cid-sexkcksb]{appearance:none;background:transparent;border:0;color:rgb(var(--c-muted));padding:.55rem .95rem;font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:.35rem}.showcase-mode[data-astro-cid-sexkcksb]+.showcase-mode[data-astro-cid-sexkcksb]{border-left:1px solid rgb(var(--c-line) / .7)}.showcase-mode[data-astro-cid-sexkcksb]:hover{color:rgb(var(--c-heading))}.showcase-mode[data-astro-cid-sexkcksb].is-active{background:rgb(var(--c-accent) / .12);color:rgb(var(--c-accent))}.showcase-toast[data-astro-cid-sexkcksb]{color:rgb(var(--c-accent));font-size:.85rem;font-weight:500;opacity:0;transition:opacity .2s ease}.showcase-toast[data-astro-cid-sexkcksb].is-visible{opacity:1}.showcase-tags[data-astro-cid-sexkcksb]{margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem 1.25rem}.showcase-tag[data-astro-cid-sexkcksb]{display:grid;grid-template-columns:minmax(64px,auto) 1fr;align-items:center;gap:.65rem;margin:0}.showcase-tag[data-astro-cid-sexkcksb] dt[data-astro-cid-sexkcksb]{display:inline-flex;flex-direction:column;line-height:1.15}.showcase-tag-zh[data-astro-cid-sexkcksb]{color:rgb(var(--c-heading));font-size:.78rem;font-weight:500}.showcase-tag-en[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.65rem;text-transform:uppercase;letter-spacing:.18em}.showcase-tag[data-astro-cid-sexkcksb] dd[data-astro-cid-sexkcksb]{margin:0;display:flex;align-items:center;gap:.55rem}.showcase-tag-bar[data-astro-cid-sexkcksb]{flex:1;height:4px;border-radius:9999px;background:rgb(var(--c-line) / .6);overflow:hidden}.showcase-tag-fill[data-astro-cid-sexkcksb]{display:block;height:100%;background:rgb(var(--c-accent));border-radius:inherit}.showcase-tag-value[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.72rem;font-variant-numeric:tabular-nums;min-width:1.6rem;text-align:right}.showcase-section[data-astro-cid-sexkcksb]{display:grid;gap:1.25rem}.showcase-section-head[data-astro-cid-sexkcksb]{display:grid;gap:.45rem;max-width:48rem}.showcase-section-title[data-astro-cid-sexkcksb]{margin:0;color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:var(--type-display-weight);letter-spacing:var(--type-display-tracking);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.showcase-section-desc[data-astro-cid-sexkcksb]{margin:0;color:rgb(var(--c-muted));font-size:.95rem;line-height:1.65}.related-grid[data-astro-cid-sexkcksb]{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-card[data-astro-cid-sexkcksb]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-card);border:var(--border-card-width, 1px) solid rgb(var(--c-line) / .7);background:rgb(var(--c-elevated) / .82);color:rgb(var(--c-copy));text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.related-card[data-astro-cid-sexkcksb]:hover{border-color:rgb(var(--c-accent) / .5);transform:translateY(-1px);box-shadow:var(--shadow-card)}.related-swatch[data-astro-cid-sexkcksb]{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-card);border:1px solid rgb(var(--c-line) / .6)}.related-meta[data-astro-cid-sexkcksb]{display:inline-flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.related-name[data-astro-cid-sexkcksb]{display:inline-flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.related-name-zh[data-astro-cid-sexkcksb]{color:rgb(var(--c-heading));font-family:var(--font-display);font-weight:600;font-size:1rem}.related-name-en[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.8rem;letter-spacing:.05em}.related-desc[data-astro-cid-sexkcksb]{color:rgb(var(--c-muted));font-size:.82rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-go[data-astro-cid-sexkcksb]{color:rgb(var(--c-accent));font-size:1.1rem;flex-shrink:0;transition:transform .2s ease}.related-card[data-astro-cid-sexkcksb]:hover .related-go[data-astro-cid-sexkcksb]{transform:translate(2px)}.showcase-root[data-astro-cid-6hbturlo]{background:rgb(var(--c-base));color:rgb(var(--c-copy));border-radius:calc(var(--radius-card) + 8px);padding:clamp(.75rem,2vw,1.5rem);border:1px solid rgb(var(--c-line) / .5);box-shadow:var(--shadow-card);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.showcase-root[data-astro-cid-6hbturlo]:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgb(var(--c-accent) / .1),transparent 38%),radial-gradient(circle at 82% 12%,rgb(var(--c-heading) / .05),transparent 32%);z-index:0}.showcase-root[data-astro-cid-6hbturlo]>*{position:relative;z-index:1}