:root{--primary-color: #1677FF;--primary-hover: #4096FF;--primary-active: #0958D9;--primary-light: #E6F4FF;--success-color: #00B42A;--success-light: #E8FFEA;--warning-color: #FF7D00;--warning-light: #FFF7E8;--danger-color: #F53F3F;--danger-light: #FFECE8;--text-primary: #1D2129;--text-secondary: #4E5969;--text-tertiary: #86909C;--text-disabled: #C9CDD4;--border-color: #E5E6EB;--bg-page: #F7F8FA;--bg-card: #FFFFFF;--bg-hover: #F2F3F5;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-h1: 20px;--font-size-h2: 16px;--font-size-body: 14px;--font-size-small: 12px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--bg-page);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#cb2634}.btn-text{background:transparent;color:var(--primary-color);padding:4px 8px}.btn-text:hover{background:var(--primary-light)}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.card-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-md)}.form-item{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-label.required:before{content:"*";color:var(--danger-color);margin-right:4px}.form-input{width:100%;padding:10px 12px;font-size:var(--font-size-body);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.form-input.error{border-color:var(--danger-color)}.form-error{font-size:var(--font-size-small);color:var(--danger-color);margin-top:var(--spacing-xs)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-small);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.tag-success{background:var(--success-light);color:var(--success-color)}.tag-warning{background:var(--warning-light);color:var(--warning-color)}.tag-danger{background:var(--danger-light);color:var(--danger-color)}.tag-primary{background:var(--primary-light);color:var(--primary-color)}.tag-default{background:var(--bg-hover);color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:var(--font-size-body)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border-color);margin:var(--spacing-md) 0}.text-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary)}.text-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.text-body{font-size:var(--font-size-body);color:var(--text-secondary)}.text-small{font-size:var(--font-size-small);color:var(--text-tertiary)}@media (max-width: 768px){:root{--font-size-h1: 18px;--font-size-h2: 15px}}#app{min-height:100vh}