:root{--primary-color: #3498db;--primary-color-hover: #2980b9;--secondary-color: #2ecc71;--secondary-color-hover: #27ae60;--danger-color: #e74c3c;--warning-color: #f39c12;--info-color: #3498db;--success-color: #2ecc71;--text-color-primary: #333333;--text-color-secondary: #7f8c8d;--text-color-disabled: #bdc3c7;--bg-color: #ffffff;--bg-color-light: #f5f5f5;--bg-color-dark: #333333;--border-color: #dcdfe6;--border-color-light: #e4e7ed;--border-color-lighter: #ebeef5;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--border-radius-circle: 50%;--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--box-shadow-medium: 0 4px 16px 0 rgba(0, 0, 0, .2);--box-shadow-dark: 0 8px 24px 0 rgba(0, 0, 0, .3);--transition-duration: .3s;--z-index-normal: 1;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal: 1040;--z-index-popover: 1050;--z-index-tooltip: 1060}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;color:var(--text-color-primary);line-height:1.5;background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-duration)}a:hover{color:var(--primary-color-hover)}button{cursor:pointer}img{max-width:100%;height:auto}.container{width:100%}.main-content{min-width:800px}.flex-center{display:flex;justify-content:center;align-items:center}.space-between{display:flex;justify-content:space-between;align-items:center}.dark-mode{--bg-color: #1a1c23;--bg-color-light: #2d3748;--text-color-primary: #f7fafc;--text-color-secondary: #cbd5e0;--border-color-light: #4a5568}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}:root{--primary-color: #6366f1;--secondary-color: #4299e1;--bg-color: #ffffff;--bg-color-light: #f7f8fc;--bg-color-dark: #1a1c23;--text-color-primary: #333333;--text-color-secondary: #666666;--border-color-light: #e2e8f0;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-circle: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--transition-duration: .3s;--box-shadow-light: 0 2px 5px rgba(0, 0, 0, .1);--z-index-dropdown: 1000;--z-index-fixed: 1030}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;font-size:var(--font-size-md);color:var(--text-color-primary);line-height:1.5;background-color:var(--bg-color-light)}a{text-decoration:none;color:var(--primary-color)}