.code-preview-root[data-astro-cid-t4g3kszp]{border:none;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,var(--hearth-preview-shell-grad-start),var(--hearth-preview-shell-grad-end));box-shadow:0 48px 90px var(--hearth-preview-shell-shadow-deep),0 14px 28px var(--hearth-preview-shell-shadow-mid),inset 0 1px 0 var(--hearth-preview-shell-edge)}.preview-stage[data-astro-cid-t4g3kszp]{background:linear-gradient(180deg,var(--hearth-preview-stage-grad-start),var(--hearth-preview-stage-grad-end));box-shadow:0 20px 36px var(--hearth-shadow-016)}.preview-stage--compact[data-astro-cid-t4g3kszp]{box-shadow:none}.preview-toolbar[data-astro-cid-t4g3kszp]{background:var(--preview-toolbar-bg);border-bottom:1px solid var(--preview-toolbar-border);transition:background-color .26s var(--hearth-ease),border-color .26s var(--hearth-ease)}.preview-tab[data-astro-cid-t4g3kszp]{position:relative;color:var(--preview-tab-color);background:transparent;border:none;border-radius:0;font-weight:560;line-height:1}.preview-tab[data-astro-cid-t4g3kszp]:after{content:"";position:absolute;left:0;right:0;bottom:.08rem;height:1.5px;background:currentColor;opacity:0;transform:scaleX(.45);transform-origin:center;transition:opacity .22s var(--hearth-ease),transform .22s var(--hearth-ease)}.preview-tab[data-astro-cid-t4g3kszp]:hover{color:var(--preview-tab-hover-color)}.preview-tab[data-astro-cid-t4g3kszp]:hover:after{opacity:.45;transform:scaleX(1)}.preview-tab[data-astro-cid-t4g3kszp].is-active{color:var(--preview-tab-active-color);text-shadow:0 0 10px var(--hearth-preview-tab-active-shadow)}.theme-switch[data-astro-cid-t4g3kszp]{border-color:var(--hearth-preview-switch-border)}.preview-tab[data-astro-cid-t4g3kszp].is-active:after{opacity:.92;transform:scaleX(1)}.theme-tab[data-astro-cid-t4g3kszp]{border:none;border-radius:9999px;padding:.3rem .72rem;background:transparent;color:var(--preview-switch-color);font-family:var(--font-ui);font-size:11px;line-height:1;font-weight:600;letter-spacing:.02em;transition:color .22s var(--hearth-ease),background-color .22s var(--hearth-ease)}.theme-tab[data-astro-cid-t4g3kszp]:hover{color:var(--preview-switch-hover-color)}.theme-tab[data-astro-cid-t4g3kszp].is-active{color:var(--preview-switch-active-color);background:var(--hearth-preview-switch-active-bg);box-shadow:inset 0 0 0 1px var(--hearth-preview-switch-active-ring)}.preview-display[data-astro-cid-t4g3kszp]{position:relative;min-height:380px;background:var(--preview-panel-bg);transition:background-color .26s var(--hearth-ease)}.theme-strip[data-astro-cid-t4g3kszp]{background:var(--preview-strip-bg);color:var(--preview-strip-color);border-bottom:1px solid var(--preview-strip-border-color);transition:background-color .26s var(--hearth-ease),color .22s var(--hearth-ease),border-color .26s var(--hearth-ease)}.preview-content[data-astro-cid-t4g3kszp]{position:relative;will-change:opacity,filter}.preview-content[data-astro-cid-t4g3kszp].is-refreshing{animation:preview-content-refresh .42s var(--hearth-ease)}.preview-content[data-astro-cid-t4g3kszp]:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,color-mix(in srgb,var(--preview-strip-color) 12%,transparent) 0%,transparent 34%)}.preview-content[data-astro-cid-t4g3kszp].is-refreshing:after{animation:preview-content-sheen .42s var(--hearth-ease)}.preview-stage--compact[data-astro-cid-t4g3kszp] .preview-display[data-astro-cid-t4g3kszp]{min-height:clamp(390px,53svh,540px)}.preview-stage--compact[data-astro-cid-t4g3kszp] .shiki-wrap[data-astro-cid-t4g3kszp]{max-height:clamp(340px,48svh,480px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,black 0%,black 86%,transparent 100%);mask-image:linear-gradient(180deg,black 0%,black 86%,transparent 100%);scrollbar-width:none}.preview-stage--compact[data-astro-cid-t4g3kszp] .shiki-wrap[data-astro-cid-t4g3kszp]::-webkit-scrollbar{width:0;height:0;background:transparent}@media(max-width:860px){.code-preview-root[data-astro-cid-t4g3kszp]{width:min(92vw,520px);margin-inline:auto;border-radius:16px;box-shadow:0 26px 48px var(--hearth-preview-mobile-shadow-deep),0 8px 18px var(--hearth-shadow-024),inset 0 1px 0 var(--hearth-paper-grid-soft)}.preview-toolbar[data-astro-cid-t4g3kszp]{padding-block:.48rem;padding-inline:.54rem}.preview-tab[data-astro-cid-t4g3kszp]{font-size:11px}.theme-tab[data-astro-cid-t4g3kszp]{font-size:10px;padding:.26rem .56rem}.preview-stage--compact[data-astro-cid-t4g3kszp] .preview-display[data-astro-cid-t4g3kszp]{min-height:clamp(250px,34svh,340px)}.preview-stage--compact[data-astro-cid-t4g3kszp] .shiki-wrap[data-astro-cid-t4g3kszp]{max-height:clamp(180px,27svh,260px);-webkit-mask-image:linear-gradient(180deg,black 0%,black 84%,transparent 100%);mask-image:linear-gradient(180deg,black 0%,black 84%,transparent 100%)}.shiki-wrap[data-astro-cid-t4g3kszp] code{font-size:12px;line-height:1.72}}@media(max-width:480px){.code-preview-root[data-astro-cid-t4g3kszp]{width:min(94vw,430px);border-radius:14px}.preview-toolbar[data-astro-cid-t4g3kszp]{padding-inline:.46rem}.preview-tab[data-astro-cid-t4g3kszp]{font-size:10px;padding-inline:.52rem;padding-block:.42rem}.theme-tab[data-astro-cid-t4g3kszp]{font-size:9.5px;padding:.24rem .48rem}.preview-stage--compact[data-astro-cid-t4g3kszp] .preview-display[data-astro-cid-t4g3kszp]{min-height:clamp(220px,31svh,300px)}.preview-stage--compact[data-astro-cid-t4g3kszp] .shiki-wrap[data-astro-cid-t4g3kszp]{max-height:clamp(150px,23svh,220px)}.shiki-wrap[data-astro-cid-t4g3kszp] code{font-size:11px;line-height:1.62}}.shiki-wrap[data-astro-cid-t4g3kszp] pre{background:transparent!important;margin:0;padding:0}.shiki-wrap[data-astro-cid-t4g3kszp] code{font-family:var(--font-code);font-size:13px;line-height:1.82;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}html:lang(zh) .shiki-wrap[data-astro-cid-t4g3kszp] code,html:lang(ja) .shiki-wrap[data-astro-cid-t4g3kszp] code{font-family:JetBrains Mono,Cascadia Mono,Cascadia Code,Consolas,Sarasa Mono SC,Sarasa Mono J,Noto Sans Mono CJK SC,Noto Sans Mono CJK JP,Microsoft YaHei UI,Yu Gothic UI,monospace;line-height:1.92}@keyframes preview-content-refresh{0%{opacity:.22;filter:blur(1.2px) saturate(.9)}55%{opacity:.8;filter:blur(.2px) saturate(.97)}to{opacity:1;filter:saturate(1)}}@keyframes preview-content-sheen{0%{opacity:0}18%{opacity:.75}to{opacity:0}}.hearth-color-section[data-astro-cid-jssgniin]{position:relative}.hearth-color-intro[data-astro-cid-jssgniin]{margin-bottom:clamp(1.55rem,3.4vw,2.35rem)}.hearth-color-board[data-astro-cid-jssgniin]{width:100%;display:grid;gap:1.25rem}.hearth-color-family[data-astro-cid-jssgniin]{position:relative;overflow:hidden;display:grid;align-content:start;gap:1.1rem;border-radius:28px;border:1px solid var(--family-shell-border);background:linear-gradient(180deg,var(--family-shell-start),var(--family-shell-end));box-shadow:0 22px 52px var(--family-shadow),inset 0 1px 0 var(--family-shell-highlight);padding:clamp(1.05rem,2.2vw,1.35rem);min-width:0}.hearth-color-family[data-astro-cid-jssgniin]:after{content:"";position:absolute;inset:auto -8% -18% 42%;height:12rem;background:radial-gradient(circle at center,var(--family-accent),transparent 72%);opacity:.26;filter:blur(20px);pointer-events:none}.hearth-color-family__header[data-astro-cid-jssgniin],.hearth-color-cluster[data-astro-cid-jssgniin]{position:relative;z-index:1}.hearth-color-family__header[data-astro-cid-jssgniin]{display:grid;gap:.42rem}.hearth-color-family__mast[data-astro-cid-jssgniin]{display:flex;align-items:center;gap:.7rem}.hearth-color-family__eyebrow[data-astro-cid-jssgniin]{margin:0;color:var(--family-label);font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hearth-color-family__rule[data-astro-cid-jssgniin]{width:clamp(2.4rem,9vw,4.8rem);height:1px;background:linear-gradient(90deg,var(--family-accent),transparent);opacity:.7}.hearth-color-family__title[data-astro-cid-jssgniin]{margin:0;color:var(--family-heading);font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.1;letter-spacing:-.02em;max-width:16ch}.hearth-color-family__body[data-astro-cid-jssgniin]{margin:0;color:var(--family-body);font-size:.95rem;line-height:1.72;max-width:44ch}.hearth-color-family__layout[data-astro-cid-jssgniin]{display:grid;gap:.95rem;min-width:0}.hearth-color-cluster[data-astro-cid-jssgniin]{display:grid;gap:.95rem;padding:1rem;border-radius:24px;border:1px solid color-mix(in srgb,var(--family-shell-border) 86%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--family-shell-start) 58%,transparent),color-mix(in srgb,var(--family-shell-end) 82%,transparent))}.hearth-color-cluster__header[data-astro-cid-jssgniin]{display:flex;align-items:center;gap:.7rem}.hearth-color-section-label[data-astro-cid-jssgniin]{margin:0;color:var(--family-label);font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hearth-color-cluster__rule[data-astro-cid-jssgniin]{flex:1 1 auto;min-width:2.4rem;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--family-accent) 58%,transparent),transparent);opacity:.68}.hearth-color-surface-grid[data-astro-cid-jssgniin],.hearth-color-role-grid[data-astro-cid-jssgniin]{display:grid;gap:.8rem;grid-auto-rows:1fr}.hearth-color-surface-card[data-astro-cid-jssgniin]{min-height:9.6rem;display:flex;flex-direction:column;gap:.78rem;border-radius:18px;border:1px solid var(--surface-border);background:var(--surface-bg);color:var(--surface-fg);padding:.95rem;box-shadow:inset 0 1px 0 var(--surface-highlight),0 14px 24px var(--surface-shadow)}.hearth-color-surface-card__meta[data-astro-cid-jssgniin],.hearth-color-role-card__meta[data-astro-cid-jssgniin]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem}.hearth-color-surface-card__name[data-astro-cid-jssgniin],.hearth-color-role-card__name[data-astro-cid-jssgniin]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hearth-color-surface-card__hex[data-astro-cid-jssgniin],.hearth-color-role-card__hex[data-astro-cid-jssgniin]{font-family:var(--font-code);font-size:.72rem;color:var(--surface-muted);white-space:nowrap}.hearth-color-surface-card__swatch[data-astro-cid-jssgniin]{min-height:2.75rem;display:grid;align-content:center;gap:.48rem;padding:.72rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:color-mix(in srgb,var(--surface-bg) 88%,var(--surface-fg) 12%)}.hearth-color-surface-card__swatch-main[data-astro-cid-jssgniin],.hearth-color-surface-card__swatch-muted[data-astro-cid-jssgniin]{display:block;height:2px;border-radius:999px}.hearth-color-surface-card__swatch-main[data-astro-cid-jssgniin]{width:68%;background:var(--surface-fg)}.hearth-color-surface-card__swatch-muted[data-astro-cid-jssgniin]{width:42%;background:var(--surface-muted)}.hearth-color-surface-card__body[data-astro-cid-jssgniin],.hearth-color-role-card__body[data-astro-cid-jssgniin]{margin:0;min-height:3.1em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.hearth-color-surface-card__body[data-astro-cid-jssgniin]{color:color-mix(in srgb,var(--surface-fg) 82%,transparent);font-size:.9rem;line-height:1.56}.hearth-color-role-card[data-astro-cid-jssgniin]{min-height:8.9rem;display:flex;flex-direction:column;gap:.72rem;border-radius:18px;border:1px solid var(--family-role-border);background:var(--family-role-bg);padding:.9rem;box-shadow:inset 0 1px 0 var(--role-highlight)}.hearth-color-role-card__swatch[data-astro-cid-jssgniin]{display:block;height:.72rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--role-accent) 94%,transparent),color-mix(in srgb,var(--role-accent) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-accent) 18%,transparent)}.hearth-color-role-card__hex[data-astro-cid-jssgniin]{color:var(--family-label)}.hearth-color-role-card__body[data-astro-cid-jssgniin]{color:var(--family-body);font-size:.89rem;line-height:1.56}.hearth-color-role-card__foot[data-astro-cid-jssgniin]{margin-top:auto;display:flex;justify-content:flex-end}.hearth-color-proof[data-astro-cid-jssgniin]{border-color:var(--hearth-surface-border-soft);background:linear-gradient(180deg,var(--hearth-surface-soft-bg),var(--hearth-topbar-overlay-glaze)),radial-gradient(circle at top right,var(--hearth-shadow-024),transparent 56%);display:grid;gap:1rem}.hearth-color-proof__copy[data-astro-cid-jssgniin]{display:grid;gap:.35rem;min-width:0}.hearth-color-proof__actions[data-astro-cid-jssgniin]{display:grid;gap:.75rem}.hearth-color-proof__action[data-astro-cid-jssgniin]{min-width:0;display:inline-flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.85rem 1rem;border-radius:18px;font-family:var(--font-ui);font-size:.84rem;font-weight:600;letter-spacing:.01em;line-height:1.35;text-align:left}@media(min-width:760px){.hearth-color-surface-grid[data-astro-cid-jssgniin],.hearth-color-role-grid[data-astro-cid-jssgniin]{grid-template-columns:repeat(2,minmax(0,1fr))}.hearth-color-proof__actions[data-astro-cid-jssgniin]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:980px){.hearth-color-board[data-astro-cid-jssgniin]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hearth-color-proof[data-astro-cid-jssgniin]{grid-column:1 / -1}}@media(max-width:640px){.hearth-color-family[data-astro-cid-jssgniin]{padding:.95rem;border-radius:22px}.hearth-color-cluster[data-astro-cid-jssgniin]{padding:.85rem;border-radius:20px}.hearth-color-surface-card[data-astro-cid-jssgniin],.hearth-color-role-card[data-astro-cid-jssgniin]{min-height:unset}.hearth-color-proof__action[data-astro-cid-jssgniin]{padding:.78rem .9rem;border-radius:16px}}