.qh-profile{max-width:1180px;margin:0 auto;--el-color-primary:#3370ff;--el-color-primary-light-9:#eef4ff;--el-color-danger:#bd4141;--el-color-danger-light-9:#fff6f6;color:#202a3a}
.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.profile-heading h1{font-size:30px;font-weight:650;line-height:1.4;margin:0}.profile-heading p{font-size:14px;line-height:1.7;color:#637087;margin-top:10px}.profile-identity{display:flex;align-items:center;gap:12px}.profile-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:#3370ff;font-size:20px;font-weight:600}.profile-identity strong,.profile-identity span:not(.profile-avatar){display:block}.profile-identity strong{font-size:14px;font-weight:600}.profile-identity div span{font-size:12px;margin-top:6px;color:#637087}
.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:start}.profile-sections{display:grid;gap:20px;min-width:0}.profile-panel{background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:26px 28px;min-width:0}.profile-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.profile-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0;background:#edf3ff;color:#3370ff;font-size:18px}.profile-section-title h2,.profile-account-info h2{font-size:17px;line-height:1.5;font-weight:600;margin:0}.profile-section-title p{font-size:13px;color:#637087;line-height:1.7;margin:5px 0 0}.profile-form{max-width:660px}.profile-form .el-form-item__label{font-size:13px;color:#45536a}.profile-form .el-input__wrapper{min-height:40px;box-shadow:0 0 0 1px #dde4ef inset}.profile-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-field-grid .el-form-item{min-width:0}.profile-field-hint{font-size:12px;line-height:1.6;color:#7b8799;margin:7px 0 0}.profile-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.profile-save-row .el-button+.el-button{margin-left:0}.profile-save-row .el-button{min-height:38px}.unsaved-note{font-size:12px;color:#7b8799}.profile-success,.profile-error{font-size:13px;line-height:1.8;margin-top:12px}.profile-success{color:#24664a}.profile-error{color:#b83535}.profile-action-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 4px}.profile-action-row h3{font-size:14px;font-weight:550;line-height:1.5;margin:0 0 6px}.profile-action-row p{font-size:13px;color:#637087;line-height:1.8;margin:0}.profile-action-row>.el-button{flex-shrink:0;min-height:36px}.account-close-row{border-top:1px solid #e6ebf3;margin-top:22px;padding-top:22px}.account-close-row .el-button{--el-color-danger:#bd4141;--el-color-danger-light-9:#fff6f6;--el-color-danger-light-7:#f1d5d5}
.profile-account-info h2{margin-bottom:22px}.profile-account-info dl{margin:0}.profile-account-info dl>div{padding:14px 0;border-bottom:1px solid #edf0f5}.profile-account-info dl>div:first-child{padding-top:0}.profile-account-info dt{color:#7b8799;font-size:12px;line-height:1.5;margin-bottom:8px}.profile-account-info dd{margin:0;font-size:13px;color:#45536a;line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3370ff;margin-right:7px;vertical-align:2px}.profile-demo-note{margin-top:22px;background:#f4f7fc;padding:14px;border-radius:8px}.profile-demo-note strong{font-size:12px;font-weight:550;color:#536079}.profile-demo-note p{font-size:12px;line-height:1.8;color:#637087;margin:8px 0 0}.profile-demo-note code{font-family:inherit;color:#45536a}
.profile-state{padding:44px;background:#fff;border-radius:12px;font-size:14px;color:#637087}.profile-dialog-intro{font-size:13px;line-height:1.8;color:#637087;margin:0 0 22px}.profile-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.profile-dialog-actions .el-button+.el-button{margin:0}.closure-notice{padding:14px 16px;border:1px solid #f1d5d5;background:#fff8f8;border-radius:8px;margin-bottom:24px}.closure-notice strong{font-size:13px;font-weight:550;color:#903c3c}.closure-notice p{font-size:13px;line-height:1.8;color:#805959;margin:8px 0 0}.closure-acknowledgement{height:auto;align-items:flex-start}.closure-acknowledgement .el-checkbox__input{margin-top:4px}.closure-acknowledgement .el-checkbox__label{white-space:normal;line-height:1.7;font-size:13px}.qh-profile-dialog{border-radius:12px;padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1100px){.profile-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.profile-panel{padding:24px}.profile-field-grid{grid-template-columns:1fr;gap:0}.profile-heading{align-items:flex-start}.profile-identity{padding-top:2px}}
@media(max-width:850px){.profile-grid{grid-template-columns:1fr}.profile-account-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.profile-account-info dl>div:first-child{padding-top:14px}.profile-demo-note{margin-top:20px}}
@media(max-width:600px){.profile-heading{gap:16px;margin-bottom:22px}.profile-heading h1{font-size:25px}.profile-heading p{font-size:13px;max-width:210px}.profile-identity div{display:none}.profile-avatar{width:38px;height:38px;font-size:18px}.profile-panel{padding:22px 18px}.profile-section-title{gap:10px;margin-bottom:22px}.profile-action-row{align-items:flex-start;gap:16px}.profile-action-row p{font-size:12px}.profile-action-row>.el-button{font-size:12px;padding-inline:12px}.profile-account-info dl{gap:0 16px}.qh-profile-dialog{padding:22px 18px}.profile-save-row .el-button{flex:1}.unsaved-note{width:100%}}
.qh-profile-dialog{--el-color-primary:#3370ff;--el-color-primary-light-9:#eef4ff;--el-color-danger:#bd4141;--el-color-danger-light-9:#fff6f6}
.qh-profile [hidden]{display:none!important}
.qh-field{margin-bottom:22px;min-width:0}
.qh-field label{display:block;color:#45536a;font-size:13px;line-height:1.6;margin-bottom:8px}
.qh-field input{box-sizing:border-box;width:100%;height:40px;border:1px solid #dde4ef;border-radius:5px;padding:0 12px;background:#fff;color:#202a3a;font:inherit;font-size:14px;outline:none}
.qh-field input:focus{border-color:#3370ff;box-shadow:0 0 0 2px rgba(51,112,255,.1)}
.qh-field input[readonly]{background:#f8fafc;color:#637087}
.profile-section-icon svg{width:19px;height:19px}
.qh-button{font:inherit;font-size:13px;line-height:1.4;border:1px solid #dbe3ef;border-radius:5px;padding:8px 15px;background:#fff;color:#45536a;cursor:pointer;min-height:36px;transition:background-color .15s,border-color .15s}
.qh-button:hover{background:#f0f5ff;border-color:#bed1f7;color:#245bdb}
.qh-primary{background:#3370ff;border-color:#3370ff;color:#fff}
.qh-primary:hover{background:#295cd9;border-color:#295cd9;color:#fff}
.qh-danger{background:#bd4141;border-color:#bd4141;color:#fff}
.qh-danger:hover{background:#a83232;border-color:#a83232;color:#fff}
.qh-danger-plain{color:#b43e3e;background:#fff8f8;border-color:#ecd2d2}
.qh-danger-plain:hover{background:#fff1f1;border-color:#d9a5a5;color:#9f2d2d}
.qh-button:disabled{opacity:.45;cursor:not-allowed}
.profile-action-row>.qh-button{flex-shrink:0}
.qh-profile :focus-visible{outline:2px solid #3370ff;outline-offset:3px}
dialog.qh-profile-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));padding:24px;margin:auto;border:1px solid #e2e8f2;border-radius:12px;background:#fff;color:#202a3a;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 16px 64px rgba(21,39,68,.18)}
dialog.qh-profile-dialog::backdrop{background:rgba(20,34,55,.42)}
.qh-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.qh-profile-dialog h2{font-size:18px;font-weight:600;line-height:1.5;margin:0}
.qh-dialog-close{display:grid;place-items:center;width:30px;height:30px;padding:0;background:transparent;border:0;border-radius:6px;cursor:pointer;color:#7b8799;font-size:24px;line-height:1}
.qh-dialog-close:hover{background:#f0f5ff;color:#3370ff}
.qh-ack{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;color:#637087;cursor:pointer}
.qh-ack input{flex-shrink:0;margin-top:6px;accent-color:#3370ff}
.qh-closure-status{font-size:13px;line-height:1.8;color:#637087;margin-bottom:20px}
.qh-confirm-dialog>p{font-size:14px;line-height:1.9;color:#637087;margin-top:18px}
@media(max-width:600px){dialog.qh-profile-dialog{padding:22px 18px}.profile-action-row>.qh-button{font-size:12px;padding-inline:12px}.profile-save-row .qh-button{flex:1}.profile-grid .profile-panel{padding:22px 18px}}
.qh-profile .el-button--primary:not(:disabled),.qh-profile-dialog .el-button--primary:not(:disabled){background-color:#3370ff;border-color:#3370ff}.qh-profile .el-button--primary:not(:disabled):hover,.qh-profile-dialog .el-button--primary:not(:disabled):hover{background-color:#295cd9;border-color:#295cd9}