:root{--color-primary: #5B8DEF;--color-primary-hover: #4A7DD8;--color-primary-active: #3A6DC1;--color-success: #7ED957;--color-success-hover: #6FC844;--color-warning: #F59E0B;--color-error: #EF4444;--color-purple: #A78BFA;--color-pink: #EC4899;--color-deep-blue: #1E3A8A;--color-deep-blue-hover: #1E40AF;--color-background: #F5F7FA;--color-card-background: #FFFFFF;--color-text-primary: #2D3748;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-border: #D1D5DB;--color-border-light: #E5E7EB;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-card: 20px;--radius-card-medium: 16px;--radius-input: 12px;--radius-button: 12px;--radius-pill: 999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--font-family: "Inter", "PingFang SC", "微软雅黑", sans-serif;--font-size-hero: 28px;--font-size-page-title: 24px;--font-size-card-title: 18px;--font-size-body: 16px;--font-size-small: 14px;--font-size-label: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.6;--layout-max-width: 1440px;--layout-sidebar-width: 240px;--layout-header-height: 72px;--layout-content-padding: 32px;--input-height: 48px;--button-height: 44px;--button-height-secondary: 36px;--icon-size: 24px;--icon-size-sm: 20px;--animation-duration: .2s;--animation-easing: ease-out;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family)}h1{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h2{font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text-primary)}h3{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--color-text-primary)}p{font-size:var(--font-size-body);line-height:var(--line-height);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--animation-duration) var(--animation-easing)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;transition:all var(--animation-duration) var(--animation-easing)}.soft-card{background:var(--color-card-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:box-shadow var(--animation-duration) var(--animation-easing)}.soft-card:hover{box-shadow:var(--shadow-card-hover)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.badge-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-purple{background-color:var(--color-purple);color:#fff}.badge-pink{background-color:var(--color-pink);color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0;margin-bottom:var(--spacing-md)}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}.page-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);z-index:9999}.page-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.page-loading-icon{color:#1e3a8a;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-loading-brand{font-size:20px;font-weight:600;color:#1e3a8a;letter-spacing:2px}.page-loading-tip{font-size:14px;color:#64748b}.page-loading-dots{display:flex;gap:6px}.page-loading-dots span{width:8px;height:8px;border-radius:50%;background-color:#1e3a8a;animation:bounce 1.4s ease-in-out infinite both}.page-loading-dots span:nth-child(1){animation-delay:-.32s}.page-loading-dots span:nth-child(2){animation-delay:-.16s}.page-loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}