diff --git a/src/components/captcha.vue b/src/components/captcha.vue
index 9e2c67e..f215ad8 100644
--- a/src/components/captcha.vue
+++ b/src/components/captcha.vue
@@ -60,7 +60,7 @@ const mouseDown = (event: MouseEvent) => {
         clickX = event.clientX
         sliderLeft.value = clickX - trackLeft.value
         minX.value = clickX
-        maxX.value = minX.value + 190   
+        maxX.value = minX.value + 230   
     } 
 }
 
@@ -69,15 +69,15 @@ const mouseMove = (event: MouseEvent) => {
         sliderX.value = event.clientX - trackLeft.value - sliderLeft.value
         if (sliderX.value < 0) {
             sliderX.value = 0
-        } else if (sliderX.value > 190) {
-            sliderX.value = 190
+        } else if (sliderX.value > 230) {
+            sliderX.value = 230
         }
     }
 }
 
 const mouseUp = () => {
     if (isMouseDown.value) {
-        if (sliderX.value < 190) {
+        if (sliderX.value < 230) {
             errorMsg("验证失败，请重新验证")
             isCaptcha.value = "error"
             slider.value.classList.add("slider-error")
@@ -91,7 +91,7 @@ const mouseUp = () => {
         } 
         else {
             successMsg("验证成功")
-            sliderX.value = 190
+            sliderX.value = 230
             isCaptcha.value = "success"
             slider.value.classList.add("slider-success")
             filled.value.classList.add("filled-success")
@@ -117,8 +117,8 @@ defineExpose({
 <style scoped lang="css">
 .track {
     position: relative;
-    width: 220px;
-    height: 30px;
+    width: 260px;
+    height: 38px;
     background-color: #f4f9ff;
     box-shadow: inset 0 0 2px #c9c9c9;
     display: flex;
@@ -129,7 +129,7 @@ defineExpose({
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
-        font-size: 11px;
+        font-size: 13px;
         color: rgb(153, 153, 153);
         user-select: none;
     }
@@ -138,7 +138,7 @@ defineExpose({
     .filled-success,
     .filled-error {
         position: absolute;
-        height: 30px;
+        height: 38px;
         border: 0.1px solid #1991fa;
         background-color: #cee8fe;
     }
@@ -157,8 +157,8 @@ defineExpose({
     .slider-success,
     .slider-error {
         position: absolute;
-        width: 30px;
-        height: 30px;
+        width: 38px;
+        height: 38px;
         color: #afaeae;
         background-color: #fff;
         box-shadow: 0 0 2px 0.6px #c9c9c9;
diff --git a/src/store/index.ts b/src/store/index.ts
index 41b5587..04528af 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -15,7 +15,7 @@ export const useStore = defineStore('user', {
             longToken: "",
             fatherId: "",
             fatherIdName: "",
-            isAutoLogin: false
+            isAutoLogin: "false"
         }
     },
 
@@ -28,46 +28,53 @@ export const useStore = defineStore('user', {
         },
         getUserId () {
             if (this.userId == "") {
-                this.userId = localStorage.getItem("UserId") || ""
+                if (localStorage.getItem('LongToken') || sessionStorage.getItem('LongToken')) {
+                    this.userId = localStorage.getItem("UserId") || ""
+                }
             }
             return this.userId 
         },
         setFatherId (fatherId: string) {
             this.fatherId = fatherId
         },
-        
-        setUserInfo (userId: string, shortToken:string, longToken:string, chatToken:string, isAutoLogin:boolean) {
+
+        setUserSession (shortToken: string, longToken: string, userId: string) {
             this.userId = userId
             this.shortToken = shortToken
             this.longToken = longToken
-            this.isAutoLogin = isAutoLogin
-        },
+            this.isAutoLogin = "false"
 
-        localSetUserInfo (userId: string, shortToken:string, longToken:string, chatToken:string, isAutoLogin:boolean) {
-            localStorage.setItem("UserId", userId)
-            localStorage.setItem("ShortToken", shortToken)
-            localStorage.setItem("LongToken", longToken)
-            localStorage.setItem("ChatToken", chatToken)
-            localStorage.setItem("IsAutoLogin", isAutoLogin ? "true" : "false")
+            sessionStorage.setItem("UserId", userId)
+            sessionStorage.setItem("ShortToken", shortToken)
+            sessionStorage.setItem("LongToken", longToken)
+            sessionStorage.setItem("isAutoLogin", "false")
         },
+        setUserLocal (shortToken: string, longToken: string, userId: string) {
+            this.userId = userId
+            this.shortToken = shortToken
+            this.longToken = longToken
+            this.isAutoLogin = "true"
 
-        updateToken (shortToken:string, longToken:string, chatToken:string) {
+            localStorage.setItem("UserId", userId)
             localStorage.setItem("ShortToken", shortToken)
             localStorage.setItem("LongToken", longToken)
-            localStorage.setItem("ChatToken", chatToken)
-
-            this.shortToken = shortToken
-            this.longToken = longToken
+            localStorage.setItem("isAutoLogin", "true")
         },
 
         loginOut () {
             localStorage.removeItem("UserId")
             localStorage.removeItem("ShortToken")
             localStorage.removeItem("LongToken")
+            sessionStorage.removeItem("UserId")
+            sessionStorage.removeItem("ShortToken")
+            sessionStorage.removeItem("LongToken")
+            localStorage.removeItem("isAutoLogin")
+            sessionStorage.removeItem("isAutoLogin")
 
             this.userId = ""
             this.shortToken = ""
             this.longToken = ""
+            this.isAutoLogin = ""
         }
     }
 })
\ No newline at end of file
diff --git a/src/utils/request.ts b/src/utils/request.ts
index c95ad0a..b89b3be 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -3,6 +3,7 @@ import { useStore } from '@/store/index'
 import { ElMessage } from 'element-plus'
 import type { AxiosResponse, InternalAxiosRequestConfig } from 'axios'
 import { ref } from 'vue'
+import { errorMsg } from './message'
 
 interface myResponseType<T> extends AxiosResponse {
     code: number,
@@ -22,8 +23,18 @@ const service = axios.create({
 const store = useStore()
 service.interceptors.request.use(
   (config: InternalAxiosRequestConfig) => {
-    const localToken = localStorage.getItem('ShortToken')
-    config.headers['Authorization'] = localToken
+    // const localToken = localStorage.getItem('ShortToken')
+    if (localStorage.getItem('LongToken') === null && sessionStorage.getItem('LongToken') === null) {
+      return config
+    }
+    else if (localStorage.getItem('LongToken') === null && sessionStorage.getItem('LongToken') !== null) {
+      const localToken = sessionStorage.getItem('ShortToken')
+      config.headers['Authorization'] = localToken
+    }
+    else {
+      const localToken = localStorage.getItem('ShortToken')
+      config.headers['Authorization'] = localToken
+    }
     
     return config
   },
@@ -32,45 +43,45 @@ service.interceptors.request.use(
   }
 )
 
-const reqCounts = ref(0)
 service.interceptors.response.use(
   (response: any) => {
     return response.data
   },
   (error: any) => {
     const status = error.response.status
-        
     if (status === 401) {
-      const longToken = localStorage.getItem('LongToken')
-      
-      if (longToken) {
-        post('/auth/refreshToken', { longToken })
-        .then((response: any) => {
-          if (response.msg === 'token有误') {
-            store.loginOut()
-            ElMessage.error('登录过期，请重新登录')
+      if (localStorage.getItem('isAutoLogin') === "true") {//自动登录情况
+        const longToken = localStorage.getItem('LongToken')
+        if (longToken) {
+          try {
+            post('/auth/refreshToken', { longToken })
+            .then((res: any) => {
+              if (res !== undefined) {
+                store.setUserLocal (res.shortToken, res.longToken, res.userId)
+                return service(error.config)
+              }
+              else {
+                store.loginOut()
+                ElMessage.error('登录过期，请重新登录')
+              }
+            })
           }
-          else {
-            if (reqCounts.value < 2) {
-              reqCounts.value ++
-              const res = response.data
-              store.updateToken(res.shortToken, res.longToken, res.chatToken)
-              return service(error.config)
-            }
-            else {
-              store.loginOut()
-              ElMessage.error('登录过期，请重新登录')
-            }
+          catch (error: any) {
+            errorMsg(error)
           }
-        })
-        .catch((error: any) => {
-          console.log(error);
-        })
+        }
+        else {
+          store.loginOut()
+          ElMessage.error('请前往登录')
+        }
       }
-      else {
-        store.loginOut()
-        ElMessage.error('请登录')
-        return Promise.reject('请登录')
+      else if (sessionStorage.getItem('isAutoLogin') === "false") {
+        const longToken = sessionStorage.getItem('LongToken')
+        post('/auth/refreshToken', { longToken })
+        .then((res: any) => {
+          store.setUserSession (res.shortToken, res.longToken, res.userId)
+          return service(error.config)
+        })
       }
     }
     else if (status === 404) {
diff --git a/src/views/home/popup.vue b/src/views/home/popup.vue
index 41535fb..c710b38 100644
--- a/src/views/home/popup.vue
+++ b/src/views/home/popup.vue
@@ -21,18 +21,30 @@
 import { useStore } from '@/store/index'
 import { onMounted, ref } from 'vue'
 import { successMsg } from '@/utils/message';
+import { getUserDetail } from '../information/utils';
 
 const store = useStore()
 const isLogin = ref(false)
 
 onMounted(() => {
-    isLogin.value = store.getUserId() === "" ? false : true
+    judgeIsLogin()
 })
 
+const judgeIsLogin = () => {
+    if (localStorage.getItem('LongToken') || sessionStorage.getItem('LongToken')) {
+        isLogin.value = true
+    }
+    else {
+        isLogin.value = false
+    }
+}
+
 const logout = () => {
     store.loginOut()
     isLogin.value = false
+    getUserDetail()
     successMsg('退出登录成功')
+    location.reload()
 }
 </script>
 
diff --git a/src/views/information/utils.ts b/src/views/information/utils.ts
index ffae87a..1bb7cd5 100644
--- a/src/views/information/utils.ts
+++ b/src/views/information/utils.ts
@@ -5,6 +5,10 @@ import { ref } from "vue"
 const store = useStore()
 
 export const getUserDetail = async() => {
+    if (sessionStorage.getItem('LongToken') === null && localStorage.getItem('LongToken') === null) {
+        return 
+    }
+    
     const detail = ref({
         name: '',
         sex: '',
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 23b3aec..a1d1fa9 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="main-box">
-        <img src="../../assets/images/background-circle.png" class="circle">
         <div class="panel">
+            <img src="../../assets/images/background-circle.png" class="circle">
             <img 
+                class="illustration"
                 src="../../assets/images/illustration.png" 
-                style="transform: scale(0.7); -webkit-user-drag: none;"
             >
             <div class="contents">
                 <div class="cloudmind">
@@ -16,28 +16,34 @@
                 </div>
                 <div class="input">
                     <div class="email">
-                        <i class="iconfont icon-user-solid"
-                            style="color: rgb(187, 186, 186)">
+                        <i 
+                            class="iconfont icon-user-solid"
+                            style="color: rgb(187, 186, 186); font-size: 18px;"
+                        >
                         </i>
-                        <input class="email-input" 
-                               type="text"
-                               placeholder="邮箱"
-                               v-model="email"
-                               @input="judgeAccountInput"
-                               @blur="judgeAccountBlur"
+                        <input 
+                            class="email-input" 
+                            type="text"
+                            placeholder="邮箱"
+                            v-model="email"
+                            @input="judgeAccountInput"
+                            @blur="judgeAccountBlur"
                         >
                     </div>
                     <div class="email-msg" v-show="errorEmail">* {{ errorEmailMsg }}</div>
                     <div class="password">
-                        <i class="iconfont icon-lock-solid" 
-                           style="color: rgb(187, 186, 186)">
+                        <i 
+                            class="iconfont icon-lock-solid" 
+                            style="color: rgb(187, 186, 186)"
+                        >
                         </i>
-                        <input class="password-input" 
-                               type="password"
-                               placeholder="密码"
-                               v-model="password"
-                               @input="judgePasswordInput"
-                               @blur="judgePasswordBlur"
+                        <input 
+                            class="password-input" 
+                            type="password"
+                            placeholder="密码"
+                            v-model="password"
+                            @input="judgePasswordInput"
+                            @blur="judgePasswordBlur"
                         >
                     </div>
                     <div class="password-msg" v-show="errorPassword">* {{ errorPasswordMsg }}</div>
@@ -46,15 +52,17 @@
                     </div>
                     <div class="auto-forget">
                         <div>
-                            <input type="checkbox" 
-                                   id="checkbox"
-                                   class="checkbox-input"
+                            <input 
+                                v-model="isAutoLogin"
+                                type="checkbox" 
+                                id="checkbox"
+                                class="checkbox-input"
                             >
                             <label class="checkbox-lable" for="checkbox">自动登录</label>
                         </div>
                         <div class="forget">忘记密码?</div>
                     </div>
-                    <button class="login-button" @click="login">登录</button>
+                    <button class="login-button" @click="login">登 录</button>
                     <div class="agreements">
                         <input 
                             type="checkbox" 
@@ -73,21 +81,7 @@
                         >隐私政策</router-link>
                     </div>
                 </div>
-                <div class="third">
-                    <div class="third-login">
-                        <div></div>
-                        <div>第三方登录</div>
-                        <div ></div>
-                    </div>
-                    <div>
-                        <i class="iconfont icon-qq qq"></i>
-                        <i class="iconfont icon-weixin weixin"></i>
-                        <i class="iconfont icon-gitub gitub"></i>
-                        <a href="https://gitee.com/oauth/authorize?client_id=10dfe502136745d1f135474390c4cb6cd50fce3a5bf7a167891d3b0ec184d2eb&redirect_uri=https://apisix.cloudmind.top/auth/githubLogin&response_type=code" target="_blank">
-                            <i class="iconfont icon-gitee1 gitee"></i>
-                        </a>
-                    </div>
-                </div>
+                <Third></Third>
             </div>
         </div>
     </div> 
@@ -95,6 +89,7 @@
 
 <script setup lang="ts">
 import Captcha from '@/components/captcha.vue'
+import Third from './third-login.vue'
 import router from '@/router'
 import { ref, onMounted } from 'vue'
 import { post, get } from '@/utils/request';
@@ -113,6 +108,7 @@ const isCaptcha = ref(false)
 const isPassword = ref(false)
 const errorEmail = ref(false)
 const agreements = ref(false)
+const isAutoLogin = ref(false)
 const errorPassword = ref(false)
 
 onMounted(() => {
@@ -125,8 +121,7 @@ const thirdLogin = () => {
         const url = '/auth/giteeLogin?code=' + code
         get(url)
         .then ((res: any) => {
-            store.setUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
-            store.localSetUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
+            store.setUserLocal (res.shortToken, res.longToken, res.userId)
             
             successMsg('登录成功')
             router.push('/')
@@ -211,9 +206,12 @@ const login = () => {
             password: password.value
         })
         .then ((res: any) => {
-            store.setUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
-            store.localSetUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
-            
+            if (!isAutoLogin.value) {
+                store.setUserSession (res.shortToken, res.longToken, res.userId)
+            }
+            else {
+                store.setUserLocal (res.shortToken, res.longToken, res.userId)
+            }
             successMsg('登录成功')
             router.push('/')
         })
@@ -238,54 +236,61 @@ const register = () => router.push('/register')
  
 <style scoped lang="css">
 .main-box {
+    position: relative;
     width: 100%;
     height: 100%;
     background-color: rgba(240, 245, 255, 1);
-
-    .circle {
-        position: absolute;
-        bottom: 2%;
-        right: 5%;
-        width: 25%;
-        height: 51%;
-        -webkit-user-drag: none;
-    }
+    padding: 30px;
+    display: flex;
+    overflow: auto;
 
     .panel {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        width: 1200px;
-        height: 600px;
+        position: relative;
+        width: 1400px;
+        height: 700px;
         border-radius: 80px;
         background: rgba(207, 227, 252, 0.6);
         box-shadow: 0px 1px 7px 2px rgba(114, 157, 224, 0.51);
+        margin: auto;
         display: flex;
         align-items: center;
         justify-content: space-around;
 
+        .circle {
+            position: absolute;
+            width: 400px;
+            height: 400px;
+            right: -200px;
+            bottom: -120px;
+        }
+
+        .illustration {
+            transform: scale(0.85);
+            -webkit-user-drag: none;
+        }
+
         .contents {
-            width: 360px;
+            width: 400px;
             height: auto;
             border-radius: 25px;
             margin-right: 100px;
             padding: 16px;
-            padding-bottom: 50px;
+            padding-bottom: 40px;
             background-color: #fff;
 
             .cloudmind {
+                margin-bottom: 20px;
                 display: flex;
                 justify-content: center;
             }
             .cloudmind img {
-                transform: scale(0.7); 
+                transform: scale(0.82); 
                 -webkit-user-drag: none;
             }
 
             .switch {
-                width: 45%;
-                height: 40px;
+                width: 50%;
+                height: 50px;
                 background: rgba(243, 247, 251, 1);
                 border-radius: 10px;
                 margin: 0px 0 15px 53px;
@@ -298,7 +303,7 @@ const register = () => router.push('/register')
                     width: 48%;
                     height: 70%;
                     border: none;
-                    font-size: 13px;
+                    font-size: 14px;
                 }
                 button:first-child {
                     font-weight: 700;
@@ -326,13 +331,13 @@ const register = () => router.push('/register')
 
                 .email, 
                 .password {
-                    width: 220px;
-                    height: 32px;
+                    width: 260px;
+                    height: 40px;
                     box-shadow: inset 0 0 1px 1px rgba(224, 223, 223, 0.981);
-                    border-radius: 3px;
+                    border-radius: 5px;
                     padding-left: 10px;
                     padding-right: 1px;
-                    margin-bottom: 15px;
+                    margin-bottom: 20px;
                     display: flex;
                     flex-direction: row;
                     align-items: center;
@@ -354,28 +359,28 @@ const register = () => router.push('/register')
                 }
                 .email-input::placeholder,
                 .password-input::placeholder {
-                    font-size: 13px;
+                    font-size: 15px;
                     color: rgb(187, 186, 186);
                 }
 
                 .email-msg,
                 .password-msg {
                     position: absolute;
-                    font-size: 10px;
+                    font-size: 12px;
                     color: #d84141;
                     left: 55px;
                 }
 
                 .email-msg {
-                    top: 32px;
+                    top: 41px;
                 }
                 .password-msg {
-                    top: 79px;
+                    top: 102px;
                 }
 
                 .captcha {
-                    width: 220px;
-                    height: 32px;
+                    width: 260px;
+                    height: 40px;
                     margin-bottom: 15px;
                     display: flex;
                     flex-direction: row;
@@ -384,17 +389,17 @@ const register = () => router.push('/register')
                 }
 
                 .auto-forget {
-                    width: 220px;
-                    font-size: 11px;
+                    width: 260px;
+                    font-size: 12px;
                     margin-bottom: 15px;
                     display: flex;
                     justify-content: space-between;
+                    align-items: center;
 
                     .checkbox-input {
                         cursor: pointer;
                         margin-right: 5px;
                         vertical-align: middle;
-                        
                     }
                     .checkbox-lable {
                         color: rgb(88, 88, 88); 
@@ -422,13 +427,13 @@ const register = () => router.push('/register')
                 }
 
                 .login-button {
-                    width: 220px;
-                    height: 32px;
+                    width: 260px;
+                    height: 40px;
                     border: none;
                     cursor: pointer;
-                    font-size: 14px;
+                    font-size: 15px;
                     border-radius: 10px;
-                    margin-bottom: 10px;
+                    margin-bottom: 15px;
                     color: #fff;
                     background: linear-gradient(155.11deg, rgba(30, 168, 255, 1) 0%, rgba(59, 142, 231, 0.4) 100%);
                     transition: all 0.5s;
@@ -441,8 +446,9 @@ const register = () => router.push('/register')
                 }
 
                 .agreements {
-                    font-size: 10px;
+                    font-size: 12px;
                     margin-right: 7px;
+                    margin-bottom: 10px;
 
                     .agreement-lable {
                         color: rgb(111, 111, 111); 
@@ -452,53 +458,23 @@ const register = () => router.push('/register')
                     }
                 }
             }
+        }
+    }
+}
 
-            .third {
-                width: 100%;
-                height: 60px;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: space-between;
-
-                .third-login {
-                    width: 300px;
-                    display: flex; 
-                    justify-content: center;
-                    align-items: center;
-                }
-                .third-login div:first-child,
-                .third-login div:last-child {
-                    width: 70px;
-                    height: 0.1px;
-                    background-color: rgb(187, 186, 186);
-                }
-                .third-login div:nth-child(2) {
-                    font-size: 12px;
-                    color: rgb(187, 186, 186);
-                    user-select: none;
-                }
-
-                a {
-                    text-decoration: none;
-                }
+@media screen and (max-width: 1000px) {
+    .contents {
+        position: absolute;
+        width: 1600px;
+        height: 800px;
+        border-radius: 100px;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
 
-                i {
-                    font-size: 25px;
-                    margin: 0 8px;
-                    cursor: pointer;
-                }
-                .qq {
-                    color: rgb(78, 186, 248);
-                }
-                .weixin {
-                    color: rgb(71, 211, 118);
-                }
-                .gitee {
-                    color: #d83d3d;
-                }
-            }
-        }
+    .illustration {
+        display: none;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/login/third-login.vue b/src/views/login/third-login.vue
new file mode 100644
index 0000000..b831107
--- /dev/null
+++ b/src/views/login/third-login.vue
@@ -0,0 +1,68 @@
+<template>
+    <div class="third">
+        <div class="third-login">
+            <div></div>
+            <div>第三方登录</div>
+            <div ></div>
+        </div>
+        <div>
+            <i class="iconfont icon-qq qq"></i>
+            <i class="iconfont icon-weixin weixin"></i>
+            <i class="iconfont icon-gitub gitub"></i>
+            <a href="https://gitee.com/oauth/authorize?client_id=10dfe502136745d1f135474390c4cb6cd50fce3a5bf7a167891d3b0ec184d2eb&redirect_uri=https://cloudmind.top/login&response_type=code" target="_blank">
+                <i class="iconfont icon-gitee1 gitee"></i>
+            </a>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style scoped lang="css">
+.third {
+    width: 100%;
+    height: 60px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+
+    .third-login {
+        width: 300px;
+        display: flex; 
+        justify-content: center;
+        align-items: center;
+    }
+    .third-login div:first-child,
+    .third-login div:last-child {
+        width: 70px;
+        height: 0.1px;
+        background-color: rgb(187, 186, 186);
+    }
+    .third-login div:nth-child(2) {
+        font-size: 13px;
+        color: rgb(187, 186, 186);
+        user-select: none;
+    }
+
+    a {
+        text-decoration: none;
+    }
+
+    i {
+        font-size: 30px;
+        margin: 0 8px;
+        cursor: pointer;
+    }
+    .qq {
+        color: rgb(78, 186, 248);
+    }
+    .weixin {
+        color: rgb(71, 211, 118);
+    }
+    .gitee {
+        color: #d83d3d;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/register/register.vue b/src/views/register/register.vue
index 19905b8..ad3becf 100644
--- a/src/views/register/register.vue
+++ b/src/views/register/register.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="main-box">
-        <img src="../../assets/images/background-circle.png" class="circle">
         <div class="panel">
+            <img src="../../assets/images/background-circle.png" class="circle">
             <img 
+                class="illustration"
                 src="../../assets/images/illustration.png" 
-                style="transform: scale(0.7); -webkit-user-drag: none; "
             >
             <div class="contents">
                 <div class="cloudmind">
@@ -91,27 +91,7 @@
                         >隐私政策</router-link>
                     </div>
                 </div>
-                <div class="third">
-                    <div class="third-login">
-                        <div></div>
-                        <div>第三方登录</div>
-                        <div ></div>
-                    </div>
-                    <div>
-                        <a href="" target="_blank">
-                            <i class="iconfont icon-qq qq"></i>
-                        </a>
-                        <a href="" target="_blank">
-                            <i class="iconfont icon-weixin weixin"></i>
-                        </a>
-                        <a href="https://github.com/login/oauth/authorize?client_id=2b3644ed24902ef9eb6f&redirect_uri=http://apisix.cloudmind.top/auth/githubLogin" target="_blank">
-                            <i class="iconfont icon-gitub gitub"></i>
-                        </a>
-                        <a href="https://gitee.com/oauth/authorize?client_id=10dfe502136745d1f135474390c4cb6cd50fce3a5bf7a167891d3b0ec184d2eb&redirect_uri=http://apisix.cloudmind.top/auth/giteeLogin&response_type=code" target="_blank">
-                            <i class="iconfont icon-gitee1 gitee"></i>
-                        </a>
-                    </div>
-                </div>
+                <Third></Third>
             </div>
         </div>
     </div>
@@ -119,6 +99,7 @@
 
 <script setup lang="ts">
 import router from '../../router/index'
+import Third from '@/views/login/third-login.vue'
 import { ref } from 'vue'
 import { judgeEmail, judgePassword } from '@/utils/judge'
 import { errorMsg, successMsg } from '@/utils/message'
@@ -283,8 +264,7 @@ const register = () => {
                     password: password.value,
                 })
                 .then((res: any) => {
-                    store.setUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
-                    store.localSetUserInfo(res.userId, res.shortToken, res.longToken, res.chatToken, false)
+                    store.setUserSessionToken(res.shortToken, res.longToken)
 
                     successMsg('注册成功')
                     router.push('/')
@@ -305,54 +285,62 @@ const login = () => router.push('/login')
 
 <style scoped lang="css">
 .main-box {
+    position: relative;
     width: 100%;
     height: 100%;
     background-color: rgba(240, 245, 255, 1);
-
-    .circle {
-        position: absolute;
-        bottom: 2%;
-        right: 5%;
-        width: 25%;
-        height: 51%;
-        -webkit-user-drag: none;
-    }
+    padding: 30px;
+    display: flex;
+    overflow: auto;
 
     .panel {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        width: 1200px;
-        height: 600px;
+        position: relative;
+        width: 1400px;
+        height: 700px;
         border-radius: 80px;
         background: rgba(207, 227, 252, 0.6);
         box-shadow: 0px 1px 7px 2px rgba(114, 157, 224, 0.51);
+        margin: auto;
         display: flex;
         align-items: center;
         justify-content: space-around;
 
+        .circle {
+            position: absolute;
+            width: 400px;
+            height: 400px;
+            right: -200px;
+            bottom: -120px;
+        }
+
+        .illustration {
+            transform: scale(0.85);
+            -webkit-user-drag: none;
+        }
+
+
         .contents {
-            width: 360px;
+            width: 400px;
             height: auto;
             border-radius: 25px;
             margin-right: 100px;
             padding: 16px;
-            padding-bottom: 50px;
+            padding-bottom: 40px;
             background-color: #fff;
 
             .cloudmind {
+                margin-bottom: 20px;
                 display: flex;
                 justify-content: center;
             }
             .cloudmind img {
-                transform: scale(0.7); 
+                transform: scale(0.82); 
                 -webkit-user-drag: none;
             }
 
             .switch {
-                width: 45%;
-                height: 40px;
+                width: 50%;
+                height: 50px;
                 background: rgba(243, 247, 251, 1);
                 border-radius: 10px;
                 margin: 0px 0 15px 53px;
@@ -365,7 +353,7 @@ const login = () => router.push('/login')
                     width: 48%;
                     height: 70%;
                     border: none;
-                    font-size: 13px;
+                    font-size: 14px;
                 }
                 button:first-child {
                     color: #b9b9b9;
@@ -395,13 +383,13 @@ const login = () => router.push('/login')
                 .getCaptcah,
                 .password,
                 .confirm-password {
-                    width: 220px;
-                    height: 32px;
+                    width: 260px;
+                    height: 40px;
                     box-shadow: inset 0 0 1px 1px rgba(224, 223, 223, 0.981);
-                    border-radius: 3px;
+                    border-radius: 5px;
                     padding-left: 10px;
                     padding-right: 1px;
-                    margin-bottom: 15px;
+                    margin-bottom: 20px;
                     display: flex;
                     flex-direction: row;
                     align-items: center;
@@ -428,18 +416,18 @@ const login = () => router.push('/login')
                 .confirm-password-msg,
                 .captcha-msg{
                     position: absolute;
-                    font-size: 10px;
+                    font-size: 12px;
                     color: #d84141;
                     left: 55px;
                 }
                 .email-msg,
                 .password-msg {
-                    top: 32px;
+                    top: 41px;
                 }
         
                 .captcha-msg,
                 .confirm-password-msg{
-                    top: 79.5px;
+                    top: 102px;
                 }
 
 
@@ -448,7 +436,7 @@ const login = () => router.push('/login')
                     height: 90%;
                     border: none;
                     outline: none;
-                    font-size: 11px;
+                    font-size: 13px;
                     color: rgb(50, 145, 209);
                     background-color: #fff;
                     transition: all 0.5s;
@@ -490,14 +478,14 @@ const login = () => router.push('/login')
                 }
 
                 .register-button {
-                    width: 220px;
-                    height: 32px;
+                    width: 260px;
+                    height: 40px;
                     border: none;
                     cursor: pointer;
                     font-size: 14px;
                     border-radius: 10px;
                     margin-top: 10px;
-                    margin-bottom: 10px;
+                    margin-bottom: 15px;
                     color: #fff;
                     background: linear-gradient(155.11deg, rgba(30, 168, 255, 1) 0%, rgba(59, 142, 231, 0.4) 100%);
                     transition: all 0.5s;
@@ -510,8 +498,9 @@ const login = () => router.push('/login')
                 }
 
                 .agreements {
-                    font-size: 10px;
+                    font-size: 12px;
                     margin-right: 7px;
+                    margin-bottom: 10px;
 
                     .agreement-lable {
                         color: rgb(111, 111, 111); 
@@ -573,4 +562,20 @@ const login = () => router.push('/login')
         }
     }
 }
+
+@media screen and (max-width: 1000px) {
+    .contents {
+        position: absolute;
+        width: 1600px;
+        height: 800px;
+        border-radius: 100px;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    .illustration {
+        display: none;
+    }
+}
 </style>
\ No newline at end of file