:root{--color-primary:#667eea;--color-primary-hover:#5a6fd6;--color-primary-disabled:#b3b8e8;--color-primary-dark:#764ba2;--color-primary-light:#ecf0ff;--color-text-on-primary:#fff;--color-success:#52c41a;--color-success-light:#f6ffed;--color-warning:#fa8c16;--color-warning-light:#fff7e6;--color-danger:#f5222d;--color-danger-light:#fff1f0;--color-disabled-bg:#f5f5f5;--color-disabled-text:#ccc;--color-text-primary:#333;--color-text-secondary:#666;--color-text-hint:#767676;--color-bg-page:#f5f5f5;--color-bg-white:#fff;--color-border:#eee;--font-h1:bold 22px/1.3 var(--font-family,inherit);--font-h2:bold 18px/1.3 var(--font-family,inherit);--font-h3:bold 16px/1.4 var(--font-family,inherit);--font-body:normal 14px/1.6 var(--font-family,inherit);--font-caption:normal 12px/1.5 var(--font-family,inherit);--font-size-h1:22px;--font-size-h2:18px;--font-size-h3:16px;--font-size-body:14px;--font-size-caption:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:22px;--shadow-card:0 1px 6px rgba(0,0,0,.08);--shadow-popup:0 4px 12px rgba(0,0,0,.12);--shadow-nav:0 1px 4px rgba(0,0,0,.06)}@theme inline{ --color-primary: var(--color-primary); --color-primary-hover: var(--color-primary-hover); --color-primary-disabled: var(--color-primary-disabled); --color-primary-dark: var(--color-primary-dark); --color-primary-light: var(--color-primary-light); --color-text-on-primary: var(--color-text-on-primary); --color-success: var(--color-success); --color-success-light: var(--color-success-light); --color-warning: var(--color-warning); --color-warning-light: var(--color-warning-light); --color-danger: var(--color-danger); --color-danger-light: var(--color-danger-light); --color-text-primary: var(--color-text-primary); --color-text-secondary: var(--color-text-secondary); --color-text-hint: var(--color-text-hint); --color-bg-page: var(--color-bg-page); --color-bg-white: var(--color-bg-white); --color-border: var(--color-border);  --text-h1: var(--font-size-h1); --text-h1--line-height: 1.3; --text-h1--font-weight: 700; --text-h2: var(--font-size-h2); --text-h2--line-height: 1.3; --text-h2--font-weight: 700; --text-h3: var(--font-size-h3); --text-h3--line-height: 1.4; --text-h3--font-weight: 700; --text-body: var(--font-size-body); --text-body--line-height: 1.6; --text-body--font-weight: 400; --text-caption: var(--font-size-caption); --text-caption--line-height: 1.5; --text-caption--font-weight: 400;  --spacing-xs: var(--spacing-xs); --spacing-sm: var(--spacing-sm); --spacing-md: var(--spacing-md); --spacing-lg: var(--spacing-lg); --spacing-xl: var(--spacing-xl);  --radius-md: var(--radius-md);  --color-page: var(--color-bg-page);}@theme{--container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem;}