#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;background-color:#f5f5f5}.login-dialog-dark .el-dialog__header{display:none}.login-dialog-dark .el-dialog__body{padding:0}.login-dialog-dark{background:transparent!important;box-shadow:none!important}.app-wrapper{min-height:100vh;background:#fff;color:#0f172a}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:hsla(0,0%,100%,.95);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(15,23,42,.1)}.nav-container{max-width:1280px;margin:0 auto;padding:0 32px;height:80px;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:12px;text-decoration:none;cursor:pointer}.logo-icon{width:40px;height:40px;background:#0f172a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 12px rgba(15,23,42,.2);transition:transform .3s}.nav-logo:hover .logo-icon{transform:rotate(12deg)}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.05em;color:#0f172a;text-transform:uppercase}.logo-light{color:#cbd5e1;font-weight:300;letter-spacing:normal;text-transform:none}.nav-links{display:none;align-items:center;gap:40px}@media (min-width:768px){.nav-links{display:flex}}.nav-link{font-size:11px;font-weight:700;color:#94a3b8;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;transition:color .3s;position:relative}.nav-link.active,.nav-link:hover{color:#0f172a}.nav-link-bar{position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#0f172a;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-link.active .nav-link-bar,.nav-link:hover .nav-link-bar{transform:scaleX(1)}.nav-user-btn{display:flex;align-items:center;gap:12px;padding:8px 24px 8px 8px;border-radius:16px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transition:all .3s;cursor:pointer;border:1px solid #e2e8f0;background:#f1f5f9;color:#64748b}.nav-user-btn:hover{background:#e2e8f0}.nav-user-btn.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.2)}.nav-user-avatar{flex-shrink:0;background:#0f172a!important;border-radius:12px!important}.login-btn,.nav-link{cursor:pointer}.login-btn{font-size:11px;font-weight:800;background:#0f172a;color:#fff;padding:12px 24px;border-radius:16px;border:none;transition:all .3s;text-transform:uppercase;letter-spacing:.2em;box-shadow:0 4px 16px rgba(15,23,42,.15)}.login-btn:hover{background:#1e293b;transform:scale(1.02)}.mobile-menu-btn{display:block}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn button{color:#0f172a;padding:8px;background:transparent;border:none;cursor:pointer}.mobile-menu-btn svg{width:24px;height:24px}.main-user{padding-top:80px;background:#f8fafc;min-height:100vh}.main-chat{padding-top:80px;height:100vh;overflow:hidden}.dialog-card{border-radius:32px;overflow:hidden;border:1.5px solid #e2e8f0;background:#fff;box-shadow:0 40px 100px rgba(15,23,42,.15)}.dialog-header{background:#0f172a;padding:32px 32px 24px;position:relative}.dialog-header h2{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.02em}.dialog-header p{font-size:13px;color:hsla(0,0%,100%,.5);font-weight:500}.dialog-close{position:absolute;top:20px;right:20px;color:hsla(0,0%,100%,.4);background:transparent;border:none;cursor:pointer;font-size:18px;transition:color .3s}.dialog-close:hover{color:#fff}.dialog-tabs{display:flex;border-bottom:1.5px solid #e2e8f0}.dialog-tab{flex:1;text-align:center;padding:14px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.dialog-tab:hover{color:#0f172a}.dialog-tab.active{color:#0f172a;border-bottom:2px solid #0f172a}.dialog-body{padding:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:10px;font-weight:800;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.15em}.form-input{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;padding:14px 16px;transition:border-color .3s}.form-input:focus-within{border-color:#0f172a}.form-input input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#0f172a;font-weight:700}.form-input input::-moz-placeholder{color:#cbd5e1;font-weight:500}.form-input input::placeholder{color:#cbd5e1;font-weight:500}.remember-me{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;margin-bottom:24px;cursor:pointer;font-weight:600}.remember-me input{accent-color:#0f172a}.submit-btn{width:100%;padding:16px;background:#0f172a;color:#fff;font-weight:800;border-radius:16px;border:none;cursor:pointer;font-size:11px;transition:all .3s;text-transform:uppercase;letter-spacing:.2em;box-shadow:0 8px 24px rgba(15,23,42,.15)}.submit-btn:hover{background:#1e293b;transform:scale(1.01)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.site-footer{border-top:1px solid #f1f5f9;background:#fff;padding:64px 32px}.footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between}}.footer-logo-wrap{display:flex;align-items:center;gap:12px}.footer-logo-icon{width:32px;height:32px;background:#0f172a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.footer-logo-text{font-size:18px;font-weight:800;letter-spacing:-.05em;color:#0f172a;text-transform:uppercase}.footer-links{display:flex;gap:40px}.footer-links a{font-size:10px;font-weight:700;color:#94a3b8;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:color .3s}.footer-links a:hover{color:#0f172a}.footer-copy{font-size:10px;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.15em}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#fff;background-color:#050505;line-height:1.6}a{text-decoration:none}a,a:hover{color:inherit}.clearfix:after{content:"";display:table;clear:both}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-container{min-height:calc(100vh - 140px);padding:20px 0}.card-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.page-title{font-size:24px;font-weight:700;color:#303133;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #409eff}.section-title{font-size:18px;font-weight:600;color:#606266;margin-bottom:15px}.text-primary{color:#409eff}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-danger{color:#f56c6c}.text-info{color:#909399}.text-muted{color:#c0c4cc}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.m-0{margin:0}.m-1{margin:8px}.m-2{margin:16px}.m-3{margin:24px}.m-4{margin:32px}.m-5{margin:40px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.ml-0{margin-left:0}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.ml-3{margin-left:24px}.ml-4{margin-left:32px}.ml-5{margin-left:40px}.mr-0{margin-right:0}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.mr-3{margin-right:24px}.mr-4{margin-right:32px}.mr-5{margin-right:40px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.p-5{padding:40px}.pt-0{padding-top:0}.pt-1{padding-top:8px}.pt-2{padding-top:16px}.pt-3{padding-top:24px}.pt-4{padding-top:32px}.pt-5{padding-top:40px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:8px}.pb-2{padding-bottom:16px}.pb-3{padding-bottom:24px}.pb-4{padding-bottom:32px}.pb-5{padding-bottom:40px}.pl-0{padding-left:0}.pl-1{padding-left:8px}.pl-2{padding-left:16px}.pl-3{padding-left:24px}.pl-4{padding-left:32px}.pl-5{padding-left:40px}.pr-0{padding-right:0}.pr-1{padding-right:8px}.pr-2{padding-right:16px}.pr-3{padding-right:24px}.pr-4{padding-right:32px}.pr-5{padding-right:40px}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-1{flex:1}@media(max-width:768px){.container{padding:0 10px}.page-container{padding:10px 0}.card-container{margin-bottom:10px;padding:15px}.page-title{font-size:20px}.section-title{font-size:16px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}