diff --git a/.husky/commit-msg b/.husky/commit-msg
new file mode 100644
index 00000000..0a4b97de
--- /dev/null
+++ b/.husky/commit-msg
@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 00000000..c27d8893
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+lint-staged
diff --git a/src/pages/user/register/styles.ts b/src/pages/user/register/styles.ts
new file mode 100644
index 00000000..cad6b68c
--- /dev/null
+++ b/src/pages/user/register/styles.ts
@@ -0,0 +1,46 @@
+import { createStyles } from 'antd-style';
+
+const useStyles = createStyles(({ token }) => {
+  return {
+    main: {
+      width: '368px',
+      margin: '0 auto',
+      h3: { marginBottom: '20px', fontSize: '16px' },
+    },
+    password: {
+      marginBottom: '24px',
+      '.ant-form-item-explain': { display: 'none' },
+    },
+    getCaptcha: {
+      display: 'block',
+      width: '100%',
+    },
+
+    footer: {
+      width: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+    },
+    submit: {
+      width: '50%',
+    },
+    success: {
+      transition: 'color 0.3s',
+      color: token.colorSuccess,
+    },
+    warning: {
+      transition: 'color 0.3s',
+      color: token.colorWarning,
+    },
+    error: {
+      transition: 'color 0.3s',
+      color: token.colorError,
+    },
+    'progress-pass > .progress': {
+      '.ant-progress-bg': { backgroundColor: token.colorWarning },
+    },
+  };
+});
+
+export default useStyles;