*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}:root{--primary: #409eff;--primary-light: #e8f3ff;--secondary: #67c23a;--warning: #e6a23c;--danger: #f56c6c;--gray: #909399;--light: #f5f7fa;--dark: #303133}body{background-color:var(--light);color:var(--dark);line-height:1.6}.btn{padding:7px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--secondary);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff}