:root{--color-paper:#f4f3f0;--color-white:#fff;--color-ink:#141519;--color-ink-2:#4a4c53;--color-ink-3:#686a71;--color-line:#dddcd6;--color-pen:#e0301e;--color-pen-text:#c8281a;--color-tint-text:#f2e2a0;--color-tint-enter:#cfdcf2;--color-tint-hover:#c8e7d4;--color-tint-page:#ded3f4;--color-tint-scroll:#fdd1c0;--color-tint-click:#f8d0de;--color-tint-decor:#bbe6e8;--color-tint-state:#e3dbcf;--color-tint-text-soft:#fbf2cf;--color-tint-text-deep:#c99a10;--color-tint-enter-soft:#e9eff9;--color-tint-enter-deep:#3f63c4;--color-tint-hover-soft:#e6f4ec;--color-tint-hover-deep:#23855a;--color-tint-page-soft:#f0ebfb;--color-tint-page-deep:#6a4bc4;--color-tint-scroll-soft:#ffebe3;--color-tint-scroll-deep:#a84d27;--color-tint-click-soft:#fdeaf1;--color-tint-click-deep:#a34770;--color-tint-decor-soft:#e1f5f5;--color-tint-decor-deep:#007c83;--color-tint-state-soft:#f3f0ea;--color-tint-state-deep:#6d6150;--font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-pen:"LXGW WenKai Screen", "Kaiti SC", "STKaiti", "KaiTi", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-display:clamp(52px, 7.4vw, 118px);--text-display-mobile:clamp(40px, 12vw, 56px);--text-headline:clamp(32px, 4vw, 52px);--text-subtitle:clamp(16px, 1.3vw, 19px);--text-title:16px;--text-body:15px;--text-chip:14px;--text-label:13px;--text-count:10.5px;--text-badge:11.5px;--text-logo:20px;--text-pen-note:.3em;--text-pen-note-mobile:.36em;--weight-light:300;--weight-title:650;--weight-black:900;--leading-display:1.08;--leading-body:1.6;--tracking-display:-.03em;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-col:22px;--spacing-row:34px;--spacing-gutter:clamp(16px, 3.6vw, 56px);--spacing-hub-edge:24px;--size-bar:64px;--size-search:52px;--size-search-mobile:44px;--size-chip:32px;--size-tool:34px;--size-search-max:540px;--size-dock-max:1120px;--size-hub:56px;--size-hub-item:44px;--size-hub-pause:40px;--radius-badge:4px;--radius-overlay:10px;--radius-toast:12px;--radius-stage:14px;--radius-field:14px;--radius-focus:16px;--radius-pill:999px;--shadow-float:0 26px 50px -14px #14151966;--shadow-toast:0 14px 34px -12px #14151973;--shadow-hub:0 10px 24px -10px #1415196b;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-pen:cubic-bezier(.5, .05, .3, 1);--duration-hover:.22s;--duration-indicator:.42s;--duration-enter:.38s;--duration-reflow:.56s;--duration-pen:.64s;--duration-toast:2.8s;--delay-hub-stagger:40ms}*{box-sizing:border-box}html{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;caret-color:var(--color-pen);scrollbar-color:var(--color-ink-3) transparent}body{margin:0}::selection{background:var(--color-ink);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-pen);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-cat]{--x-ink:var(--color-ink);--x-paper:var(--color-white)}[data-cat=文字]{--x-tint:var(--color-tint-text);--x-soft:var(--color-tint-text-soft);--x-deep:var(--color-tint-text-deep)}[data-cat=入场与退场]{--x-tint:var(--color-tint-enter);--x-soft:var(--color-tint-enter-soft);--x-deep:var(--color-tint-enter-deep)}[data-cat=悬停与指针]{--x-tint:var(--color-tint-hover);--x-soft:var(--color-tint-hover-soft);--x-deep:var(--color-tint-hover-deep)}[data-cat=滚动]{--x-tint:var(--color-tint-scroll);--x-soft:var(--color-tint-scroll-soft);--x-deep:var(--color-tint-scroll-deep)}[data-cat=点击与反馈]{--x-tint:var(--color-tint-click);--x-soft:var(--color-tint-click-soft);--x-deep:var(--color-tint-click-deep)}[data-cat=页面与布局]{--x-tint:var(--color-tint-page);--x-soft:var(--color-tint-page-soft);--x-deep:var(--color-tint-page-deep)}[data-cat=背景与装饰]{--x-tint:var(--color-tint-decor);--x-soft:var(--color-tint-decor-soft);--x-deep:var(--color-tint-decor-deep)}[data-cat=加载与状态]{--x-tint:var(--color-tint-state);--x-soft:var(--color-tint-state-soft);--x-deep:var(--color-tint-state-deep)}