@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:#0a192f;transition:background-color .3s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}[contenteditable],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}#app{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;background-color:#0a192f;transition:background-color .3s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:768px){body{font-size:14px;line-height:1.5}#app{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.btn,[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}input,select,textarea{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}*{-webkit-overflow-scrolling:touch}:not(input):not(textarea):not([contenteditable]){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (max-width:480px){body{font-size:13px}}.page-fade-blur-enter-active,.page-fade-blur-leave-active{position:absolute;top:0;left:0;width:100%;height:100%;will-change:opacity,filter,transform;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);overflow:hidden}.page-fade-blur-enter-active{z-index:2}.page-fade-blur-leave-active{z-index:1}.page-fade-blur-enter-active>*,.page-fade-blur-leave-active>*{width:100%;height:100%;position:relative}.page-fade-blur-enter-active:before,.page-fade-blur-leave-active:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a192f;z-index:0;pointer-events:none;opacity:1}:root{--deep-blue:#020c1b;--tech-blue:#0a192f;--highlight-blue:#64ffda;--bright-white:#fff;--secondary-white:#ccd6f6}.index-page{font-family:Inter,sans-serif;background-color:var(--deep-blue);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:1000px;position:relative}#canvas-bg{background:radial-gradient(ellipse at bottom,var(--tech-blue) 0,var(--deep-blue) 100%)}.main-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:85%;max-width:1200px;z-index:10;transform:skewY(-2deg)}.text-area{flex:1;padding-right:50px}h1{font-size:4rem;font-weight:900;color:var(--bright-white);line-height:1.1;margin-bottom:1.5rem;text-shadow:0 5px 15px rgba(0,0,0,.3)}h1 span{color:var(--highlight-blue)}p.description{font-size:1.2rem;color:var(--secondary-white);line-height:1.6;max-width:500px;transform:skewY(2deg)}.button-area{flex:1;display:flex;justify-content:flex-end;transform:rotate(-5deg) skewX(-5deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slant-btn{position:relative;display:inline-block;padding:1.8rem 4rem;background:var(--bright-white);color:var(--deep-blue);font-size:1.3rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;border-radius:12px;box-shadow:10px 10px 0 rgba(100,255,218,.2),0 0 20px rgba(100,255,218,.1);transition:all .4s ease;animation:blueBreath 3s ease-in-out infinite}.slant-btn span{display:block;transform:skewX(5deg)}@media (max-width:768px){.slant-btn{border-radius:12px;box-shadow:0 4px 12px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.1);animation:none}.button-area,.button-area:hover,.slant-btn,.slant-btn span{transform:none!important}.button-area:hover .slant-btn{transform:scale(1.02)!important;animation:none}}@keyframes blueBreath{0%,to{transform:scale(1);box-shadow:10px 10px 0 rgba(100,255,218,.2),0 0 20px rgba(100,255,218,.1)}50%{transform:scale(1.03);box-shadow:15px 15px 0 rgba(100,255,218,.4),0 0 40px rgba(100,255,218,.3)}}.button-area:hover{transform:rotate(0deg) skewX(0deg) scale(1.05)}.button-area:hover .slant-btn{background:var(--highlight-blue);color:var(--deep-blue);animation-play-state:paused;box-shadow:0 0 0 rgba(100,255,218,0),0 0 60px rgba(100,255,218,.8);transform:scale(1.05)}.button-area:hover .slant-btn span{transform:skewX(0deg)}@media (max-width:768px){.index-page{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 15px}.main-container{flex-direction:column;transform:skewY(0deg);text-align:center;width:100%;max-width:100%;padding:0}.text-area{padding-right:0;margin-bottom:2.5rem;width:100%}h1{font-size:2rem;line-height:1.2;margin-bottom:1.2rem}p.description{transform:skewY(0deg);margin:0 auto;font-size:1rem;line-height:1.5;max-width:100%;padding:0 10px}.button-area,.slant-btn{justify-content:center;transform:none!important;width:100%;align-items:center}.slant-btn{max-width:300px;padding:1.5rem 2.5rem;font-size:1.1rem;min-height:56px;border-radius:12px;box-shadow:0 4px 12px rgba(100,255,218,.3),0 0 20px rgba(100,255,218,.1);animation:none;display:flex;text-align:center}.slant-btn span{transform:none!important;display:block}.slant-btn:active{transform:scale(.98)!important;box-shadow:0 2px 8px rgba(100,255,218,.2)}}@media (max-width:480px){.index-page{padding:15px 10px}h1{font-size:1.75rem;margin-bottom:1rem}p.description{font-size:.9rem;line-height:1.4}.text-area{margin-bottom:2rem}.slant-btn{padding:1.2rem 2rem;font-size:1rem;min-height:50px;transform:none!important;border-radius:10px;box-shadow:0 3px 10px rgba(100,255,218,.25),0 0 15px rgba(100,255,218,.1);animation:none}.slant-btn:active{transform:scale(.97)!important}}@media (max-width:768px) and (orientation:landscape){.index-page{padding:15px}.main-container{flex-direction:row;align-items:center;gap:30px}.text-area{flex:1;margin-bottom:0;text-align:left}h1{font-size:1.8rem}p.description{font-size:.9rem;padding:0}.button-area{flex:0 0 auto;justify-content:flex-end}.slant-btn{max-width:250px}}.login-container{font-family:Inter,sans-serif;background-color:var(--bg-deep);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;color:var(--text-bright);position:relative}@media (max-width:900px){.login-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.right-login-area{flex:0 0 auto}.login-card{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:40px 40px 0 40px;border-radius:20px;width:420px;max-width:420px;flex-shrink:0;border:1px solid rgba(100,255,218,.1);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(100,255,218,.1);transition:all .4s ease;overflow:visible;position:relative}.login-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 50px rgba(100,255,218,.3);border-color:rgba(100,255,218,.3)}.login-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid hsla(0,0%,100%,.1)}.tab-item{padding:10px 15px;color:var(--text-muted);cursor:pointer;position:relative;font-weight:500;transition:color .3s}.tab-item.active{color:var(--accent-cyan)}.tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-cyan);box-shadow:0 -2px 10px var(--accent-cyan)}.form-container{margin-bottom:24px}.form-group{margin-bottom:16px}.captcha-group,.code-group{display:flex;gap:12px}.captcha-input,.code-input{flex:1}.captcha-img-box{flex-shrink:0;width:120px;height:50px;background:var(--input-bg);border:2px solid hsla(0,0%,100%,.1);color:var(--text-bright);display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:2px;font-family:monospace;transition:all .3s;box-sizing:border-box}.captcha-img-box:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(100,255,218,.2);background:rgba(2,12,27,.8)}.card-footer{justify-content:space-between;align-items:center;margin-left:-40px;margin-right:-40px;margin-bottom:0;padding:20px 40px 40px 40px;width:calc(100% + 80px);box-sizing:border-box;position:relative}.footer-link{display:block;white-space:nowrap}.footer-link-left{margin-left:0;padding-left:0}.footer-link-right{margin-right:0;padding-right:0;margin-left:auto}.modal-content{max-width:420px;max-height:90vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-tabs{display:flex;justify-content:center;margin:0 20px;padding-top:20px;border-bottom:2px solid hsla(0,0%,100%,.1)}.modal-tabs .tab-item{padding:10px 15px;color:var(--text-muted);cursor:pointer;position:relative;font-weight:500;transition:color .3s}.modal-tabs .tab-item.active{color:var(--accent-cyan)}.modal-tabs .tab-item.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-cyan);box-shadow:0 -2px 10px var(--accent-cyan)}.modal-form{padding:20px;overflow:hidden;flex:1;display:flex;flex-direction:column}.modal-form .form-group{margin-bottom:20px}.modal-form .form-group input{width:100%;padding:15px;border:2px solid hsla(0,0%,100%,.1);background:var(--input-bg);color:var(--text-bright);border-radius:8px;font-size:1rem;outline:none;transition:all .3s;box-sizing:border-box}.modal-form .form-group input:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(100,255,218,.2);background:rgba(2,12,27,.8)}.modal-form .form-group input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.modal-form .form-group input::placeholder{color:hsla(0,0%,100%,.3)}@media (max-width:900px){.login-container{height:100vh;height:100dvh;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:10px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.split-container{flex-direction:column;transform:skewY(0deg);padding:0;width:100%;max-width:100%;min-height:auto;justify-content:flex-start;align-items:center;padding-top:max(30px,calc(env(safe-area-inset-top) + 20px));padding-bottom:30px}.left-intro-area{transform:skewY(0deg);padding-right:0;text-align:center;margin-bottom:30px;width:100%;padding:0 15px;padding-top:0}.right-login-area{transform:skewY(0deg);width:100%;justify-content:center;flex:1;display:flex;align-items:flex-start;padding:0 15px;min-height:0}.login-card{width:100%;max-width:100%;padding:30px 20px 0 20px;border-radius:16px;margin-bottom:max(20px,env(safe-area-inset-bottom));flex-shrink:0}.login-card:hover{transform:none}.hero-title{font-size:2rem;line-height:1.3;margin-bottom:15px}.hero-desc{font-size:1rem;line-height:1.5;max-width:100%}.card-header h2{font-size:1.5rem}.card-header p{font-size:.9rem}.login-tabs{margin-bottom:25px;gap:8px}.tab-item{font-size:.85rem;padding:10px 12px;flex:1}.form-group{margin-bottom:18px}.custom-input{font-size:16px;padding:14px 16px;height:auto;min-height:48px}.captcha-group,.code-group{flex-direction:column;gap:12px}.captcha-input,.code-input{width:100%;margin-right:0}.captcha-img-box{width:100%;height:48px;font-size:1.2rem}.btn-code{width:100%;padding:14px;font-size:.9rem;min-height:48px}.login-btn{width:100%;padding:16px;font-size:1rem;min-height:50px;margin-top:10px}.card-footer{flex-direction:column;gap:15px;padding:20px 0;text-align:center;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.footer-link{font-size:.85rem;padding:10px 12px;min-height:44px;display:flex;align-items:center;justify-content:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:rgba(100,255,218,.2)}.footer-link-left,.footer-link-right{margin-left:0;margin-right:0}.modal-overlay{padding:16px;align-items:flex-end}.modal-content{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;margin:0}.modal-header{padding:16px 20px}.modal-header h3{font-size:18px}.modal-tabs{margin:0 20px;padding-top:16px}.modal-tabs .tab-item{padding:10px 12px;font-size:.85rem}.modal-form{padding:16px 20px;max-height:calc(90vh - 180px);max-height:calc(90dvh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-form .form-group{margin-bottom:16px}.modal-form .form-group input{font-size:16px;padding:14px;min-height:48px}.modal-form .code-group{flex-direction:column;gap:12px}.modal-form .code-input{width:100%;margin-right:0}.modal-form .btn-code{width:100%;padding:14px;font-size:.9rem;min-height:48px}.modal-form .login-btn{width:100%;padding:16px;font-size:1rem;min-height:50px;margin-top:10px}.form-container{min-height:240px}}@media (max-width:480px){.login-container{padding:5px;padding-top:max(15px,env(safe-area-inset-top));padding-bottom:max(15px,env(safe-area-inset-bottom))}.split-container{padding-top:max(25px,calc(env(safe-area-inset-top) + 15px));padding-bottom:25px}.left-intro-area{margin-bottom:20px;padding:0 10px;padding-top:0}.hero-title{font-size:1.75rem;margin-bottom:12px}.hero-desc{font-size:.9rem;line-height:1.4}.right-login-area{padding:0 10px}.login-card{padding:25px 15px 0 15px;border-radius:12px}.card-header h2{font-size:1.3rem;margin-bottom:8px}.card-header p{font-size:.85rem}.login-tabs{margin-bottom:20px;gap:6px}.tab-item{font-size:.8rem;padding:8px 10px}.form-group{margin-bottom:15px}.custom-input{padding:12px 14px;font-size:16px;min-height:44px}.login-btn{padding:14px;font-size:.95rem;min-height:48px}.card-footer{padding:15px 0;gap:12px;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px)}.footer-link{font-size:.8rem;padding:10px 12px;min-height:44px;display:flex;align-items:center;justify-content:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:rgba(100,255,218,.2)}.modal-overlay{padding:10px}.modal-content{max-height:95vh;max-height:95dvh}.modal-form{padding:12px 15px;max-height:calc(95vh - 160px);max-height:calc(95dvh - 160px)}.modal-form .btn-code,.modal-form .form-group input{padding:12px;min-height:44px}.modal-form .login-btn{padding:14px;min-height:48px}}@media (max-width:900px) and (orientation:landscape){.login-container{padding:10px}.split-container{flex-direction:row;align-items:center;gap:20px}.left-intro-area{flex:0 0 40%;margin-bottom:0;padding-right:20px}.hero-title{font-size:1.8rem}.hero-desc{font-size:.9rem}.right-login-area{flex:1;padding:0}.login-card{max-width:400px;padding:25px 25px 0 25px}}.form-fade-enter-active,.form-fade-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.form-fade-enter-from{opacity:0;transform:translateY(-10px) scale(.98)}.form-fade-enter-to,.form-fade-leave-from{opacity:1;transform:translateY(0) scale(1)}.form-fade-leave-to{opacity:0;transform:translateY(10px) scale(.98)}.form-container{position:relative;min-height:280px;overflow:hidden}.form{width:100%}.strength-label{color:var(--text-muted)}.strength-text{color:var(--accent-cyan)}:root{--bg-deep:#020c1b;--bg-tech:#0a192f;--card-bg:rgba(16,32,60,.75);--text-bright:#fff;--text-muted:#8892b0;--accent-cyan:#64ffda;--accent-blue:#007bff;--input-bg:rgba(2,12,27,.5)}.register-container{font-family:Inter,sans-serif;background-color:var(--bg-deep);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;color:var(--text-bright);position:relative}#canvas-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,var(--bg-tech) 0,var(--bg-deep) 100%)}.split-container{display:flex;width:90%;max-width:1400px;align-items:center;justify-content:space-between;z-index:10;transform:skewY(-2deg)}.left-intro-area{flex:1;padding-right:60px;transform:skewY(2deg)}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:20px;text-shadow:0 5px 20px rgba(0,0,0,.5);color:var(--text-bright)}.hero-title .highlight{color:var(--accent-cyan);position:relative;display:inline-block}.hero-title .highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:rgba(100,255,218,.2);z-index:-1;transform:skewX(-10deg)}.hero-desc{font-size:1.2rem;color:var(--text-muted);line-height:1.6;max-width:480px}.right-login-area{flex:1;display:flex;justify-content:flex-end;transform:skewY(2deg)}.register-card{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:40px;border-radius:20px;width:800px;max-width:90vw;border:1px solid rgba(100,255,218,.1);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(100,255,218,.1);transition:all .4s ease}.register-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 50px rgba(100,255,218,.3);border-color:rgba(100,255,218,.3)}.card-header{text-align:center;margin-bottom:30px}.card-header h2{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:var(--text-bright)}.card-header p{color:var(--text-muted);font-size:1rem}.form{margin-bottom:24px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-col{flex:1;display:flex;flex-direction:column}.form-group{margin-bottom:20px}.custom-input{width:100%;padding:15px;border:2px solid hsla(0,0%,100%,.1);background:var(--input-bg);color:var(--text-bright);border-radius:8px;font-size:1rem;outline:none;transition:all .3s;box-sizing:border-box}.custom-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 15px rgba(100,255,218,.2);background:rgba(2,12,27,.8)}.custom-input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.custom-input::placeholder{color:hsla(0,0%,100%,.3)}.custom-input.error-input{border-color:#f44336}.code-group{display:flex;gap:12px}.code-input{flex:1}.code-group .btn-code{flex-shrink:0;white-space:nowrap;padding:12px 16px;font-size:13px}.btn-code{padding:12px 20px;background:rgba(100,255,218,.1);border:2px solid var(--accent-cyan);border-radius:8px;color:var(--accent-cyan);cursor:pointer;white-space:nowrap;font-size:14px;transition:all .3s}.btn-code:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-deep)}.btn-code:disabled{opacity:.5;cursor:not-allowed}.login-btn{width:100%;padding:15px;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;color:var(--bg-deep);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));cursor:pointer;transition:all .3s;box-shadow:0 5px 15px rgba(0,123,255,.3);animation:btnPulse 3s ease-in-out infinite}.login-btn:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(100,255,218,.8);animation-play-state:paused}@keyframes btnPulse{0%,to{box-shadow:0 5px 15px rgba(100,255,218,.3)}50%{box-shadow:0 5px 25px rgba(100,255,218,.6)}}.card-footer{display:flex;justify-content:center;margin-top:20px;font-size:.9rem}.footer-link{color:var(--text-muted);cursor:pointer;text-decoration:none;transition:color .3s}.footer-link:hover,.link-highlight{color:var(--accent-cyan)}.error-message{color:#f44336;font-size:12px;margin-top:4px;line-height:1.4}.password-strength{display:flex;align-items:center;margin-top:6px;padding-left:2px}.strength-label{font-size:13px;color:#8892b0;margin-right:8px}.strength-bars{flex:1;max-width:100px;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.strength-bar{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-1{width:33%;background-color:#f44336}.strength-2{width:66%;background-color:#ff9800}.strength-3{width:100%;background-color:#4caf50}.strength-text{margin-left:8px;font-size:12px;color:#64ffda}.privacy-agreement{margin:20px 0;padding:0}.privacy-checkbox{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;margin-right:8px;margin-top:2px;cursor:pointer;accent-color:var(--accent-cyan);flex-shrink:0}.checkbox-label{font-size:14px;color:var(--text-muted);line-height:1.6;flex:1}.privacy-link{color:var(--accent-cyan);text-decoration:underline;cursor:pointer;transition:color .3s}.privacy-link:hover{color:#4dd0e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;width:90%;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(100,255,218,.1);border:1px solid rgba(100,255,218,.1);display:flex;flex-direction:column}.modal-content,.privacy-modal{max-width:600px;max-height:80vh}.modal-header{padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-bright)}.close-btn{width:32px;height:32px;border:none;background:none;font-size:24px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:rgba(100,255,218,.1);color:var(--accent-cyan)}.modal-body{padding:0;overflow-y:auto;flex:1}.privacy-content{max-height:calc(80vh - 140px);overflow-y:auto;padding:20px;line-height:1.8;color:var(--text-bright)}.privacy-content::-webkit-scrollbar{width:6px}.privacy-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.privacy-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.privacy-section{margin-bottom:24px}.privacy-section h4{color:var(--accent-cyan);font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.privacy-section p{color:var(--text-muted);font-size:14px;margin-bottom:10px;text-align:justify}.privacy-footer{margin-top:30px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.update-date{color:var(--text-muted);font-size:12px;margin:0}.modal-footer{padding:16px 20px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:var(--bg-deep);font-weight:600}.btn-primary:hover{transform:scale(1.02);box-shadow:0 0 20px rgba(100,255,218,.5)}.btn-secondary{background:hsla(0,0%,100%,.1);color:var(--text-bright);border:1px solid hsla(0,0%,100%,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn:disabled:hover{transform:none;box-shadow:0 5px 15px rgba(0,123,255,.3)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.privacy-agreement.shake{animation:shake .5s ease-in-out}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-active .modal-content,.modal-fade-leave-active .modal-content{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-from{opacity:0}.modal-fade-enter-from .modal-content{opacity:0;transform:translateY(-20px) scale(.96)}.modal-fade-enter-to{opacity:1}.modal-fade-enter-to .modal-content{opacity:1;transform:translateY(0) scale(1)}.modal-fade-leave-from{opacity:1}.modal-fade-leave-from .modal-content{opacity:1;transform:translateY(0) scale(1)}.modal-fade-leave-to{opacity:0}.modal-fade-leave-to .modal-content{opacity:0;transform:translateY(-15px) scale(.95)}@media (max-width:900px){.register-container{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px}.split-container{flex-direction:column;transform:skewY(0deg);padding:0;width:100%;max-width:100%;min-height:100%;justify-content:flex-start;align-items:center}.left-intro-area{padding-right:0;text-align:center;margin-bottom:30px}.left-intro-area,.right-login-area{transform:skewY(0deg);width:100%;padding:0 15px}.right-login-area{justify-content:center;flex:1;display:flex;align-items:flex-start}.register-card{width:100%;max-width:100%;padding:30px 20px 0 20px;border-radius:16px;margin-bottom:20px}.register-card:hover{transform:none}.hero-title{font-size:2rem;line-height:1.3;margin-bottom:15px}.hero-desc{font-size:1rem;line-height:1.5;max-width:100%}.card-header h2{font-size:1.5rem}.card-header p{font-size:.9rem}.form-row{flex-direction:column;gap:0}.form-col{width:100%}.form-group{margin-bottom:18px}.custom-input{font-size:16px;padding:14px 16px;height:auto;min-height:48px}.code-group{flex-direction:column;gap:12px}.code-input{width:100%;margin-right:0}.btn-code{width:100%;padding:14px;font-size:.9rem;min-height:48px}.register-btn{width:100%;padding:16px;font-size:1rem;min-height:50px;margin-top:10px}.card-footer{flex-direction:column;gap:15px;padding:20px 0;text-align:center}.footer-link{font-size:.85rem}}@media (max-width:480px){.register-container{padding:5px}.left-intro-area{margin-bottom:20px;padding:0 10px}.hero-title{font-size:1.75rem;margin-bottom:12px}.hero-desc{font-size:.9rem;line-height:1.4}.right-login-area{padding:0 10px}.register-card{padding:25px 15px 0 15px;border-radius:12px}.card-header h2{font-size:1.3rem;margin-bottom:8px}.card-header p{font-size:.85rem}.form-group{margin-bottom:15px}.custom-input{padding:12px 14px;font-size:16px;min-height:44px}.register-btn{padding:14px;font-size:.95rem;min-height:48px}.card-footer{padding:15px 0;gap:12px}.footer-link{font-size:.8rem}}@media (max-width:900px) and (orientation:landscape){.register-container{padding:10px}.split-container{flex-direction:row;align-items:center;gap:20px}.left-intro-area{flex:0 0 40%;margin-bottom:0;padding-right:20px}.hero-title{font-size:1.8rem}.hero-desc{font-size:.9rem}.right-login-area{flex:1;padding:0}.register-card{max-width:600px;padding:25px 25px 0 25px}}.chat-container[data-v-00fffdee]{width:100%;height:100vh;background:radial-gradient(130% 160% at 0 0,#e8edff 0,#f5f7ff 32%,#fdfcfb 68%,#e9f1ff 100%);background-attachment:fixed;display:flex;flex-direction:column;position:relative;overflow:hidden}.chat-container[data-v-00fffdee]:before{content:"";position:fixed;inset:0;background:radial-gradient(120% 140% at 10% 0,rgba(99,102,241,.22),transparent 60%),radial-gradient(120% 150% at 90% 100%,rgba(236,72,153,.18),transparent 55%),radial-gradient(120% 150% at 12% 100%,rgba(45,212,191,.18),transparent 55%),linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.3) 40%,transparent 70%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:0;pointer-events:none;opacity:1;transform-origin:center;animation:chatBackgroundFloat-00fffdee 26s ease-in-out infinite alternate,chatBackgroundBreath-00fffdee 18s ease-in-out infinite alternate}.chat-container[data-v-00fffdee]:hover:before{opacity:1;filter:brightness(1.02)}.chat-container[data-v-00fffdee]:after{content:"";position:fixed;inset:-10%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.45) 48%,rgba(148,163,255,.35) 52%,rgba(236,72,153,.22) 56%,hsla(0,0%,100%,0) 70%,transparent);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:0;transform:translate3d(-25%,-10%,0) rotate(8deg);animation:chatBackgroundShimmer-00fffdee 22s ease-in-out infinite}@keyframes chatBackgroundFloat-00fffdee{0%{transform:translate3d(-.8%,-.8%,0) scale(1)}50%{transform:translate3d(1%,.8%,0) scale(1.01)}to{transform:translate3d(-1.2%,1.2%,0) scale(1.008)}}@keyframes chatBackgroundBreath-00fffdee{0%{filter:brightness(.97) saturate(1)}50%{filter:brightness(1.06) saturate(1.06)}to{filter:brightness(1.01) saturate(1.03)}}@keyframes chatBackgroundShimmer-00fffdee{0%{opacity:0;transform:translate3d(-30%,-15%,0) rotate(8deg)}25%{opacity:.5}50%{opacity:.8;transform:translate3d(10%,-5%,0) rotate(8deg)}75%{opacity:.45}to{opacity:0;transform:translate3d(35%,10%,0) rotate(8deg)}}.chat-wrapper[data-v-00fffdee]{display:flex;height:calc(100vh - 40px);max-width:1200px;margin:20px auto;width:calc(100% - 40px);background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.user-list-panel[data-v-00fffdee]{width:280px;border-right:1px solid hsla(0,0%,88%,.5);display:flex;flex-direction:column;background:hsla(0,0%,100%,.6)}.panel-header[data-v-00fffdee]{padding:20px 16px;border-bottom:1px solid hsla(0,0%,88%,.3);display:flex;justify-content:space-between;align-items:center;background:transparent}.panel-header h3[data-v-00fffdee]{margin:0;font-size:18px;font-weight:600;color:#333;letter-spacing:.5px}.user-count[data-v-00fffdee]{background:#e0e0e0;color:#666;padding:2px 8px;border-radius:12px;font-size:12px}.user-list-content[data-v-00fffdee]{flex:1;overflow-y:auto}.user-group[data-v-00fffdee]{margin-bottom:4px}.user-group-header[data-v-00fffdee]{padding:8px 16px;background:#f5f5f5;font-size:13px;font-weight:600;color:#666;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e0e0}.user-item[data-v-00fffdee]{padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid hsla(0,0%,94%,.5);background:transparent}.user-item[data-v-00fffdee]:hover{background:hsla(0,0%,96%,.6)}.user-item.active[data-v-00fffdee]{background:rgba(227,242,253,.5);border-left:3px solid #2196f3}.user-avatar[data-v-00fffdee]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1a237e;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;flex-shrink:0;overflow:hidden;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-avatar .avatar-img[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-info[data-v-00fffdee]{flex:1;min-width:0}.user-name-container[data-v-00fffdee]{display:flex;align-items:center;gap:8px}.user-name[data-v-00fffdee]{font-size:15px;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.unread-badge[data-v-00fffdee]{background-color:#ff4d4f;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.user-status[data-v-00fffdee]{font-size:12px;display:flex;align-items:center;gap:4px}.user-status .status-online[data-v-00fffdee]{color:#4caf50;display:flex;align-items:center;gap:6px;font-weight:400}.user-status .status-offline[data-v-00fffdee]{color:#999;display:flex;align-items:center;gap:6px;font-weight:400}.empty-list[data-v-00fffdee]{padding:40px 20px;text-align:center;color:#999;font-size:14px}.chat-panel[data-v-00fffdee]{flex:1;display:flex;flex-direction:column;background:hsla(0,0%,100%,.8)}.chat-header[data-v-00fffdee]{padding:18px 24px;border-bottom:1px solid hsla(0,0%,88%,.3);display:flex;justify-content:space-between;align-items:center;background:transparent}.chat-header-left[data-v-00fffdee]{display:flex;align-items:center;gap:12px;flex:1}.mobile-menu-btn[data-v-00fffdee]{display:none}.chat-user-avatar[data-v-00fffdee]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1a237e;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;flex-shrink:0;overflow:visible;position:relative;cursor:pointer;transition:transform .2s;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 8px rgba(0,0,0,.08)}.chat-user-avatar[data-v-00fffdee]:hover:not(.avatar-shaking){transform:scale(1.05)}.chat-user-avatar .avatar-img[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}@keyframes avatarShake-00fffdee{0%,to{transform:translateX(0) rotate(0deg)}10%{transform:translateX(-8px) rotate(-10deg)}20%{transform:translateX(8px) rotate(10deg)}30%{transform:translateX(-8px) rotate(-10deg)}40%{transform:translateX(8px) rotate(10deg)}50%{transform:translateX(-6px) rotate(-8deg)}60%{transform:translateX(6px) rotate(8deg)}70%{transform:translateX(-4px) rotate(-5deg)}80%{transform:translateX(4px) rotate(5deg)}90%{transform:translateX(-2px) rotate(-2deg)}}.avatar-shaking[data-v-00fffdee]{animation:avatarShake-00fffdee .5s ease-in-out!important;transition:none!important}.chat-title-section[data-v-00fffdee]{display:flex;flex-direction:column;gap:4px;flex:1}.chat-title[data-v-00fffdee]{font-size:18px;font-weight:600;color:#333;display:flex;align-items:center;margin-bottom:4px}.chat-status[data-v-00fffdee]{font-size:13px;display:flex;align-items:center;gap:6px}.status-online[data-v-00fffdee]{color:#4caf50;display:flex;align-items:center;gap:6px;font-weight:400}.status-offline[data-v-00fffdee]{color:#999;display:flex;align-items:center;gap:6px;font-weight:400}.status-dot[data-v-00fffdee]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online[data-v-00fffdee]{background:#4caf50}.status-dot.offline[data-v-00fffdee]{background:#ccc}.user-avatar-small[data-v-00fffdee]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1a237e;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 4px rgba(0,0,0,.08)}.user-avatar-small .avatar-img[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.user-avatar-small[data-v-00fffdee]:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.12)}.chat-messages[data-v-00fffdee]{flex:1;overflow-y:auto;padding:24px;background:hsla(0,0%,96%,.3)}.empty-chat[data-v-00fffdee]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.empty-icon[data-v-00fffdee]{font-size:48px;margin-bottom:16px}.empty-text[data-v-00fffdee]{font-size:14px}.message-item[data-v-00fffdee]{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.message-item.own[data-v-00fffdee]{flex-direction:row-reverse}.message-avatar[data-v-00fffdee]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1a237e;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;flex-shrink:0;overflow:hidden;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 4px rgba(0,0,0,.08)}.message-avatar .avatar-img[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.message-avatar.pat-pat-able[data-v-00fffdee]{cursor:pointer;transition:transform .2s}.message-avatar.pat-pat-able[data-v-00fffdee]:hover:not(.avatar-shaking){transform:scale(1.1)}.message-avatar.avatar-shaking[data-v-00fffdee]{animation:avatarShake-00fffdee .5s ease-in-out!important;transition:none!important}.message-item.own .message-avatar[data-v-00fffdee]{background:#4caf50}.message-content[data-v-00fffdee]{max-width:60%;display:flex;flex-direction:column;gap:4px}.message-item.own .message-content[data-v-00fffdee]{align-items:flex-end}.message-bubble[data-v-00fffdee]{padding:12px 16px;border-radius:16px;background:hsla(0,0%,100%,.95);color:#333;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 8px rgba(0,0,0,.08);max-width:100%;display:flex;flex-direction:column;gap:8px;border:1px solid hsla(0,0%,88%,.3)}.message-item.own .message-bubble[data-v-00fffdee]{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;box-shadow:0 2px 12px rgba(33,150,243,.3)}.message-image[data-v-00fffdee]{max-width:300px;max-height:400px;border-radius:8px;cursor:pointer;-o-object-fit:cover;object-fit:cover;display:block}.message-item.own .message-image[data-v-00fffdee]{border-radius:8px}.message-time[data-v-00fffdee]{font-size:12px;color:#999;padding:4px 8px 0;font-weight:400}.recall-notice[data-v-00fffdee]{text-align:center;font-size:13px;color:#999;padding:8px 12px;font-style:italic;font-weight:400}.recall-notice.pat-pat-notice[data-v-00fffdee]{font-weight:500;color:#666}.message-item.pat-pat .message-content[data-v-00fffdee],.message-item.recalled .message-content[data-v-00fffdee]{width:100%;max-width:100%;align-items:center}.message-enter-active[data-v-00fffdee]{animation:messageFadeIn-00fffdee .3s ease-out}.message-leave-active[data-v-00fffdee]{animation:messageFadeOut-00fffdee .2s ease-in}.message-move[data-v-00fffdee]{transition:transform .3s ease}@keyframes messageFadeIn-00fffdee{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageFadeOut-00fffdee{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.chat-input[data-v-00fffdee]{padding:20px 24px;border-top:1px solid hsla(0,0%,88%,.3);display:flex;gap:12px;align-items:center;background:transparent;position:relative}.input-wrapper[data-v-00fffdee]{flex:1;display:flex;gap:8px;align-items:center;position:relative;min-width:0}.image-button[data-v-00fffdee]{width:40px;height:40px;min-width:40px;padding:0;background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,88%,.5);border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.image-button[data-v-00fffdee]:hover:not(:disabled){background:hsla(0,0%,96%,.9);border-color:#2196f3;transform:scale(1.05)}.image-button[data-v-00fffdee]:disabled{opacity:.5;cursor:not-allowed}.emoji-button[data-v-00fffdee]{width:40px;height:40px;min-width:40px;padding:0;background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,88%,.5);border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.emoji-button[data-v-00fffdee]:hover:not(:disabled){background:hsla(0,0%,96%,.9);border-color:#2196f3;transform:scale(1.05)}.emoji-button[data-v-00fffdee]:disabled{opacity:.5;cursor:not-allowed}.chat-input input[data-v-00fffdee]{flex:1;padding:12px 18px;border:1px solid hsla(0,0%,88%,.5);border-radius:24px;font-size:14px;outline:none;transition:all .2s ease;background:hsla(0,0%,100%,.8);color:#333;box-shadow:0 2px 4px rgba(0,0,0,.05);min-width:0;width:100%}.chat-input input[data-v-00fffdee]::-moz-placeholder{color:#999}.chat-input input[data-v-00fffdee]::placeholder{color:#999}.chat-input input[data-v-00fffdee]:focus{border-color:#2196f3;background:hsla(0,0%,100%,.95);box-shadow:0 2px 8px rgba(33,150,243,.15)}.chat-input input[data-v-00fffdee]:disabled{background:hsla(0,0%,96%,.6);cursor:not-allowed}.send-button[data-v-00fffdee]{padding:12px 32px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:60px;box-shadow:0 2px 8px rgba(33,150,243,.3)}.send-button[data-v-00fffdee]:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,.4)}.send-button[data-v-00fffdee]:disabled{background:hsla(0,0%,80%,.6);cursor:not-allowed;box-shadow:none;transform:none}.emoji-panel[data-v-00fffdee]{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.emoji-panel-enter-active[data-v-00fffdee]{animation:emojiPanelFadeIn-00fffdee .3s ease-out}.emoji-panel-leave-active[data-v-00fffdee]{animation:emojiPanelFadeOut-00fffdee .2s ease-in}@keyframes emojiPanelFadeIn-00fffdee{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emojiPanelFadeOut-00fffdee{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.emoji-panel-header[data-v-00fffdee]{padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.emoji-panel-header span[data-v-00fffdee]{font-size:14px;font-weight:500;color:#333}.emoji-panel-close[data-v-00fffdee]{background:transparent;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.emoji-panel-close[data-v-00fffdee]:hover{background:#e0e0e0}.emoji-panel-tabs[data-v-00fffdee]{display:flex;border-bottom:1px solid #e0e0e0;background:#fafafa}.emoji-tab[data-v-00fffdee]{flex:1;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.emoji-tab[data-v-00fffdee]:hover{background:#f0f0f0;color:#333}.emoji-tab.active[data-v-00fffdee]{color:#2196f3;border-bottom-color:#2196f3;font-weight:500}.emoji-list[data-v-00fffdee]{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;position:relative}.custom-emoji-list[data-v-00fffdee],.emoji-list[data-v-00fffdee]{padding:8px;overflow-y:auto;max-height:240px}.custom-emoji-empty[data-v-00fffdee]{display:flex;align-items:center;justify-content:center;padding:40px 20px}.custom-emoji-grid[data-v-00fffdee]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.custom-emoji-item[data-v-00fffdee]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.custom-emoji-item[data-v-00fffdee]:hover{border-color:#2196f3;transform:scale(1.05);background:#f0f7ff}.custom-emoji-item:hover .delete-emoji-btn[data-v-00fffdee]{opacity:1}.custom-emoji-img[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.delete-emoji-btn[data-v-00fffdee]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;line-height:1;padding:0}.delete-emoji-btn[data-v-00fffdee]:hover{background:rgba(244,67,54,.9);opacity:1}.add-emoji-btn[data-v-00fffdee]{aspect-ratio:1;border:2px dashed #ccc;border-radius:8px;background:#fafafa;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;color:#999}.add-emoji-btn[data-v-00fffdee]:hover{border-color:#2196f3;background:#f0f7ff;color:#2196f3}.add-icon[data-v-00fffdee]{font-size:24px;font-weight:300;line-height:1;margin-bottom:4px}.add-text[data-v-00fffdee]{font-size:12px}.message-emoji[data-v-00fffdee]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}.message-item.own .message-emoji[data-v-00fffdee]{justify-content:flex-end}.custom-emoji-display[data-v-00fffdee]{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;display:block;border-radius:4px;cursor:pointer;transition:transform .2s}.custom-emoji-display[data-v-00fffdee]:hover{transform:scale(1.1)}.emoji-item[data-v-00fffdee]{background:transparent;border:1px solid transparent;border-radius:4px;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;aspect-ratio:1;min-height:32px;width:100%;height:100%;position:relative;transform-origin:center center;box-sizing:border-box}.emoji-item[data-v-00fffdee]:hover{background:#f0f0f0;border-color:#2196f3;transform:scale(1.15);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.emoji-item[data-v-00fffdee]:active{transform:scale(.95)}.avatar-menu[data-v-00fffdee]{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;min-width:120px;overflow:hidden}.avatar-menu .menu-item[data-v-00fffdee]{padding:12px 16px;cursor:pointer;transition:background .2s;font-size:14px;color:#333}.avatar-menu .menu-item[data-v-00fffdee]:hover{background:#f5f5f5}.avatar-menu .menu-item[data-v-00fffdee]:active{background:#e0e0e0}.modal-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content[data-v-00fffdee]{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.2)}.modal-header[data-v-00fffdee]{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h3[data-v-00fffdee]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close-btn[data-v-00fffdee]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-00fffdee]{padding:24px;flex:1;overflow-y:auto}.form-group[data-v-00fffdee]{margin-bottom:20px}.form-group label[data-v-00fffdee]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.input-with-count .form-input[data-v-00fffdee]{padding-right:50px}.form-input[data-v-00fffdee]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-00fffdee]:focus{outline:none;border-color:#2196f3}.input-with-count[data-v-00fffdee]{position:relative}.char-count[data-v-00fffdee]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#999;pointer-events:none}.char-count-full[data-v-00fffdee]{color:#f44336}.modal-footer[data-v-00fffdee]{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;background:#fff}.btn-cancel[data-v-00fffdee],.btn-confirm[data-v-00fffdee]{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-00fffdee]{color:#666}.btn-confirm[data-v-00fffdee]{background:#2196f3;color:#fff}.btn-confirm[data-v-00fffdee]:hover{background:#1976d2}.btn-confirm[data-v-00fffdee]:disabled{background:#ccc;cursor:not-allowed}@keyframes modalSlideIn-00fffdee{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-enter-active[data-v-00fffdee],.fade-leave-active[data-v-00fffdee]{transition:opacity .2s ease}.fade-enter-from[data-v-00fffdee],.fade-leave-to[data-v-00fffdee]{opacity:0}.profile-modal-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.profile-modal-content[data-v-00fffdee]{width:90%;max-width:600px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;position:relative;display:flex;flex-direction:column}.profile-modal-enter-active[data-v-00fffdee],.profile-modal-leave-active[data-v-00fffdee]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.profile-modal-enter-active .profile-modal-content[data-v-00fffdee],.profile-modal-leave-active .profile-modal-content[data-v-00fffdee]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.profile-modal-enter-from[data-v-00fffdee]{opacity:0}.profile-modal-enter-from .profile-modal-content[data-v-00fffdee]{opacity:0;transform:translateY(-20px) scale(.96)}.profile-modal-enter-to[data-v-00fffdee]{opacity:1}.profile-modal-enter-to .profile-modal-content[data-v-00fffdee]{opacity:1;transform:translateY(0) scale(1)}.profile-modal-leave-from[data-v-00fffdee]{opacity:1}.profile-modal-leave-from .profile-modal-content[data-v-00fffdee]{opacity:1;transform:translateY(0) scale(1)}.profile-modal-leave-to[data-v-00fffdee]{opacity:0}.profile-modal-leave-to .profile-modal-content[data-v-00fffdee]{opacity:0;transform:translateY(-15px) scale(.95)}.profile-modal-header[data-v-00fffdee]{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff}.profile-modal-header h3[data-v-00fffdee]{margin:0;font-size:18px;font-weight:600;color:#333}.profile-close-btn[data-v-00fffdee]{width:32px;height:32px;border:none;background:#f5f5f5;color:#666;font-size:20px;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.profile-close-btn[data-v-00fffdee]:hover{background:#e0e0e0;color:#333}.profile-modal-body[data-v-00fffdee]{padding:24px;overflow-y:auto;flex:1;min-height:0}.profile-modal-body[data-v-00fffdee]::-webkit-scrollbar{width:6px}.profile-modal-body[data-v-00fffdee]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.profile-modal-body[data-v-00fffdee]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.profile-modal-body[data-v-00fffdee]::-webkit-scrollbar-thumb:hover{background:#999}.profile-section[data-v-00fffdee]{margin-bottom:32px}.profile-section[data-v-00fffdee]:last-child{margin-bottom:0}.profile-section-title[data-v-00fffdee]{margin:0 0 20px 0;font-size:16px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:12px;position:relative}.profile-section-title[data-v-00fffdee]:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#2196f3}.profile-field[data-v-00fffdee]{margin-bottom:20px}.profile-label[data-v-00fffdee]{display:block;margin-bottom:8px;font-size:14px;color:#666;font-weight:500}.profile-input[data-v-00fffdee]{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:14px;outline:none;transition:all .2s ease}.profile-input[data-v-00fffdee]:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.field-error[data-v-00fffdee]{margin-top:6px;font-size:12px;color:#f44336}.avatar-upload-area[data-v-00fffdee]{display:flex;align-items:center;gap:16px}.avatar-preview-wrapper[data-v-00fffdee]{width:64px;height:64px;flex-shrink:0}.avatar-preview[data-v-00fffdee]{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0}.avatar-preview-default[data-v-00fffdee]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#4caf50);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;border:2px solid #e0e0e0}.avatar-upload-btn[data-v-00fffdee]{padding:8px 16px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease}.avatar-upload-btn[data-v-00fffdee]:hover{background:#f5f5f5;border-color:#2196f3;color:#2196f3}.password-strength[data-v-00fffdee]{display:flex;align-items:center;margin-top:6px;padding-left:2px}.strength-label[data-v-00fffdee]{font-size:13px;color:#666;margin-right:8px}.strength-bars[data-v-00fffdee]{flex:1;max-width:100px;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.strength-bar[data-v-00fffdee]{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-1[data-v-00fffdee]{width:33%;background-color:#f44336}.strength-2[data-v-00fffdee]{width:66%;background-color:#ff9800}.strength-3[data-v-00fffdee]{width:100%;background-color:#4caf50}.strength-text[data-v-00fffdee]{margin-left:8px;font-size:12px;color:#2196f3}.profile-actions[data-v-00fffdee]{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.btn-primary[data-v-00fffdee],.btn-secondary[data-v-00fffdee]{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary[data-v-00fffdee]{background:#2196f3;color:#fff;font-weight:500}.btn-primary[data-v-00fffdee]:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px rgba(33,150,243,.3)}.btn-primary[data-v-00fffdee]:disabled{opacity:.6;cursor:not-allowed}.profile-input[data-v-00fffdee]:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.email-field-row[data-v-00fffdee],.phone-field-row[data-v-00fffdee]{display:flex;gap:10px}.email-change-btn[data-v-00fffdee],.phone-change-btn[data-v-00fffdee]{flex-shrink:0;padding:10px 16px;white-space:nowrap}.btn-secondary[data-v-00fffdee]{background:#fff;border:1px solid #e0e0e0;color:#666}.btn-secondary[data-v-00fffdee]:hover{background:#f5f5f5;border-color:#ccc}.btn-logout[data-v-00fffdee]{width:100%;padding:12px;background:#f44336;border:none;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-logout[data-v-00fffdee]:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 8px rgba(244,67,54,.3)}.toast-container[data-v-00fffdee]{position:fixed;top:20px;right:20px;min-width:280px;max-width:400px;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;z-index:3000;animation:slideInRight-00fffdee .3s ease}@keyframes slideInRight-00fffdee{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success[data-v-00fffdee]{background:#4caf50;color:#fff}.toast-error[data-v-00fffdee]{background:#f44336;color:#fff}.toast-info[data-v-00fffdee]{background:#2196f3;color:#fff}.toast-icon[data-v-00fffdee]{width:20px;height:20px;border-radius:50%;background:hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-message[data-v-00fffdee]{flex:1;font-size:14px;line-height:1.5}.toast-enter-active[data-v-00fffdee],.toast-leave-active[data-v-00fffdee]{transition:all .3s ease}.toast-enter-from[data-v-00fffdee],.toast-leave-to[data-v-00fffdee]{transform:translateX(100%);opacity:0}[data-v-00fffdee]::-webkit-scrollbar{width:6px}[data-v-00fffdee]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}[data-v-00fffdee]::-webkit-scrollbar-thumb:hover{background:#999}.email-change-modal-overlay[data-v-00fffdee],.phone-change-modal-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-00fffdee .3s ease}@keyframes fadeIn-00fffdee{0%{opacity:0}to{opacity:1}}.email-change-modal[data-v-00fffdee],.phone-change-modal[data-v-00fffdee]{width:90%;max-width:520px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;animation:slideUp-00fffdee .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp-00fffdee{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.email-change-header[data-v-00fffdee],.phone-change-header[data-v-00fffdee]{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.email-change-header h3[data-v-00fffdee],.phone-change-header h3[data-v-00fffdee]{margin:0;font-size:18px;font-weight:600;color:#333}.email-change-close[data-v-00fffdee],.phone-change-close[data-v-00fffdee]{width:32px;height:32px;border:none;background:transparent;color:#999;font-size:24px;font-weight:300;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.email-change-close[data-v-00fffdee]:hover,.phone-change-close[data-v-00fffdee]:hover{background:#f5f5f5;color:#333}.email-change-body[data-v-00fffdee],.phone-change-body[data-v-00fffdee]{padding:24px;min-height:180px}.email-display-wrapper[data-v-00fffdee],.phone-display-wrapper[data-v-00fffdee]{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.email-display-icon[data-v-00fffdee],.phone-display-icon[data-v-00fffdee]{font-size:32px;margin-bottom:12px}.email-display[data-v-00fffdee],.phone-display[data-v-00fffdee]{text-align:center;font-size:16px;color:#333;font-weight:600;letter-spacing:.5px}.email-change-field[data-v-00fffdee],.phone-change-field[data-v-00fffdee]{display:flex;gap:12px;margin-bottom:16px}.email-code-input[data-v-00fffdee],.phone-code-input[data-v-00fffdee]{flex:1;font-size:18px;font-weight:600;text-align:center;letter-spacing:8px;font-family:Courier New,monospace}.email-code-input[data-v-00fffdee]::-moz-placeholder,.phone-code-input[data-v-00fffdee]::-moz-placeholder{letter-spacing:0;font-size:14px;font-weight:400;font-family:inherit}.email-code-input[data-v-00fffdee]::placeholder,.phone-code-input[data-v-00fffdee]::placeholder{letter-spacing:0;font-size:14px;font-weight:400;font-family:inherit}.send-code-btn[data-v-00fffdee]{flex-shrink:0;white-space:nowrap;padding:10px 20px;font-size:13px}.email-error[data-v-00fffdee],.phone-error[data-v-00fffdee]{text-align:center;padding:10px;background:#ffebee;border-radius:6px;border:1px solid #ffcdd2;margin-top:8px}.email-change-footer[data-v-00fffdee],.phone-change-footer[data-v-00fffdee]{padding:16px 24px;background:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.image-preview-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000;cursor:pointer}.image-preview-content[data-v-00fffdee]{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;cursor:grab;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);transition:transform .1s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.image-preview-content.dragging[data-v-00fffdee]{cursor:grabbing;transition:none}.image-preview-overlay.dragging[data-v-00fffdee]{cursor:grabbing}.image-preview-enter-active[data-v-00fffdee],.image-preview-leave-active[data-v-00fffdee]{transition:opacity .3s ease}.image-preview-enter-active .image-preview-content[data-v-00fffdee],.image-preview-leave-active .image-preview-content[data-v-00fffdee]{transition:transform .3s ease,opacity .3s ease}.image-preview-enter-from[data-v-00fffdee]{opacity:0}.image-preview-enter-from .image-preview-content[data-v-00fffdee]{transform:scale(.5);opacity:0}.image-preview-enter-to[data-v-00fffdee]{opacity:1}.image-preview-enter-to .image-preview-content[data-v-00fffdee]{transform:scale(1);opacity:1}.image-preview-leave-from[data-v-00fffdee]{opacity:1}.image-preview-leave-from .image-preview-content[data-v-00fffdee]{transform:scale(1);opacity:1}.image-preview-leave-to[data-v-00fffdee]{opacity:0}.image-preview-leave-to .image-preview-content[data-v-00fffdee]{transform:scale(.5);opacity:0}.image-upload-modal-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.image-upload-modal[data-v-00fffdee]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.3)}.image-upload-modal-header[data-v-00fffdee]{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.image-upload-modal-header h3[data-v-00fffdee]{margin:0;font-size:18px;font-weight:600;color:#333}.image-count[data-v-00fffdee]{font-size:14px;color:#666;font-weight:500}.image-count.full[data-v-00fffdee]{color:#f44336;font-weight:600}.modal-close-btn[data-v-00fffdee]{background:transparent;font-size:24px;color:#666;padding:0;border-radius:4px;transition:background .2s}.modal-close-btn[data-v-00fffdee]:hover{background:#f5f5f5}.image-upload-modal-body[data-v-00fffdee]{padding:20px;overflow-y:auto;flex:1}.image-grid[data-v-00fffdee]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.image-item[data-v-00fffdee]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;cursor:pointer;transition:all .2s}.image-item[data-v-00fffdee]:hover{border-color:#2196f3;transform:scale(1.02)}.image-preview-thumb[data-v-00fffdee]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-delete-btn[data-v-00fffdee]{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-delete-btn[data-v-00fffdee]:hover{background:rgba(244,67,54,.8)}.add-image-item[data-v-00fffdee]{border:2px dashed #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;cursor:pointer}.add-image-item[data-v-00fffdee]:hover{border-color:#2196f3;background:#f0f7ff}.add-image-icon[data-v-00fffdee]{font-size:32px;color:#999;margin-bottom:8px}.add-image-text[data-v-00fffdee]{font-size:14px;color:#666}.image-limit-tip[data-v-00fffdee]{margin-top:12px;padding:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:13px;text-align:center}.image-upload-modal-footer[data-v-00fffdee]{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.btn-cancel[data-v-00fffdee],.btn-send[data-v-00fffdee]{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;border:none;transition:all .2s}.btn-cancel[data-v-00fffdee]{background:#f5f5f5;color:#333}.btn-cancel[data-v-00fffdee]:hover{background:#e0e0e0}.btn-send[data-v-00fffdee]{background:#2196f3;color:#fff;font-weight:500}.btn-send[data-v-00fffdee]:hover:not(:disabled){background:#1976d2}.btn-send[data-v-00fffdee]:disabled{background:#ccc;cursor:not-allowed}.urge-online-modal-overlay[data-v-00fffdee]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.urge-online-modal[data-v-00fffdee]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;transform-origin:center center}.modal-fade-enter-active[data-v-00fffdee],.modal-fade-leave-active[data-v-00fffdee]{transition:opacity .3s cubic-bezier(.4,0,.2,1)!important}.modal-fade-enter-from[data-v-00fffdee],.modal-fade-leave-to[data-v-00fffdee]{opacity:0!important}.modal-scale-enter-active[data-v-00fffdee]{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.modal-scale-leave-active[data-v-00fffdee]{transition:all .25s cubic-bezier(.55,.06,.68,.19)!important}.modal-scale-enter-from[data-v-00fffdee]{opacity:0!important;transform:scale(.8) translateY(-20px)!important}.modal-scale-leave-to[data-v-00fffdee]{opacity:0!important;transform:scale(.9) translateY(10px)!important}.urge-online-modal-header[data-v-00fffdee]{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#4fc3f7}.urge-online-modal-header h3[data-v-00fffdee]{margin:0;font-size:20px;font-weight:600;color:#fff}.modal-close-btn[data-v-00fffdee]{width:32px;height:32px;border:none;background:hsla(0,0%,100%,.2);color:#fff;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn[data-v-00fffdee]:hover{background:hsla(0,0%,100%,.3)}.urge-online-modal-content[data-v-00fffdee]{padding:30px 24px}.urge-question[data-v-00fffdee]{font-size:18px;font-weight:500;color:#333;margin:0 0 24px;text-align:center}.urge-reason-section[data-v-00fffdee]{margin-top:20px}.reason-fade-slide-enter-active[data-v-00fffdee]{transition:all .3s cubic-bezier(.4,0,.2,1)}.reason-fade-slide-leave-active[data-v-00fffdee]{transition:all .25s cubic-bezier(.55,.06,.68,.19)}.reason-fade-slide-enter-from[data-v-00fffdee]{opacity:0;transform:translateY(-10px);max-height:0;margin-top:0;overflow:hidden}.reason-fade-slide-leave-to[data-v-00fffdee]{opacity:0;transform:translateY(-5px);max-height:0;margin-top:0;overflow:hidden}.reason-fade-slide-enter-to[data-v-00fffdee],.reason-fade-slide-leave-from[data-v-00fffdee]{opacity:1;transform:translateY(0);max-height:500px}.urge-reason-label[data-v-00fffdee]{display:block;font-size:14px;font-weight:500;color:#666;margin-bottom:8px}.urge-reason-input[data-v-00fffdee]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.urge-reason-input[data-v-00fffdee]:focus{border-color:#4fc3f7}.urge-reason-count[data-v-00fffdee]{text-align:right;font-size:12px;color:#999;margin-top:4px}.urge-reason-link[data-v-00fffdee]{text-align:left;margin-top:16px}.urge-reason-btn[data-v-00fffdee]{background:transparent;border:none;color:#4fc3f7;font-size:14px;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s}.urge-reason-btn[data-v-00fffdee]:hover{color:#29b6f6}.urge-online-modal-footer[data-v-00fffdee]{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.modal-btn[data-v-00fffdee]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.cancel-btn[data-v-00fffdee]{background:#f5f5f5;color:#333}.cancel-btn[data-v-00fffdee]:hover{background:#e0e0e0}.confirm-btn[data-v-00fffdee]{background:#4fc3f7;color:#fff}.confirm-btn[data-v-00fffdee]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,195,247,.4);background:#29b6f6}.confirm-btn[data-v-00fffdee]:disabled{opacity:.6;cursor:not-allowed;transform:none}.context-menu[data-v-00fffdee]{position:fixed;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px;z-index:10000;padding:4px 0;font-size:14px}.context-menu-item[data-v-00fffdee]{padding:10px 16px;display:flex;align-items:center;cursor:pointer;transition:background .2s;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.context-menu-item[data-v-00fffdee]:hover:not(.disabled):not(.divider){background:#f5f5f5}.context-menu-item.disabled[data-v-00fffdee]{color:#999;cursor:not-allowed;opacity:.5}.context-menu-item.divider[data-v-00fffdee]{height:1px;padding:0;margin:4px 0;background:#e0e0e0;cursor:default}.context-menu-item.danger[data-v-00fffdee]{color:#f44336}.context-menu-item.danger[data-v-00fffdee]:hover{background:#ffebee;color:#d32f2f}.menu-icon[data-v-00fffdee]{margin-right:8px;font-size:16px;width:20px;text-align:center}.menu-text[data-v-00fffdee]{flex:1}.menu-shortcut[data-v-00fffdee]{margin-left:16px;color:#999;font-size:12px}.modal-fade-enter-active[data-v-00fffdee],.modal-fade-leave-active[data-v-00fffdee]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-active .image-upload-modal[data-v-00fffdee],.modal-fade-enter-active .modal-content[data-v-00fffdee],.modal-fade-leave-active .image-upload-modal[data-v-00fffdee],.modal-fade-leave-active .modal-content[data-v-00fffdee]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-from[data-v-00fffdee]{opacity:0}.modal-fade-enter-from .image-upload-modal[data-v-00fffdee]{transform:scale(.9);opacity:0}.modal-fade-enter-from .modal-content[data-v-00fffdee]{transform:translateY(-20px) scale(.96);opacity:0}.modal-fade-enter-to[data-v-00fffdee]{opacity:1}.modal-fade-enter-to .image-upload-modal[data-v-00fffdee]{transform:scale(1);opacity:1}.modal-fade-enter-to .modal-content[data-v-00fffdee]{transform:translateY(0) scale(1);opacity:1}.modal-fade-leave-from[data-v-00fffdee]{opacity:1}.modal-fade-leave-from .image-upload-modal[data-v-00fffdee]{transform:scale(1);opacity:1}.modal-fade-leave-from .modal-content[data-v-00fffdee]{transform:translateY(0) scale(1);opacity:1}.modal-fade-leave-to[data-v-00fffdee]{opacity:0}.modal-fade-leave-to .image-upload-modal[data-v-00fffdee]{transform:scale(.9);opacity:0}.modal-fade-leave-to .modal-content[data-v-00fffdee]{transform:translateY(-15px) scale(.95);opacity:0}.header-actions[data-v-00fffdee]{display:flex;align-items:center;gap:12px}.urge-online-btn[data-v-00fffdee]{padding:8px 16px;background:#4fc3f7;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;margin-left:12px}.urge-online-btn[data-v-00fffdee]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,195,247,.4);background:#29b6f6}.urge-online-btn[data-v-00fffdee]:disabled{opacity:.6;cursor:not-allowed;transform:none}.countdown-text[data-v-00fffdee]{font-size:13px}.sound-toggle-btn[data-v-00fffdee]{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;padding:0;margin-right:8px}.sound-toggle-btn[data-v-00fffdee]:hover{background:#f5f5f5;border-color:#2196f3;transform:scale(1.05)}.sound-icon[data-v-00fffdee]{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.sound-toggle-btn:hover .sound-icon[data-v-00fffdee]{transform:scale(1.1)}.sound-icon.enabled[data-v-00fffdee]{filter:drop-shadow(0 0 2px rgba(76,175,80,.5))}.sound-icon.disabled[data-v-00fffdee]{opacity:.5;filter:grayscale(100%)}.theme-toggle-btn[data-v-00fffdee]{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;padding:0}.theme-toggle-btn[data-v-00fffdee]:hover{background:#f5f5f5;border-color:#2196f3;transform:scale(1.05)}.theme-icon[data-v-00fffdee]{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle-btn:hover .theme-icon[data-v-00fffdee]{transform:rotate(20deg)}.theme-icon.sun[data-v-00fffdee]{filter:drop-shadow(0 0 2px rgba(255,193,7,.5))}.theme-icon.moon[data-v-00fffdee]{filter:drop-shadow(0 0 2px rgba(156,163,175,.5))}:root.dark-mode{--dark-bg-primary:#1a1a2e;--dark-bg-secondary:#16213e;--dark-bg-tertiary:#0f3460;--dark-bg-card:#1e2a4a;--dark-bg-input:#232b42;--dark-bg-hover:#2a3550;--dark-text-primary:#e4e6eb;--dark-text-secondary:#b0b3b8;--dark-text-muted:#8a8d91;--dark-border:#3a3f4b;--dark-accent:#4f8cff;--dark-accent-hover:#3b7ced;--dark-success:#42b883;--dark-danger:#ff6b6b;--dark-shadow:rgba(0,0,0,.4)}:root.dark-mode .chat-container{background:radial-gradient(ellipse at bottom,#1a1a2e 0,#16213e 50%,#0f1419 100%),linear-gradient(180deg,#0a0e1a,#1a1a2e 25%,#16213e 50%,#0f1419 75%,#050709)!important;background-attachment:fixed;position:relative;overflow:hidden}:root.dark-mode .chat-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(79,140,255,.2) 0,transparent 40%),radial-gradient(circle at 85% 75%,rgba(156,39,176,.15) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(33,150,243,.1) 0,transparent 55%),radial-gradient(circle at 70% 20%,rgba(100,181,246,.12) 0,transparent 50%),linear-gradient(180deg,rgba(10,14,26,.7),rgba(26,26,46,.5) 40%,rgba(15,20,25,.8) 80%,rgba(5,7,9,.9));pointer-events:none;z-index:0;opacity:.85;animation:nightSkyGlow 15s ease-in-out infinite alternate}:root.dark-mode .chat-container:after{content:"";position:fixed;top:-100%;left:0;width:100%;height:300%;background-image:radial-gradient(2px 2px at 15% 20%,#fff,transparent),radial-gradient(2px 2px at 35% 45%,hsla(0,0%,100%,.95),transparent),radial-gradient(2px 2px at 55% 15%,#fff,transparent),radial-gradient(2px 2px at 75% 60%,hsla(0,0%,100%,.9),transparent),radial-gradient(2px 2px at 90% 30%,hsla(0,0%,100%,.95),transparent),radial-gradient(2px 2px at 25% 70%,hsla(0,0%,100%,.85),transparent),radial-gradient(2px 2px at 65% 80%,hsla(0,0%,100%,.9),transparent),radial-gradient(2px 2px at 45% 25%,hsla(0,0%,100%,.95),transparent),radial-gradient(2px 2px at 10% 60%,hsla(0,0%,100%,.9),transparent),radial-gradient(2px 2px at 80% 10%,hsla(0,0%,100%,.95),transparent),radial-gradient(1.5px 1.5px at 20% 35%,hsla(0,0%,100%,.85),transparent),radial-gradient(1.5px 1.5px at 40% 55%,hsla(0,0%,100%,.8),transparent),radial-gradient(1.5px 1.5px at 60% 25%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.5px 1.5px at 80% 65%,hsla(0,0%,100%,.85),transparent),radial-gradient(1.5px 1.5px at 30% 80%,hsla(0,0%,100%,.8),transparent),radial-gradient(1.5px 1.5px at 70% 40%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.5px 1.5px at 50% 70%,hsla(0,0%,100%,.85),transparent),radial-gradient(1.5px 1.5px at 85% 50%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 10% 50%,hsla(0,0%,100%,.75),transparent),radial-gradient(1px 1px at 50% 10%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 30% 65%,hsla(0,0%,100%,.75),transparent),radial-gradient(1px 1px at 70% 85%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 85% 50%,hsla(0,0%,100%,.75),transparent),radial-gradient(1px 1px at 45% 90%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 95% 15%,hsla(0,0%,100%,.75),transparent),radial-gradient(1px 1px at 5% 75%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 22% 12%,hsla(0,0%,100%,.65),transparent),radial-gradient(1px 1px at 67% 33%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 88% 78%,hsla(0,0%,100%,.65),transparent),radial-gradient(1px 1px at 12% 88%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 38% 42%,hsla(0,0%,100%,.65),transparent),radial-gradient(1px 1px at 92% 58%,hsla(0,0%,100%,.7),transparent);background-size:100% 100%;background-position:0 0;background-repeat:repeat-y;pointer-events:none;z-index:1;opacity:.95;animation:starFall 30s linear infinite,starTwinkle 4s ease-in-out infinite alternate}@keyframes starFall{0%{transform:translateY(0);opacity:.8}50%{opacity:1}to{transform:translateY(100vh);opacity:.8}}@keyframes starTwinkle{0%{opacity:.7;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.2)}to{opacity:.85;filter:brightness(1)}}@keyframes nightSkyGlow{0%{opacity:.8;filter:brightness(.95)}50%{opacity:.9;filter:brightness(1.05)}to{opacity:.85;filter:brightness(1)}}:root.dark-mode .chat-wrapper{background:var(--dark-bg-secondary)!important;box-shadow:0 2px 12px var(--dark-shadow)!important}:root.dark-mode .user-list-panel{background:var(--dark-bg-secondary)!important;border-right-color:var(--dark-border)!important}:root.dark-mode .panel-header{background:var(--dark-bg-card)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .panel-header h3{color:var(--dark-text-primary)!important}:root.dark-mode .user-count{background:var(--dark-bg-tertiary)!important;color:var(--dark-text-secondary)!important}:root.dark-mode .user-group-header{background:var(--dark-bg-card)!important;color:var(--dark-text-secondary)!important}:root.dark-mode .user-group-header,:root.dark-mode .user-item{border-bottom-color:var(--dark-border)!important}:root.dark-mode .user-item:hover{background:var(--dark-bg-hover)!important}:root.dark-mode .user-item.active{background:var(--dark-bg-tertiary)!important;border-left-color:var(--dark-accent)!important}:root.dark-mode .user-name{color:var(--dark-text-primary)!important}:root.dark-mode .empty-list,:root.dark-mode .user-status .status-offline{color:var(--dark-text-muted)!important}:root.dark-mode .chat-panel{background:var(--dark-bg-secondary)!important}:root.dark-mode .chat-header{background:var(--dark-bg-card)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .chat-title{color:var(--dark-text-primary)!important}:root.dark-mode .chat-status .status-offline{color:var(--dark-text-muted)!important}:root.dark-mode .sound-toggle-btn{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important}:root.dark-mode .sound-toggle-btn:hover{background:var(--dark-bg-hover)!important;border-color:var(--dark-accent)!important}:root.dark-mode .theme-toggle-btn{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important}:root.dark-mode .theme-toggle-btn:hover{background:var(--dark-bg-hover)!important;border-color:var(--dark-accent)!important}:root.dark-mode .urge-online-btn{background:#4fc3f7!important}:root.dark-mode .urge-online-modal-overlay{background:rgba(0,0,0,.7)!important;backdrop-filter:blur(6px)!important}:root.dark-mode .urge-online-modal{background:var(--dark-bg-card)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important;transform-origin:center center!important}:root.dark-mode .urge-online-modal-overlay.modal-fade-enter-active,:root.dark-mode .urge-online-modal-overlay.modal-fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)!important}:root.dark-mode .urge-online-modal-overlay.modal-fade-enter-from,:root.dark-mode .urge-online-modal-overlay.modal-fade-leave-to{opacity:0!important}:root.dark-mode .urge-online-modal.modal-scale-enter-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}:root.dark-mode .urge-online-modal.modal-scale-leave-active{transition:all .25s cubic-bezier(.55,.06,.68,.19)!important}:root.dark-mode .urge-online-modal.modal-scale-enter-from{opacity:0!important;transform:scale(.8) translateY(-20px)!important}:root.dark-mode .urge-online-modal.modal-scale-leave-to{opacity:0!important;transform:scale(.9) translateY(10px)!important}:root.dark-mode .urge-online-modal-header{background:#4fc3f7!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .urge-question{color:var(--dark-text-primary)!important}:root.dark-mode .urge-reason-label{color:var(--dark-text-secondary)!important}:root.dark-mode .urge-reason-input{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important;color:var(--dark-text-primary)!important}:root.dark-mode .urge-reason-input:focus{border-color:var(--dark-accent)!important}:root.dark-mode .urge-reason-count{color:var(--dark-text-muted)!important}:root.dark-mode .reason-fade-slide-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)!important}:root.dark-mode .reason-fade-slide-leave-active{transition:all .25s cubic-bezier(.55,.06,.68,.19)!important}:root.dark-mode .reason-fade-slide-enter-from{transform:translateY(-10px)!important}:root.dark-mode .reason-fade-slide-enter-from,:root.dark-mode .reason-fade-slide-leave-to{opacity:0!important;max-height:0!important;margin-top:0!important;overflow:hidden!important}:root.dark-mode .reason-fade-slide-leave-to{transform:translateY(-5px)!important}:root.dark-mode .reason-fade-slide-enter-to,:root.dark-mode .reason-fade-slide-leave-from{opacity:1!important;transform:translateY(0)!important;max-height:500px!important}:root.dark-mode .urge-online-modal-footer{border-top-color:var(--dark-border)!important}:root.dark-mode .cancel-btn{background:var(--dark-bg-input)!important;color:var(--dark-text-primary)!important}:root.dark-mode .cancel-btn:hover{background:var(--dark-bg-hover)!important}:root.dark-mode .chat-messages{background:var(--dark-bg-primary)!important}:root.dark-mode .empty-chat{color:var(--dark-text-muted)!important}:root.dark-mode .message-bubble{background:var(--dark-bg-card)!important;color:var(--dark-text-primary)!important;box-shadow:0 1px 3px var(--dark-shadow)!important}:root.dark-mode .message-item.own .message-bubble{background:var(--dark-accent)!important;color:#fff!important}:root.dark-mode .message-time,:root.dark-mode .recall-notice{color:var(--dark-text-muted)!important}:root.dark-mode .chat-input{background:var(--dark-bg-card)!important;border-top-color:var(--dark-border)!important}:root.dark-mode .chat-input input{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important;color:var(--dark-text-primary)!important}:root.dark-mode .chat-input input::-moz-placeholder{color:var(--dark-text-muted)!important}:root.dark-mode .chat-input input::placeholder{color:var(--dark-text-muted)!important}:root.dark-mode .chat-input input:focus{border-color:var(--dark-accent)!important}:root.dark-mode .chat-input input:disabled{background:var(--dark-bg-secondary)!important}:root.dark-mode .emoji-button,:root.dark-mode .image-button{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important}:root.dark-mode .emoji-button:hover:not(:disabled),:root.dark-mode .image-button:hover:not(:disabled){background:var(--dark-bg-hover)!important;border-color:var(--dark-accent)!important}:root.dark-mode .send-button{background:var(--dark-accent)!important}:root.dark-mode .send-button:hover:not(:disabled){background:var(--dark-accent-hover)!important}:root.dark-mode .send-button:disabled{background:var(--dark-bg-tertiary)!important;color:var(--dark-text-muted)!important}:root.dark-mode .emoji-panel{background:var(--dark-bg-card)!important;border-color:var(--dark-border)!important;box-shadow:0 4px 16px var(--dark-shadow)!important}:root.dark-mode .emoji-panel-header{background:var(--dark-bg-secondary)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .emoji-panel-header span{color:var(--dark-text-primary)!important}:root.dark-mode .emoji-panel-close{color:var(--dark-text-secondary)!important}:root.dark-mode .emoji-item:hover,:root.dark-mode .emoji-panel-close:hover{background:var(--dark-bg-hover)!important}:root.dark-mode .emoji-item:hover{border-color:var(--dark-accent)!important}:root.dark-mode .emoji-panel-tabs{background:var(--dark-bg-secondary)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .emoji-tab{color:var(--dark-text-secondary)!important}:root.dark-mode .emoji-tab:hover{background:var(--dark-bg-hover)!important;color:var(--dark-text-primary)!important}:root.dark-mode .emoji-tab.active{color:var(--dark-accent)!important;border-bottom-color:var(--dark-accent)!important}:root.dark-mode .custom-emoji-item{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important}:root.dark-mode .custom-emoji-item:hover{border-color:var(--dark-accent)!important;background:var(--dark-bg-hover)!important}:root.dark-mode .add-emoji-btn{border-color:var(--dark-border)!important;background:var(--dark-bg-input)!important;color:var(--dark-text-muted)!important}:root.dark-mode .add-emoji-btn:hover{border-color:var(--dark-accent)!important;background:var(--dark-bg-hover)!important;color:var(--dark-accent)!important}:root.dark-mode .avatar-menu{background:var(--dark-bg-card)!important;border-color:var(--dark-border)!important;box-shadow:0 4px 16px var(--dark-shadow)!important}:root.dark-mode .avatar-menu .menu-item{color:var(--dark-text-primary)!important}:root.dark-mode .avatar-menu .menu-item:hover{background:var(--dark-bg-hover)!important}:root.dark-mode .email-change-modal-overlay,:root.dark-mode .image-upload-modal-overlay,:root.dark-mode .modal-overlay,:root.dark-mode .phone-change-modal-overlay,:root.dark-mode .profile-modal-overlay{background:rgba(0,0,0,.7)!important}:root.dark-mode .email-change-modal,:root.dark-mode .image-upload-modal,:root.dark-mode .modal-content,:root.dark-mode .phone-change-modal,:root.dark-mode .profile-modal-content{background:var(--dark-bg-card)!important;box-shadow:0 8px 40px var(--dark-shadow)!important}:root.dark-mode .email-change-header,:root.dark-mode .image-upload-modal-header,:root.dark-mode .modal-header,:root.dark-mode .phone-change-header,:root.dark-mode .profile-modal-header{background:var(--dark-bg-secondary)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .email-change-header h3,:root.dark-mode .image-upload-modal-header h3,:root.dark-mode .modal-header h3,:root.dark-mode .phone-change-header h3,:root.dark-mode .profile-modal-header h3{color:var(--dark-text-primary)!important}:root.dark-mode .email-change-close,:root.dark-mode .modal-close-btn,:root.dark-mode .phone-change-close,:root.dark-mode .profile-close-btn{background:var(--dark-bg-input)!important;color:var(--dark-text-secondary)!important}:root.dark-mode .email-change-close:hover,:root.dark-mode .modal-close-btn:hover,:root.dark-mode .phone-change-close:hover,:root.dark-mode .profile-close-btn:hover{background:var(--dark-bg-hover)!important;color:var(--dark-text-primary)!important}:root.dark-mode .email-change-body,:root.dark-mode .image-upload-modal-body,:root.dark-mode .modal-body,:root.dark-mode .phone-change-body,:root.dark-mode .profile-modal-body{background:var(--dark-bg-card)!important}:root.dark-mode .email-change-footer,:root.dark-mode .image-upload-modal-footer,:root.dark-mode .modal-footer,:root.dark-mode .phone-change-footer{background:var(--dark-bg-secondary)!important;border-top-color:var(--dark-border)!important}:root.dark-mode .form-input,:root.dark-mode .profile-input{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important;color:var(--dark-text-primary)!important}:root.dark-mode .form-input::-moz-placeholder,:root.dark-mode .profile-input::-moz-placeholder{color:var(--dark-text-muted)!important}:root.dark-mode .form-input::placeholder,:root.dark-mode .profile-input::placeholder{color:var(--dark-text-muted)!important}:root.dark-mode .form-input:focus,:root.dark-mode .profile-input:focus{border-color:var(--dark-accent)!important;box-shadow:0 0 0 3px rgba(79,140,255,.2)!important}:root.dark-mode .form-input:disabled,:root.dark-mode .profile-input:disabled{background:var(--dark-bg-secondary)!important}:root.dark-mode .form-group label,:root.dark-mode .profile-label{color:var(--dark-text-secondary)!important}:root.dark-mode .char-count{color:var(--dark-text-muted)!important}:root.dark-mode .profile-section-title{color:var(--dark-text-primary)!important;border-bottom-color:var(--dark-border)!important}:root.dark-mode .profile-section-title:after{background:var(--dark-accent)!important}:root.dark-mode .avatar-upload-btn{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important;color:var(--dark-text-primary)!important}:root.dark-mode .avatar-upload-btn:hover{background:var(--dark-bg-hover)!important;border-color:var(--dark-accent)!important;color:var(--dark-accent)!important}:root.dark-mode .email-display-wrapper,:root.dark-mode .phone-display-wrapper{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important}:root.dark-mode .email-display,:root.dark-mode .phone-display{color:var(--dark-text-primary)!important}:root.dark-mode .btn-cancel{background:var(--dark-bg-input)!important;color:var(--dark-text-secondary)!important}:root.dark-mode .btn-cancel:hover{background:var(--dark-bg-hover)!important}:root.dark-mode .btn-confirm,:root.dark-mode .btn-primary,:root.dark-mode .btn-send{background:var(--dark-accent)!important}:root.dark-mode .btn-confirm:hover:not(:disabled),:root.dark-mode .btn-primary:hover:not(:disabled),:root.dark-mode .btn-send:hover:not(:disabled){background:var(--dark-accent-hover)!important}:root.dark-mode .btn-confirm:disabled,:root.dark-mode .btn-primary:disabled,:root.dark-mode .btn-send:disabled{background:var(--dark-bg-tertiary)!important;color:var(--dark-text-muted)!important}:root.dark-mode .btn-secondary{background:var(--dark-bg-input)!important;border-color:var(--dark-border)!important;color:var(--dark-text-secondary)!important}:root.dark-mode .btn-secondary:hover{background:var(--dark-bg-hover)!important;border-color:var(--dark-accent)!important}:root.dark-mode .btn-logout{background:var(--dark-danger)!important}:root.dark-mode .btn-logout:hover{background:#e55b5b!important}:root.dark-mode .image-item{border-color:var(--dark-border)!important}:root.dark-mode .image-item:hover{border-color:var(--dark-accent)!important}:root.dark-mode .add-image-item{border-color:var(--dark-border)!important;background:var(--dark-bg-input)!important}:root.dark-mode .add-image-item:hover{border-color:var(--dark-accent)!important;background:var(--dark-bg-hover)!important}:root.dark-mode .add-image-icon{color:var(--dark-text-muted)!important}:root.dark-mode .add-image-text,:root.dark-mode .image-count{color:var(--dark-text-secondary)!important}:root.dark-mode .image-limit-tip{background:rgba(255,193,7,.15)!important;border-color:rgba(255,193,7,.4)!important;color:#ffc107!important}:root.dark-mode .image-preview-overlay{background:rgba(0,0,0,.9)!important}:root.dark-mode .context-menu{background:var(--dark-bg-card)!important;border-color:var(--dark-border)!important;box-shadow:0 4px 16px var(--dark-shadow)!important}:root.dark-mode .context-menu-item{color:var(--dark-text-primary)!important}:root.dark-mode .context-menu-item:hover:not(.disabled):not(.divider){background:var(--dark-bg-hover)!important}:root.dark-mode .context-menu-item.disabled{color:var(--dark-text-muted)!important}:root.dark-mode .context-menu-item.divider{background:var(--dark-border)!important}:root.dark-mode .context-menu-item.danger:hover{background:hsla(0,100%,71%,.15)!important}:root.dark-mode .menu-shortcut{color:var(--dark-text-muted)!important}:root.dark-mode .toast-container{box-shadow:0 4px 16px var(--dark-shadow)!important}:root.dark-mode ::-webkit-scrollbar-track{background:var(--dark-bg-secondary)!important}:root.dark-mode ::-webkit-scrollbar-thumb{background:var(--dark-bg-tertiary)!important}:root.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--dark-border)!important}:root.dark-mode .field-error{color:var(--dark-danger)!important}:root.dark-mode .email-error,:root.dark-mode .phone-error{background:hsla(0,100%,71%,.15)!important;border-color:hsla(0,100%,71%,.4)!important;color:var(--dark-danger)!important}:root.dark-mode .strength-bars{background:var(--dark-bg-input)!important}:root.dark-mode .strength-label{color:var(--dark-text-secondary)!important}:root.dark-mode .strength-text{color:var(--dark-accent)!important}:root.dark-mode .avatar-preview,:root.dark-mode .avatar-preview-default{border-color:var(--dark-border)!important}:root.dark-mode .unread-badge{background-color:#ff4d4f!important}:root.dark-mode .status-dot.online{background:#4caf50!important}:root.dark-mode .status-dot.offline{background:#6b7280!important}:root.dark-mode .message-avatar{background:var(--dark-accent)!important}:root.dark-mode .message-item.own .message-avatar{background:var(--dark-success)!important}:root.dark-mode .chat-user-avatar,:root.dark-mode .user-avatar,:root.dark-mode .user-avatar-small{background:var(--dark-accent)!important}:root.dark-mode .avatar-shaking{animation:avatarShake .5s ease-in-out!important}:root.dark-mode *{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}:root.dark-mode .avatar-shaking{transition:none!important}@media (max-width:768px){.chat-container{height:100vh;height:100dvh}.chat-container:after,.chat-container:before{display:none}.chat-wrapper{height:100vh;height:100dvh;max-width:100%;margin:0;width:100%;border-radius:0;box-shadow:none}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn{display:flex!important;width:40px;height:40px;min-width:40px;min-height:40px;border:none;background:rgba(0,0,0,.05);color:#333;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;flex-shrink:0;align-items:center;justify-content:center;z-index:10;position:relative}.mobile-menu-btn:active{background:rgba(0,0,0,.15)}.mobile-menu-btn svg{width:24px;height:24px;stroke:currentColor}:root.dark-mode .mobile-menu-btn{background:hsla(0,0%,100%,.1)!important;color:var(--dark-text-primary)!important}:root.dark-mode .mobile-menu-btn:active{background:hsla(0,0%,100%,.2)!important}.user-list-panel{position:fixed;left:-100%;top:0;width:80%;max-width:320px;height:100vh;height:100dvh;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px rgba(0,0,0,.1);border-right:1px solid hsla(0,0%,88%,.5);background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top)}.user-list-panel.show{left:0}:root.dark-mode .user-list-panel{background:var(--dark-bg-secondary)!important;border-right-color:var(--dark-border)!important}.chat-panel{width:100%}.chat-header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));min-height:56px}.chat-header-left{gap:10px;align-items:center}.chat-user-avatar{width:40px;height:40px;font-size:16px}.chat-title{font-size:16px}.chat-messages{padding:12px 16px}.message-item{margin-bottom:12px;gap:8px}.message-avatar{width:36px;height:36px;font-size:14px}.message-bubble{padding:10px 14px;font-size:15px;max-width:75%;line-height:1.5}.message-image{max-width:200px;max-height:300px}.message-time{font-size:11px}.chat-input{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:8px}.input-wrapper{gap:8px;flex:1;min-width:0}.input-wrapper input{font-size:16px;padding:10px 14px;min-width:0;flex:1}.emoji-button,.image-button{width:40px;height:40px;min-width:40px;flex-shrink:0;font-size:18px}.send-button{padding:10px 20px;font-size:15px;min-width:60px;min-height:40px;flex-shrink:0;white-space:nowrap}.panel-header{padding:16px}.panel-header h3{font-size:16px}.user-item{padding:12px 16px;gap:10px}.user-avatar{width:40px;height:40px;font-size:15px}.user-name{font-size:14px;margin-bottom:4px}.user-status{font-size:11px}.email-change-modal-overlay,.image-upload-modal-overlay,.modal-overlay,.phone-change-modal-overlay,.profile-modal-overlay{padding:16px;align-items:flex-end}.email-change-modal,.image-upload-modal,.modal-content,.phone-change-modal,.profile-modal-content{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;margin:0}.email-change-header,.image-upload-modal-header,.modal-header,.phone-change-header,.profile-modal-header{padding:16px 20px}.email-change-header h3,.image-upload-modal-header h3,.modal-header h3,.phone-change-header h3,.profile-modal-header h3{font-size:18px}.email-change-body,.image-upload-modal-body,.modal-body,.phone-change-body,.profile-modal-body{padding:16px 20px;max-height:calc(90vh - 120px);max-height:calc(90dvh - 120px)}.email-change-footer,.image-upload-modal-footer,.modal-footer,.phone-change-footer{padding:16px 20px;gap:10px}.btn-cancel,.btn-primary,.btn-secondary,.btn-send{padding:12px 24px;font-size:15px;min-height:44px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{font-size:16px;padding:12px;min-height:44px}.image-grid{grid-template-columns:repeat(3,1fr);gap:8px}.image-item{aspect-ratio:1}.image-preview-thumb{max-width:100%;max-height:100%}.image-preview-overlay{padding:0}.image-preview-container{width:100%;height:100%;border-radius:0}.image-preview-close{top:16px;right:16px;width:40px;height:40px;font-size:24px}.emoji-panel{width:100%;max-width:100%;height:50vh;height:50dvh;bottom:0;left:0;right:0;border-radius:20px 20px 0 0}.avatar-menu{min-width:120px;font-size:14px}.menu-item{padding:12px 16px;min-height:44px}.toast-message{left:16px;right:16px;width:auto;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px}.context-menu{min-width:140px;font-size:14px}.context-menu-item{padding:12px 16px;min-height:44px}.empty-chat{padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:14px}.user-group-header{padding:6px 16px;font-size:12px}.unread-badge{font-size:10px;padding:2px 5px;min-width:16px;height:16px}.theme-toggle-btn{width:40px;height:40px;font-size:18px}.user-avatar-small{width:36px;height:36px;font-size:14px}.urge-online-btn{padding:8px 14px;font-size:12px;min-height:36px;white-space:nowrap}.urge-online-modal-overlay{padding:16px;align-items:flex-end}.urge-online-modal{width:100%;max-width:100%;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;margin:0}.urge-online-modal-header{padding:16px 20px}.urge-online-modal-header h3{font-size:18px}.urge-online-modal-content{padding:20px;max-height:calc(90vh - 180px);max-height:calc(90dvh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.urge-question{font-size:16px;margin-bottom:20px}.urge-reason-input{font-size:16px;min-height:44px;padding:12px}.urge-online-modal-footer{padding:16px 20px;gap:10px}.modal-btn{padding:12px 24px;font-size:15px;min-height:44px;flex:1}.action-btn:hover,.chat-user-avatar:hover:not(.avatar-shaking),.menu-item:hover,.user-item:hover{background:inherit;transform:none}.action-btn:active,.menu-item:active,.send-btn:active,.user-item:active{opacity:.7;transform:scale(.98)}.chat-messages::-webkit-scrollbar,.user-list-content::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb,.user-list-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}}@media (max-width:480px){.chat-header,.chat-input,.chat-messages{padding:10px 12px}.chat-input{padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px;flex-wrap:nowrap}.message-bubble{max-width:80%;padding:8px 12px;font-size:14px}.message-image{max-width:180px;max-height:250px}.input-wrapper{flex:1;min-width:0;max-width:calc(100% - 120px)}.input-wrapper input{font-size:16px;padding:8px 12px;min-width:0;width:100%}.emoji-button,.image-button{width:36px;height:36px;min-width:36px;font-size:16px;flex-shrink:0}.send-button{padding:8px 16px;font-size:14px;min-width:56px;min-height:36px;flex-shrink:0;white-space:nowrap;display:inline-block!important;visibility:visible!important;opacity:1!important}.user-list-panel{width:85%;max-width:280px}.email-change-modal,.image-upload-modal,.modal-content,.phone-change-modal,.profile-modal-content{max-height:95vh;max-height:95dvh}.image-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px) and (orientation:landscape){.chat-wrapper{height:100vh;height:100dvh}.chat-header{min-height:48px}.chat-header,.chat-input,.chat-messages{padding:8px 16px}.chat-input{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.emoji-panel{height:40vh;height:40dvh}}@media (min-resolution:192dpi){.avatar-img,.image-preview-thumb,.message-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}