*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}@font-face{font-family:Source Han Serif CN Web;src:url(/assets/SourceHanSerifCN-Regular-C1vzdtI4.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Source Han Serif CN Web;src:url(/assets/SourceHanSerifCN-Medium-DXeBUnmx.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Source Han Serif CN Web;src:url(/assets/SourceHanSerifCN-SemiBold-C56lS55n.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Source Han Serif CN Web;src:url(/assets/SourceHanSerifCN-Bold-EjUvv1oR.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{color:var(--ui-color-text);background:var(--ui-color-canvas);font-family:var(--ui-font-body);font-weight:var(--ui-font-weight-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--ui-color-text);background:var(--ui-color-canvas);font-family:var(--ui-font-body);font-weight:var(--ui-font-weight-body);line-height:1.6}button,input,select,textarea{font:inherit}a{color:var(--ui-color-link)}::selection{background:color-mix(in srgb, var(--ui-color-brand-bg) 24%, var(--ui-color-canvas));color:var(--ui-color-text)}mark{background:color-mix(in srgb, var(--ui-color-brand-bg) 18%, var(--ui-color-canvas));color:var(--ui-color-text)}h1,h2,h3{font-family:var(--ui-font-display);font-weight:var(--ui-font-weight-title);margin:0}h4,h5,h6{font-family:var(--ui-font-display);font-weight:var(--ui-font-weight-strong);margin:0}b,strong,th,dt{font-weight:var(--ui-font-weight-emphasis)}code,pre,kbd,samp{font-family:var(--ui-font-mono)}.typography-tier-body{font-family:var(--ui-font-body);font-weight:var(--ui-font-weight-body);font-size:var(--ui-text-size-body);line-height:var(--ui-text-line-height-body)}.typography-tier-emphasis{font-family:var(--ui-font-body);font-weight:var(--ui-font-weight-emphasis);font-size:var(--ui-text-size-body);line-height:var(--ui-text-line-height-body)}.typography-tier-title{font-family:var(--ui-font-display);font-weight:var(--ui-font-weight-title);font-size:var(--ui-text-size-h4);line-height:var(--ui-text-line-height-h4)}.typography-tier-strong{font-family:var(--ui-font-display);font-weight:var(--ui-font-weight-strong);font-size:var(--ui-text-size-h3);line-height:var(--ui-text-line-height-h3)}.typography-scale-caption{font-size:var(--ui-text-size-caption);line-height:var(--ui-text-line-height-caption)}.typography-scale-body{font-size:var(--ui-text-size-body);line-height:var(--ui-text-line-height-body)}.typography-scale-h1{font-size:var(--ui-text-size-h1);line-height:var(--ui-text-line-height-h1)}.typography-scale-h2{font-size:var(--ui-text-size-h2);line-height:var(--ui-text-line-height-h2)}.typography-scale-h3{font-size:var(--ui-text-size-h3);line-height:var(--ui-text-line-height-h3)}.typography-scale-h4{font-size:var(--ui-text-size-h4);line-height:var(--ui-text-line-height-h4)}.typography-scale-h5{font-size:var(--ui-text-size-h5);line-height:var(--ui-text-line-height-h5)}:root{--ui-color-black:#000;--ui-color-white:#fff;--ui-color-text-on-brand:var(--ui-color-white);--ui-color-text-on-danger:var(--ui-color-white);--ui-color-palette-red-50:#fbf9f9;--ui-color-palette-red-100:#f5f0ef;--ui-color-palette-red-200:#eddcd9;--ui-color-palette-red-300:#e7c1bb;--ui-color-palette-red-400:#e49c90;--ui-color-palette-red-500:#ee6c58;--ui-color-palette-red-600:#e54b34;--ui-color-palette-red-700:#c63620;--ui-color-palette-red-800:#943324;--ui-color-palette-red-900:#672c23;--ui-color-palette-red-950:#3f211d;--ui-color-palette-orange-50:#fbfaf9;--ui-color-palette-orange-100:#f5f2ef;--ui-color-palette-orange-200:#ede1d9;--ui-color-palette-orange-300:#e8cdba;--ui-color-palette-orange-400:#e6b18e;--ui-color-palette-orange-500:#f29354;--ui-color-palette-orange-600:#e97a2f;--ui-color-palette-orange-700:#ca611c;--ui-color-palette-orange-800:#965021;--ui-color-palette-orange-900:#683e21;--ui-color-palette-orange-950:#402a1c;--ui-color-palette-amber-50:#fbfaf9;--ui-color-palette-amber-100:#f5f3ef;--ui-color-palette-amber-200:#ede6d9;--ui-color-palette-amber-300:#e9d9ba;--ui-color-palette-amber-400:#e7c98d;--ui-color-palette-amber-500:#f4be52;--ui-color-palette-amber-600:#ebac2d;--ui-color-palette-amber-700:#cc901a;--ui-color-palette-amber-800:#987020;--ui-color-palette-amber-900:#695120;--ui-color-palette-amber-950:#40341b;--ui-color-palette-yellow-50:#fbfbf9;--ui-color-palette-yellow-100:#f6f5ef;--ui-color-palette-yellow-200:#eeecd8;--ui-color-palette-yellow-300:#eae5b9;--ui-color-palette-yellow-400:#e9e08b;--ui-color-palette-yellow-500:#f8e74f;--ui-color-palette-yellow-600:#efdc29;--ui-color-palette-yellow-700:#d0bd16;--ui-color-palette-yellow-800:#9a8e1d;--ui-color-palette-yellow-900:#6b631f;--ui-color-palette-yellow-950:#413d1a;--ui-color-palette-lime-50:#fafbf9;--ui-color-palette-lime-100:#f3f5f0;--ui-color-palette-lime-200:#e5ebda;--ui-color-palette-lime-300:#d6e4be;--ui-color-palette-lime-400:#c4df95;--ui-color-palette-lime-500:#b5e561;--ui-color-palette-lime-600:#a1da3f;--ui-color-palette-lime-700:#86bb2a;--ui-color-palette-lime-800:#698d2b;--ui-color-palette-lime-900:#4d6327;--ui-color-palette-lime-950:#323d1f;--ui-color-palette-green-50:#f9fbfa;--ui-color-palette-green-100:#f0f5f1;--ui-color-palette-green-200:#dbebe0;--ui-color-palette-green-300:#c0e3ca;--ui-color-palette-green-400:#99dcad;--ui-color-palette-green-500:#67e08b;--ui-color-palette-green-600:#45d370;--ui-color-palette-green-700:#30b558;--ui-color-palette-green-800:#2f894a;--ui-color-palette-green-900:#2a603a;--ui-color-palette-green-950:#203c28;--ui-color-palette-emerald-50:#f9fafa;--ui-color-palette-emerald-100:#f0f4f3;--ui-color-palette-emerald-200:#dceae4;--ui-color-palette-emerald-300:#c1e2d3;--ui-color-palette-emerald-400:#9bdabe;--ui-color-palette-emerald-500:#6adcab;--ui-color-palette-emerald-600:#49cf95;--ui-color-palette-emerald-700:#34b17b;--ui-color-palette-emerald-800:#328661;--ui-color-palette-emerald-900:#2b5e48;--ui-color-palette-emerald-950:#213b30;--ui-color-palette-teal-50:#f9fafa;--ui-color-palette-teal-100:#f0f4f4;--ui-color-palette-teal-200:#dceae8;--ui-color-palette-teal-300:#c1e1dd;--ui-color-palette-teal-400:#9cd9d1;--ui-color-palette-teal-500:#6cdacc;--ui-color-palette-teal-600:#4ccdbc;--ui-color-palette-teal-700:#36af9f;--ui-color-palette-teal-800:#33857a;--ui-color-palette-teal-900:#2c5e57;--ui-color-palette-teal-950:#213b37;--ui-color-palette-cyan-50:#f9fafb;--ui-color-palette-cyan-100:#f0f4f5;--ui-color-palette-cyan-200:#dbe8eb;--ui-color-palette-cyan-300:#bfdde3;--ui-color-palette-cyan-400:#98d1dd;--ui-color-palette-cyan-500:#65cde2;--ui-color-palette-cyan-600:#43bdd6;--ui-color-palette-cyan-700:#2ea1b7;--ui-color-palette-cyan-800:#2e7b8a;--ui-color-palette-cyan-900:#295861;--ui-color-palette-cyan-950:#20373c;--ui-color-palette-sky-50:#f9fafb;--ui-color-palette-sky-100:#f0f3f5;--ui-color-palette-sky-200:#dae5ec;--ui-color-palette-sky-300:#bdd5e5;--ui-color-palette-sky-400:#93c2e1;--ui-color-palette-sky-500:#5db1e9;--ui-color-palette-sky-600:#3a9dde;--ui-color-palette-sky-700:#2682bf;--ui-color-palette-sky-800:#28668f;--ui-color-palette-sky-900:#254b64;--ui-color-palette-sky-950:#1e313e;--ui-color-palette-blue-50:#f9fafb;--ui-color-palette-blue-100:#eff1f5;--ui-color-palette-blue-200:#dae0ec;--ui-color-palette-blue-300:#bccae6;--ui-color-palette-blue-400:#92ade2;--ui-color-palette-blue-500:#5c8beb;--ui-color-palette-blue-600:#3870e0;--ui-color-palette-blue-700:#2458c2;--ui-color-palette-blue-800:#274a91;--ui-color-palette-blue-900:#253a65;--ui-color-palette-blue-950:#1d283e;--ui-color-palette-indigo-50:#f9f9fb;--ui-color-palette-indigo-100:#f0f0f5;--ui-color-palette-indigo-200:#dcdbeb;--ui-color-palette-indigo-300:#c1c0e3;--ui-color-palette-indigo-400:#9b99dc;--ui-color-palette-indigo-500:#6b67e0;--ui-color-palette-indigo-600:#4a45d3;--ui-color-palette-indigo-700:#3530b5;--ui-color-palette-indigo-800:#322f89;--ui-color-palette-indigo-900:#2b2a60;--ui-color-palette-indigo-950:#21203c;--ui-color-palette-violet-50:#faf9fb;--ui-color-palette-violet-100:#f2f0f5;--ui-color-palette-violet-200:#e1daeb;--ui-color-palette-violet-300:#cdbee4;--ui-color-palette-violet-400:#b395df;--ui-color-palette-violet-500:#9661e5;--ui-color-palette-violet-600:#7d3fda;--ui-color-palette-violet-700:#642abb;--ui-color-palette-violet-800:#522b8d;--ui-color-palette-violet-900:#3f2763;--ui-color-palette-violet-950:#2b1f3d;--ui-color-palette-purple-50:#faf9fb;--ui-color-palette-purple-100:#f3f0f5;--ui-color-palette-purple-200:#e6daeb;--ui-color-palette-purple-300:#d7bee4;--ui-color-palette-purple-400:#c695df;--ui-color-palette-purple-500:#b961e5;--ui-color-palette-purple-600:#a63fda;--ui-color-palette-purple-700:#8b2abb;--ui-color-palette-purple-800:#6c2b8d;--ui-color-palette-purple-900:#4f2763;--ui-color-palette-purple-950:#331f3d;--ui-color-palette-fuchsia-50:#fbf9fb;--ui-color-palette-fuchsia-100:#f5f0f5;--ui-color-palette-fuchsia-200:#ecdaeb;--ui-color-palette-fuchsia-300:#e5bde3;--ui-color-palette-fuchsia-400:#e193dc;--ui-color-palette-fuchsia-500:#e95de0;--ui-color-palette-fuchsia-600:#de3ad3;--ui-color-palette-fuchsia-700:#bf26b5;--ui-color-palette-fuchsia-800:#8f2889;--ui-color-palette-fuchsia-900:#642560;--ui-color-palette-fuchsia-950:#3e1e3c;--ui-color-palette-pink-50:#fbf9fa;--ui-color-palette-pink-100:#f5eff2;--ui-color-palette-pink-200:#ecdae3;--ui-color-palette-pink-300:#e6bcd1;--ui-color-palette-pink-400:#e292ba;--ui-color-palette-pink-500:#eb5ca3;--ui-color-palette-pink-600:#e0388c;--ui-color-palette-pink-700:#c22473;--ui-color-palette-pink-800:#91275c;--ui-color-palette-pink-900:#652545;--ui-color-palette-pink-950:#3e1d2e;--ui-color-palette-rose-50:#fbf9f9;--ui-color-palette-rose-100:#f5eff0;--ui-color-palette-rose-200:#edd9dd;--ui-color-palette-rose-300:#e7bbc3;--ui-color-palette-rose-400:#e4909e;--ui-color-palette-rose-500:#ee5871;--ui-color-palette-rose-600:#e53451;--ui-color-palette-rose-700:#c6203c;--ui-color-palette-rose-800:#942437;--ui-color-palette-rose-900:#67232e;--ui-color-palette-rose-950:#3f1d22;--ui-color-palette-slate-50:#fafafa;--ui-color-palette-slate-100:#f2f2f3;--ui-color-palette-slate-200:#e1e2e5;--ui-color-palette-slate-300:#ccd0d6;--ui-color-palette-slate-400:#b1b8c3;--ui-color-palette-slate-500:#939fb4;--ui-color-palette-slate-600:#7987a0;--ui-color-palette-slate-700:#616e85;--ui-color-palette-slate-800:#505968;--ui-color-palette-slate-900:#3d434c;--ui-color-palette-slate-950:#2a2d32;--ui-color-palette-gray-50:#fafafa;--ui-color-palette-gray-100:#f2f2f3;--ui-color-palette-gray-200:#e2e3e4;--ui-color-palette-gray-300:#ced0d4;--ui-color-palette-gray-400:#b5b8bf;--ui-color-palette-gray-500:#9aa0ac;--ui-color-palette-gray-600:#818997;--ui-color-palette-gray-700:#696f7d;--ui-color-palette-gray-800:#555a63;--ui-color-palette-gray-900:#414349;--ui-color-palette-gray-950:#2c2d30;--ui-color-palette-zinc-50:#fafafa;--ui-color-palette-zinc-100:#f2f2f2;--ui-color-palette-zinc-200:#e2e2e4;--ui-color-palette-zinc-300:#d0d0d3;--ui-color-palette-zinc-400:#b7b7bd;--ui-color-palette-zinc-500:#9e9ea9;--ui-color-palette-zinc-600:#868693;--ui-color-palette-zinc-700:#6d6d79;--ui-color-palette-zinc-800:#585860;--ui-color-palette-zinc-900:#424247;--ui-color-palette-zinc-950:#2d2d2f;--ui-color-palette-neutral-50:#fafafa;--ui-color-palette-neutral-100:#f2f2f2;--ui-color-palette-neutral-200:#e3e3e3;--ui-color-palette-neutral-300:#d1d1d1;--ui-color-palette-neutral-400:#bababa;--ui-color-palette-neutral-500:#a3a3a3;--ui-color-palette-neutral-600:#8c8c8c;--ui-color-palette-neutral-700:#737373;--ui-color-palette-neutral-800:#5c5c5c;--ui-color-palette-neutral-900:#454545;--ui-color-palette-neutral-950:#2e2e2e;--ui-color-palette-stone-50:#fafafa;--ui-color-palette-stone-100:#f3f2f2;--ui-color-palette-stone-200:#e4e3e2;--ui-color-palette-stone-300:#d3d1cf;--ui-color-palette-stone-400:#bebab6;--ui-color-palette-stone-500:#aba39c;--ui-color-palette-stone-600:#958c84;--ui-color-palette-stone-700:#7b726b;--ui-color-palette-stone-800:#615b56;--ui-color-palette-stone-900:#484542;--ui-color-palette-stone-950:#302e2c;--ui-color-palette-taupe-50:#fafafa;--ui-color-palette-taupe-100:#f3f2f2;--ui-color-palette-taupe-200:#e5e3e1;--ui-color-palette-taupe-300:#d5d0cd;--ui-color-palette-taupe-400:#c1b9b3;--ui-color-palette-taupe-500:#b0a196;--ui-color-palette-taupe-600:#9b897d;--ui-color-palette-taupe-700:#817065;--ui-color-palette-taupe-800:#655a52;--ui-color-palette-taupe-900:#4b443f;--ui-color-palette-taupe-950:#312d2b;--ui-color-palette-mauve-50:#fafafa;--ui-color-palette-mauve-100:#f2f2f3;--ui-color-palette-mauve-200:#e4e1e5;--ui-color-palette-mauve-300:#d3cdd5;--ui-color-palette-mauve-400:#bdb3c1;--ui-color-palette-mauve-500:#a996b0;--ui-color-palette-mauve-600:#937d9b;--ui-color-palette-mauve-700:#796581;--ui-color-palette-mauve-800:#605265;--ui-color-palette-mauve-900:#483f4b;--ui-color-palette-mauve-950:#2f2b31;--ui-color-palette-mist-50:#fafafa;--ui-color-palette-mist-100:#f2f2f3;--ui-color-palette-mist-200:#e2e3e4;--ui-color-palette-mist-300:#ced2d4;--ui-color-palette-mist-400:#b4bbc0;--ui-color-palette-mist-500:#98a5ae;--ui-color-palette-mist-600:#7f8f99;--ui-color-palette-mist-700:#67757f;--ui-color-palette-mist-800:#545d64;--ui-color-palette-mist-900:#40464a;--ui-color-palette-mist-950:#2b2e30;--ui-color-palette-olive-50:#fafafa;--ui-color-palette-olive-100:#f3f3f2;--ui-color-palette-olive-200:#e4e5e1;--ui-color-palette-olive-300:#d3d5cd;--ui-color-palette-olive-400:#bec1b3;--ui-color-palette-olive-500:#abb096;--ui-color-palette-olive-600:#959b7d;--ui-color-palette-olive-700:#7b8165;--ui-color-palette-olive-800:#626552;--ui-color-palette-olive-900:#484b3f;--ui-color-palette-olive-950:#30312b}:root,[data-theme=light]{--ui-color-canvas:var(--ui-color-white);--ui-color-surface:var(--ui-color-palette-neutral-50);--ui-color-text:var(--ui-color-palette-neutral-950);--ui-color-text-muted:var(--ui-color-palette-slate-700);--ui-color-border:var(--ui-color-palette-slate-300);--ui-color-border-strong:var(--ui-color-palette-slate-400);--ui-color-brand-bg:var(--ui-color-palette-emerald-700);--ui-color-brand-bg-hover:var(--ui-color-palette-emerald-800);--ui-color-brand-bg-active:var(--ui-color-palette-emerald-900);--ui-color-danger-bg:var(--ui-color-palette-red-700);--ui-color-danger-bg-hover:var(--ui-color-palette-red-800);--ui-color-danger-bg-active:var(--ui-color-palette-red-900);--ui-color-danger-text:var(--ui-color-palette-red-800);--ui-color-focus-ring:var(--ui-color-palette-emerald-500);--ui-color-link:var(--ui-color-palette-emerald-700);--ui-radius-md:.9rem;--ui-shadow-soft:0 18px 40px #18211d1f;--ui-font-body:"Source Han Serif CN Web", "Songti SC", "STSong", "SimSun", "NSimSun", serif;--ui-font-display:"Source Han Serif CN Web", "Songti SC", "STSong", "SimSun", "NSimSun", serif;--ui-font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--ui-font-weight-body:400;--ui-font-weight-emphasis:500;--ui-font-weight-title:600;--ui-font-weight-strong:700;--ui-text-size-body:1rem;--ui-text-line-height-body:1.6;--ui-text-size-caption:.875rem;--ui-text-line-height-caption:1.45;--ui-text-size-h1:clamp(2.8rem, 5vw, 4.6rem);--ui-text-line-height-h1:1.02;--ui-text-size-h2:2.3rem;--ui-text-line-height-h2:1.08;--ui-text-size-h3:1.85rem;--ui-text-line-height-h3:1.14;--ui-text-size-h4:1.45rem;--ui-text-line-height-h4:1.22;--ui-text-size-h5:1.15rem;--ui-text-line-height-h5:1.32;--ui-text-color-red:var(--ui-color-palette-red-800);--ui-text-background-red:var(--ui-color-palette-red-100);--ui-text-color-orange:var(--ui-color-palette-orange-800);--ui-text-background-orange:var(--ui-color-palette-orange-100);--ui-text-color-amber:var(--ui-color-palette-amber-800);--ui-text-background-amber:var(--ui-color-palette-amber-100);--ui-text-color-yellow:var(--ui-color-palette-yellow-800);--ui-text-background-yellow:var(--ui-color-palette-yellow-100);--ui-text-color-lime:var(--ui-color-palette-lime-800);--ui-text-background-lime:var(--ui-color-palette-lime-100);--ui-text-color-green:var(--ui-color-palette-green-800);--ui-text-background-green:var(--ui-color-palette-green-100);--ui-text-color-emerald:var(--ui-color-palette-emerald-800);--ui-text-background-emerald:var(--ui-color-palette-emerald-100);--ui-text-color-teal:var(--ui-color-palette-teal-800);--ui-text-background-teal:var(--ui-color-palette-teal-100);--ui-text-color-cyan:var(--ui-color-palette-cyan-800);--ui-text-background-cyan:var(--ui-color-palette-cyan-100);--ui-text-color-sky:var(--ui-color-palette-sky-800);--ui-text-background-sky:var(--ui-color-palette-sky-100);--ui-text-color-blue:var(--ui-color-palette-blue-800);--ui-text-background-blue:var(--ui-color-palette-blue-100);--ui-text-color-indigo:var(--ui-color-palette-indigo-800);--ui-text-background-indigo:var(--ui-color-palette-indigo-100);--ui-text-color-violet:var(--ui-color-palette-violet-800);--ui-text-background-violet:var(--ui-color-palette-violet-100);--ui-text-color-purple:var(--ui-color-palette-purple-800);--ui-text-background-purple:var(--ui-color-palette-purple-100);--ui-text-color-fuchsia:var(--ui-color-palette-fuchsia-800);--ui-text-background-fuchsia:var(--ui-color-palette-fuchsia-100);--ui-text-color-pink:var(--ui-color-palette-pink-800);--ui-text-background-pink:var(--ui-color-palette-pink-100);--ui-text-color-rose:var(--ui-color-palette-rose-800);--ui-text-background-rose:var(--ui-color-palette-rose-100);--ui-text-color-slate:var(--ui-color-palette-slate-800);--ui-text-background-slate:var(--ui-color-palette-slate-100);--ui-text-color-gray:var(--ui-color-palette-gray-800);--ui-text-background-gray:var(--ui-color-palette-gray-100);--ui-text-color-zinc:var(--ui-color-palette-zinc-800);--ui-text-background-zinc:var(--ui-color-palette-zinc-100);--ui-text-color-neutral:var(--ui-color-palette-neutral-800);--ui-text-background-neutral:var(--ui-color-palette-neutral-100);--ui-text-color-stone:var(--ui-color-palette-stone-800);--ui-text-background-stone:var(--ui-color-palette-stone-100);--ui-text-color-taupe:var(--ui-color-palette-taupe-800);--ui-text-background-taupe:var(--ui-color-palette-taupe-100);--ui-text-color-mauve:var(--ui-color-palette-mauve-800);--ui-text-background-mauve:var(--ui-color-palette-mauve-100);--ui-text-color-mist:var(--ui-color-palette-mist-800);--ui-text-background-mist:var(--ui-color-palette-mist-100);--ui-text-color-olive:var(--ui-color-palette-olive-800);--ui-text-background-olive:var(--ui-color-palette-olive-100)}[data-theme=dark]{--ui-color-canvas:var(--ui-color-black);--ui-color-surface:var(--ui-color-palette-neutral-950);--ui-color-text:var(--ui-color-palette-neutral-100);--ui-color-text-muted:var(--ui-color-palette-slate-400);--ui-color-border:var(--ui-color-palette-slate-800);--ui-color-border-strong:var(--ui-color-palette-slate-700);--ui-color-brand-bg:var(--ui-color-palette-emerald-700);--ui-color-brand-bg-hover:var(--ui-color-palette-emerald-600);--ui-color-brand-bg-active:var(--ui-color-palette-emerald-800);--ui-color-danger-bg:var(--ui-color-palette-red-700);--ui-color-danger-bg-hover:var(--ui-color-palette-red-600);--ui-color-danger-bg-active:var(--ui-color-palette-red-800);--ui-color-danger-text:var(--ui-color-palette-red-200);--ui-color-focus-ring:var(--ui-color-palette-emerald-300);--ui-color-link:var(--ui-color-palette-emerald-300);--ui-radius-md:.9rem;--ui-shadow-soft:0 18px 40px #00000057;--ui-font-body:"Source Han Serif CN Web", "Songti SC", "STSong", "SimSun", "NSimSun", serif;--ui-font-display:"Source Han Serif CN Web", "Songti SC", "STSong", "SimSun", "NSimSun", serif;--ui-font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--ui-font-weight-body:400;--ui-font-weight-emphasis:500;--ui-font-weight-title:600;--ui-font-weight-strong:700;--ui-text-size-body:1rem;--ui-text-line-height-body:1.6;--ui-text-size-caption:.875rem;--ui-text-line-height-caption:1.45;--ui-text-size-h1:clamp(2.8rem, 5vw, 4.6rem);--ui-text-line-height-h1:1.02;--ui-text-size-h2:2.3rem;--ui-text-line-height-h2:1.08;--ui-text-size-h3:1.85rem;--ui-text-line-height-h3:1.14;--ui-text-size-h4:1.45rem;--ui-text-line-height-h4:1.22;--ui-text-size-h5:1.15rem;--ui-text-line-height-h5:1.32;--ui-text-color-red:var(--ui-color-palette-red-200);--ui-text-background-red:var(--ui-color-palette-red-900);--ui-text-color-orange:var(--ui-color-palette-orange-200);--ui-text-background-orange:var(--ui-color-palette-orange-900);--ui-text-color-amber:var(--ui-color-palette-amber-200);--ui-text-background-amber:var(--ui-color-palette-amber-900);--ui-text-color-yellow:var(--ui-color-palette-yellow-200);--ui-text-background-yellow:var(--ui-color-palette-yellow-900);--ui-text-color-lime:var(--ui-color-palette-lime-200);--ui-text-background-lime:var(--ui-color-palette-lime-900);--ui-text-color-green:var(--ui-color-palette-green-200);--ui-text-background-green:var(--ui-color-palette-green-900);--ui-text-color-emerald:var(--ui-color-palette-emerald-200);--ui-text-background-emerald:var(--ui-color-palette-emerald-900);--ui-text-color-teal:var(--ui-color-palette-teal-200);--ui-text-background-teal:var(--ui-color-palette-teal-900);--ui-text-color-cyan:var(--ui-color-palette-cyan-200);--ui-text-background-cyan:var(--ui-color-palette-cyan-900);--ui-text-color-sky:var(--ui-color-palette-sky-200);--ui-text-background-sky:var(--ui-color-palette-sky-900);--ui-text-color-blue:var(--ui-color-palette-blue-200);--ui-text-background-blue:var(--ui-color-palette-blue-900);--ui-text-color-indigo:var(--ui-color-palette-indigo-200);--ui-text-background-indigo:var(--ui-color-palette-indigo-900);--ui-text-color-violet:var(--ui-color-palette-violet-200);--ui-text-background-violet:var(--ui-color-palette-violet-900);--ui-text-color-purple:var(--ui-color-palette-purple-200);--ui-text-background-purple:var(--ui-color-palette-purple-900);--ui-text-color-fuchsia:var(--ui-color-palette-fuchsia-200);--ui-text-background-fuchsia:var(--ui-color-palette-fuchsia-900);--ui-text-color-pink:var(--ui-color-palette-pink-200);--ui-text-background-pink:var(--ui-color-palette-pink-900);--ui-text-color-rose:var(--ui-color-palette-rose-200);--ui-text-background-rose:var(--ui-color-palette-rose-900);--ui-text-color-slate:var(--ui-color-palette-slate-200);--ui-text-background-slate:var(--ui-color-palette-slate-900);--ui-text-color-gray:var(--ui-color-palette-gray-200);--ui-text-background-gray:var(--ui-color-palette-gray-900);--ui-text-color-zinc:var(--ui-color-palette-zinc-200);--ui-text-background-zinc:var(--ui-color-palette-zinc-900);--ui-text-color-neutral:var(--ui-color-palette-neutral-200);--ui-text-background-neutral:var(--ui-color-palette-neutral-900);--ui-text-color-stone:var(--ui-color-palette-stone-200);--ui-text-background-stone:var(--ui-color-palette-stone-900);--ui-text-color-taupe:var(--ui-color-palette-taupe-200);--ui-text-background-taupe:var(--ui-color-palette-taupe-900);--ui-text-color-mauve:var(--ui-color-palette-mauve-200);--ui-text-background-mauve:var(--ui-color-palette-mauve-900);--ui-text-color-mist:var(--ui-color-palette-mist-200);--ui-text-background-mist:var(--ui-color-palette-mist-900);--ui-text-color-olive:var(--ui-color-palette-olive-200);--ui-text-background-olive:var(--ui-color-palette-olive-900)}#app{min-height:100vh}.shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:32px 0 64px}.hero{border:1px solid var(--ui-color-border);background:linear-gradient(140deg, color-mix(in srgb, var(--ui-color-surface) 88%, var(--ui-color-canvas)), color-mix(in srgb, var(--ui-color-surface) 78%, var(--ui-color-canvas))), var(--ui-color-surface);box-shadow:var(--ui-shadow-soft);border-radius:28px;gap:20px;padding:28px;display:grid}.eyebrow,.meta,.card p,.preview-note,.matrix-card span,.token-grid code,.snippet{color:var(--ui-color-text-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}.hero h1{max-width:11ch;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95}.hero-copy{max-width:62ch;font-size:1.05rem}.hero-actions,.preview-actions,.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meta{font:.9rem/1.4 var(--ui-font-mono);flex-wrap:wrap;gap:16px;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.card,.preview-panel,.split-panel,.button-panel,.color-panel,.icon-panel,.typography-panel,.text-panel{border:1px solid var(--ui-color-border);background:color-mix(in srgb, var(--ui-color-surface) 88%, var(--ui-color-canvas));box-shadow:var(--ui-shadow-soft);border-radius:24px;padding:24px}.card h2,.preview-panel h2,.split-panel h2,.button-panel h2,.color-panel h2,.icon-panel h2,.typography-panel h2,.text-panel h2{margin-bottom:8px;font-size:1.4rem}.snippet,.matrix-card code,.button-size-row code,.icon-contract code,.icon-card code{font:.85rem/1.5 var(--ui-font-mono);margin-top:6px;display:block}.layout,.color-grid,.button-guidance-grid,.icon-layout,.typography-grid,.text-contract-grid{gap:18px;margin-top:18px;display:grid}.button-guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid,.typography-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-contract-grid{grid-template-columns:1fr}.preview-stage,.color-family-grid,.color-step-row,.semantic-color-grid,.button-showcase,.button-matrix,.motion-comparison-grid,.button-size-list,.button-boundary-grid,.icon-contract,.icon-usage-grid,.typography-card-list,.text-card-grid,.text-palette-grid,.text-reading-surface,.text-reading-section,.popover-copy{gap:12px;display:grid}.color-family-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.color-family-card,.semantic-color-card{border:1px solid var(--ui-color-border);background:color-mix(in srgb, var(--ui-color-canvas) 76%, var(--ui-color-surface));border-radius:18px;padding:16px}.color-family-card{gap:10px;display:grid}.color-step-row{grid-template-columns:repeat(3,minmax(0,1fr))}.color-swatch,.semantic-color-swatch{border:1px solid color-mix(in srgb, var(--ui-color-border) 86%, transparent);border-radius:12px}.color-swatch{min-block-size:56px;color:var(--ui-color-text);padding:8px}.color-meta,.semantic-color-card code{font:.82rem/1.45 var(--ui-font-mono)}.semantic-color-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.semantic-color-card{gap:8px;display:grid}.semantic-color-swatch{block-size:48px;inline-size:100%}.preview-frame{background:linear-gradient(160deg, color-mix(in srgb, var(--ui-color-brand-bg) 10%, var(--ui-color-canvas)), color-mix(in srgb, var(--ui-color-surface) 84%, var(--ui-color-canvas))), color-mix(in srgb, var(--ui-color-surface) 88%, var(--ui-color-canvas));border:1px solid var(--ui-color-border);border-radius:20px;padding:24px}.matrix-card,.boundary-card,.icon-contract>div,.icon-usage-card,.icon-card,.typography-card,.text-card{border:1px solid var(--ui-color-border);background:color-mix(in srgb, var(--ui-color-canvas) 72%, var(--ui-color-surface));border-radius:18px;padding:16px}.popover-copy{max-inline-size:20rem}.popover-copy p,.popover-portal-shell p{color:var(--ui-color-text-muted);margin:0}.popover-input{background:var(--ui-color-canvas);border:1px solid var(--ui-color-border);color:var(--ui-color-text);font:inherit;border-radius:10px;padding:8px 10px}.popover-input:focus-visible{outline:2px solid var(--ui-color-focus-ring);outline-offset:2px}.popover-copy-plain{padding:14px}.popover-portal-shell{border:1px dashed color-mix(in srgb, var(--ui-color-border) 84%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--ui-color-brand-bg) 6%, var(--ui-color-canvas)), color-mix(in srgb, var(--ui-color-surface) 82%, var(--ui-color-canvas))), color-mix(in srgb, var(--ui-color-canvas) 72%, var(--ui-color-surface));border-radius:18px;place-items:center;min-block-size:140px;padding:18px;display:grid}.matrix-card{gap:10px;display:grid}.button-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-size-row{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;display:grid}.button-boundary-grid{grid-template-columns:1fr}.motion-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boundary-card p,.matrix-card span,.typography-card p{margin:0}.typography-card{gap:8px;display:grid}.text-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.text-palette-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.text-card{gap:10px;display:grid}.text-reading-surface{border:1px solid var(--ui-color-border);background:linear-gradient(180deg, color-mix(in srgb, var(--ui-color-surface) 92%, var(--ui-color-canvas)), color-mix(in srgb, var(--ui-color-surface) 82%, var(--ui-color-canvas))), var(--ui-color-surface);border-radius:18px;margin-top:16px;padding:18px}.typography-card span,.text-card span{color:var(--ui-color-text-muted);font:.82rem/1.4 var(--ui-font-mono)}.text-prop-sample{padding:.25rem 0}.icon-contract{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.icon-card,.icon-usage-card{justify-items:start;gap:10px;display:grid}.icon-card svg,.icon-usage-card svg{color:var(--ui-color-brand-bg)}.icon-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.icon-usage-card h3{font-size:1rem}.typography-panel p,.text-panel p,.color-panel p,.semantic-color-card p{margin:0}.footer-note{color:var(--ui-color-text-muted);margin-top:18px;padding:0 2px}@media (width<=900px){.grid,.button-guidance-grid,.color-grid,.typography-grid,.text-contract-grid,.button-matrix,.motion-comparison-grid,.button-size-row,.icon-contract,.icon-usage-grid{grid-template-columns:1fr}.shell{width:min(1120px,100vw - 20px);padding-top:20px}.hero,.card,.preview-panel,.split-panel,.button-panel,.icon-panel,.typography-panel{border-radius:20px;padding:20px}.matrix-header{flex-direction:column;align-items:start}}