.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--color-bg-page);z-index:9999}.page-loading__spinner{width:28px;height:28px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:page-loading-spin .8s linear infinite}.page-loading__text{font-size:12px;color:var(--color-text-tertiary)}@keyframes page-loading-spin{to{transform:rotate(360deg)}}:root{--color-primary: #7c3aed;--color-primary-hover: #8b5cf6;--color-primary-active: #6d28d9;--color-primary-bg: rgba(124, 58, 237, .08);--color-primary-bg-strong: rgba(124, 58, 237, .12);--color-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--color-bg-primary: #ffffff;--color-bg-secondary: #f8f8fb;--color-bg-tertiary: #f0f0f5;--color-bg-page: #f5f5fa;--color-bg-mask: rgba(15, 23, 42, .04);--color-text-primary: #1e1b2e;--color-text-secondary: #52525b;--color-text-tertiary: #8b8b96;--color-text-placeholder: #c4c4cc;--color-border-primary: #e8e8f0;--color-border-secondary: #f2f2f7;--color-success: #16a34a;--color-warning: #ea580c;--color-error: #dc2626;--color-sidebar-bg: #fafafb;--color-sidebar-active: rgba(124, 58, 237, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(30, 27, 46, .04);--shadow-sm: 0 1px 3px rgba(30, 27, 46, .04), 0 1px 2px rgba(30, 27, 46, .03);--shadow-md: 0 4px 12px rgba(30, 27, 46, .05), 0 8px 24px rgba(30, 27, 46, .04);--shadow-lg: 0 8px 24px rgba(30, 27, 46, .07), 0 16px 48px rgba(30, 27, 46, .05);--shadow-focus: 0 0 0 3px rgba(124, 58, 237, .15);--shadow-primary-glow: 0 4px 16px rgba(124, 58, 237, .25);--header-h: 60px;--sidebar-w: 232px}@media (prefers-color-scheme: dark){:root{--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-active: #7c3aed;--color-primary-bg: rgba(139, 92, 246, .14);--color-primary-bg-strong: rgba(139, 92, 246, .2);--color-primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--color-bg-primary: #1a1a22;--color-bg-secondary: #21212b;--color-bg-tertiary: #292934;--color-bg-page: #121217;--color-bg-mask: rgba(255, 255, 255, .04);--color-text-primary: #f4f4f8;--color-text-secondary: #b8b8c4;--color-text-tertiary: #7a7a88;--color-text-placeholder: #4a4a56;--color-border-primary: #2c2c38;--color-border-secondary: #23232e;--color-sidebar-bg: #16161d;--color-sidebar-active: rgba(139, 92, 246, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 16px 48px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(139, 92, 246, .3);--shadow-primary-glow: 0 4px 16px rgba(139, 92, 246, .35)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}::-webkit-scrollbar-track{background:transparent}