html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #18a058;--success-color: #18a058;--warning-color: #f0a020;--error-color: #d03050;--info-color: #2080f0;--border-color: #eee;--text-color: #333;--text-color-light: #666;--font-size-small: 12px;--font-size-base: 14px;--font-size-large: 16px;--border-radius: 4px;--box-shadow: 0 1px 4px rgba(0,0,0,.05)}.page-container{padding:24px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}