html{height:100vh}body{height:100%;margin:0;overflow:hidden}body,#root{height:100%}.App{width:100%;height:100%}.ant-app,.ant-layout{height:100%}.ant-layout-sider{overflow:auto}.ant-layout-footer{padding:0}.ant-tabs,.ant-tabs-content,.ant-tabs-tabpane{height:100%}.ant-pro-form-login-container{-webkit-app-region:drag;padding-top:40px}.ant-pro-form-login-top{height:80px}.ant-pro-form-server-container{-webkit-app-region:drag}.ant-pro-form-login-main,.ant-pro-form-server-main{-webkit-app-region:no-drag}.ant-layout-header,.ant-menu{-webkit-app-region:drag}.ant-menu-item,.ant-menu-submenu,.ant-btn{-webkit-app-region:no-drag}.ant-pro-layout .ant-pro-layout-content{padding-block:0;padding-inline:0}.footerLeftButton{cursor:pointer;margin-left:10px}.footerLeftButton:hover{background-color:bisque}.footerRightButton{float:right;cursor:pointer;margin-right:30px}.Popup.active .Popup-dialog{width:350px}.profile-container{height:100vh;margin-left:20px;overflow-y:auto}.ant-layout-sider{overflow-x:hidden}.customer-info-collapse{width:100%;height:100%}.customer-info-collapse .ant-collapse-content{width:100%}.customer-info-collapse .ant-collapse-content-box{width:100%;padding:0}.ant-pro-form,.ant-pro-form-item,.ant-pro-form-item-control,.ant-pro-form-item-control-input{width:100%}.ant-pro-form-item-control-input-content,.ant-pro-form-item-control-input-content .ant-input-wrapper{width:100%;display:block}.ant-pro-form-item-control-input-content .ant-input,.ant-pro-form-item-control-input-content .ant-input-affix-wrapper{box-sizing:border-box;width:100%}.ant-pro-form-item-control-input-content .ant-input-group{align-items:center;width:100%;display:flex}.ant-pro-form-item-control-input-content .ant-input-group .ant-input{flex:1;min-width:0}.ant-pro-form-item-control-input-content .ant-input-group-addon{flex-shrink:0}.ant-pro-form-item-control-input-content .ant-input-group-wrapper,.ant-pro-form-item-control-input-content .ant-input-group-wrapper .ant-input-group{width:100%}.ant-pro-form-item-control-input-content .ant-input-group-wrapper .ant-input-group .ant-input{flex:1;width:100%}.profile-container{background:#fff;border-radius:12px;max-width:800px;min-height:calc(100vh - 64px);margin:0 auto;padding:32px;transition:background-color .3s,color .3s;box-shadow:0 2px 8px #0000000f}[data-theme=dark] .profile-container{background:#1f1f1f;box-shadow:0 2px 8px #ffffff0f}.profile-container .ant-pro-form .ant-form-item{margin-bottom:28px}.profile-container .ant-pro-form .ant-form-item:last-child{margin-bottom:0}.profile-container .ant-form-item-label>label{color:#262626;font-size:14px;font-weight:500;transition:color .3s}[data-theme=dark] .profile-container .ant-form-item-label>label{color:#d9d9d9}.profile-container .ant-input,.profile-container .ant-input-affix-wrapper,.profile-container .ant-input[disabled]{border:1px solid #d9d9d9;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .3s}.profile-container .ant-input:hover,.profile-container .ant-input-affix-wrapper:hover{border-color:#40a9ff}.profile-container .ant-input:focus,.profile-container .ant-input-affix-wrapper:focus,.profile-container .ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.profile-container .ant-input[readonly]{color:#8c8c8c;cursor:not-allowed;background-color:#f5f5f5}[data-theme=dark] .profile-container .ant-input[readonly]{color:#8c8c8c;background-color:#262626}.profile-container .ant-input{resize:vertical;min-height:32px}.profile-container .avatar-upload-section{text-align:center;margin:24px 0}.profile-container .avatar-upload-section .ant-upload{width:100%}.profile-container .avatar-upload-section .ant-upload-select{width:100%;display:block!important}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload-text{color:#d9d9d9!important}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload-hint{color:#8c8c8c!important}[data-theme=dark] .profile-container .avatar-upload-section .anticon{color:#d9d9d9!important}.profile-container .avatar-upload-section .ant-upload-drag{background:#fafafa!important;border:2px dashed #d9d9d9!important;border-radius:8px!important;padding:20px!important;transition:all .3s!important}.profile-container .avatar-upload-section .ant-upload-drag:hover,.profile-container .avatar-upload-section .ant-upload-drag.ant-upload-drag-hover{background:#f0f8ff!important;border-color:#1890ff!important}.profile-container .avatar-upload-section .ant-upload-drag-container{flex-direction:column;justify-content:center;align-items:center;display:flex}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload-drag{background:#2f2f2f!important;border-color:#424242!important}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload-drag:hover,[data-theme=dark] .profile-container .avatar-upload-section .ant-upload-drag.ant-upload-drag-hover{background:#1a2332!important;border-color:#1890ff!important}.profile-container .avatar-upload-section .ant-avatar{border:3px solid #fff;margin-bottom:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 2px 8px #00000026}[data-theme=dark] .profile-container .avatar-upload-section .ant-avatar{background-color:#262626;border-color:#424242;box-shadow:0 2px 8px #ffffff1a}.profile-container .avatar-upload-section .ant-avatar .anticon{color:#8c8c8c}.profile-container .avatar-upload-section .ant-upload.ant-upload-disabled{opacity:.7}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload.ant-upload-disabled .ant-upload-btn{color:#666!important;background-color:#1a1a1a!important;border-color:#424242!important}[data-theme=dark] .profile-container .avatar-upload-section .ant-upload.ant-upload-disabled .anticon{color:#666!important}.profile-container .avatar-upload-section .ant-btn{border-radius:6px;font-weight:500}.profile-container .form-submit-area{border-top:1px solid #f0f0f0;justify-content:center;gap:16px;margin-top:40px;padding-top:24px;display:flex}[data-theme=dark] .profile-container .form-submit-area{border-top-color:#303030}.profile-container .form-submit-area .ant-btn{border-radius:6px;min-width:120px;height:40px;font-size:14px;font-weight:500}.profile-container .form-submit-area .ant-btn-primary{background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);border:none;box-shadow:0 2px 4px #1890ff4d}.profile-container .form-submit-area .ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff 0%,#1890ff 100%);transform:translateY(-1px);box-shadow:0 4px 8px #1890ff66}.profile-container .setting-switch-item{background:#fafafa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;transition:all .3s;display:flex}.profile-container .setting-switch-item:hover{background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}[data-theme=dark] .profile-container .setting-switch-item{background:#262626}[data-theme=dark] .profile-container .setting-switch-item:hover{background:#303030;box-shadow:0 2px 8px #ffffff14}.profile-container .setting-switch-item .switch-label{color:#262626;font-size:14px;font-weight:500;transition:color .3s}[data-theme=dark] .profile-container .setting-switch-item .switch-label{color:#d9d9d9}.profile-container .setting-switch-item .ant-switch{background-color:#00000040}.profile-container .setting-item-group{margin-bottom:32px}.profile-container .setting-item-group:last-child{margin-bottom:0}.profile-container .setting-switch-item .ant-switch{transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-container .setting-switch-item .ant-switch:hover{transform:scale(1.05)}.profile-container .setting-radio-group .ant-radio-wrapper{color:#262626;border-radius:8px;margin-bottom:8px;padding:8px 12px;transition:all .2s}.profile-container .setting-radio-group .ant-radio-wrapper:hover{background-color:#1890ff0a;transform:translate(4px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .profile-container .setting-radio-group .ant-radio-wrapper{color:#d9d9d9}[data-theme=dark] .profile-container .setting-radio-group .ant-radio-wrapper:hover{background-color:#1890ff14;box-shadow:0 2px 8px #ffffff1a}.profile-container .connection-status:before{animation:2s infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.profile-container .connection-status.connected:before{animation:3s infinite connectedPulse}.profile-container .connection-status.disconnected:before{animation:1s infinite disconnectedBlink}@keyframes connectedPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes disconnectedBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.profile-container .setting-group-title{color:#262626;border-bottom:2px solid #f0f0f0;margin:32px 0 16px;padding-bottom:8px;font-size:16px;font-weight:600;transition:color .3s,border-bottom-color .3s;position:relative}.profile-container .setting-group-title:before{content:"";background:linear-gradient(135deg,#1890ff 0%,#096dd9 100%);width:40px;height:2px;position:absolute;bottom:-2px;left:0}[data-theme=dark] .profile-container .setting-group-title{color:#d9d9d9;border-bottom-color:#303030}.profile-container .connection-status{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.profile-container .connection-status.connected{color:#389e0d;background-color:#f6ffed;border:1px solid #b7eb8f}.profile-container .connection-status.disconnected{color:#cf1322;background-color:#fff2f0;border:1px solid #ffccc7}[data-theme=dark] .profile-container .connection-status.connected{background-color:#162312;border-color:#274916}[data-theme=dark] .profile-container .connection-status.disconnected{background-color:#2a1215;border-color:#58181c}.profile-container .connection-status:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px}@media (width<=768px){.profile-container{border-radius:0;min-height:100vh;margin:0;padding:20px 16px}.profile-container .ant-form-item-label{text-align:left!important}.profile-container .form-submit-area{flex-direction:column;gap:12px}.profile-container .form-submit-area .ant-btn{width:100%}.profile-container .setting-radio-group .ant-radio-group{gap:8px}.profile-container .setting-radio-group .ant-radio-wrapper{padding:10px 12px}.profile-container .setting-switch-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.profile-container .setting-switch-item .switch-label{font-size:13px}.profile-container .setting-radio-group .ant-radio-wrapper,.profile-container .connection-status{padding:10px 12px;font-size:13px}}@media (width<=480px){.profile-container{padding:16px 12px}.profile-container .avatar-upload-section{padding:16px 0}.profile-container .setting-group-title{margin:24px 0 12px;font-size:14px}.profile-container .setting-switch-item{padding:10px 12px}.profile-container .setting-group-title{margin:20px 0 12px}.profile-container .setting-radio-group .ant-radio-wrapper:hover{transform:none}}.profile-container .verification-status{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.profile-container .verification-status.verified{color:#389e0d;background-color:#f6ffed;border:1px solid #b7eb8f}.profile-container .verification-status.unverified{color:#d46b08;background-color:#fff7e6;border:1px solid #ffd591}[data-theme=dark] .profile-container .verification-status.verified{background-color:#162312;border-color:#274916}[data-theme=dark] .profile-container .verification-status.unverified{background-color:#2b1d11;border-color:#613400}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-container .loading-skeleton{background-color:#f0f0f0;border-radius:4px;animation:1.5s ease-in-out infinite pulse}[data-theme=dark] .profile-container .loading-skeleton{background-color:#303030}.profile-container .error-message{color:#ff4d4f;margin-top:4px;font-size:12px}.profile-container .success-message{color:#52c41a;margin-top:4px;font-size:12px}.profile-container .verification-status{margin-left:8px}