*{margin:0;padding:0;box-sizing:border-box}#app{width:100%;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root{--primary-color: #667eea;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-hover: #5a67d8;--primary-light: rgba(102, 126, 234, .1);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--text-primary: #1e293b;--text-regular: #475569;--text-secondary: #64748b;--text-placeholder: #94a3b8;--border-base: #e2e8f0;--border-light: #f1f5f9;--border-lighter: #f8fafc;--border-extra-light: #ffffff;--fill-base: #f8fafc;--background-base: #ffffff;--background-overlay: rgba(255, 255, 255, .95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 40px rgba(102, 126, 234, .15);--transition-fast: .2s cubic-bezier(.25, .8, .25, 1);--transition-base: .3s cubic-bezier(.25, .8, .25, 1);--transition-slow: .4s cubic-bezier(.25, .8, .25, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#667eea0d;border-radius:3px}::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#667eea80}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.el-button--primary{background:var(--primary-gradient)!important;border-color:var(--primary-color)!important;transition:all var(--transition-base)}.el-button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.el-input__wrapper{transition:all var(--transition-base)}.el-input__wrapper:hover{border-color:var(--primary-color)!important}.el-input__wrapper.is-focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)}.text-center{text-align:center}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}