.personal-center-page { color:#303133; padding:24px; width:100%; min-width:0; }
.pc-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.pc-heading h1 { font-size:20px; line-height:28px; font-weight:600; margin:0 0 6px; }
.pc-heading p { font-size:13px; color:#606266; margin:0; }
.pc-demo { padding:4px 8px; color:#909399; border:1px solid #dcdfe6; background:white; font-size:12px; white-space:nowrap; }
.pc-layout { display:block; }
.pc-account,.pc-main { background:#fff; border:1px solid #ebeef5; min-width:0; }
.pc-account { padding:28px 20px 20px; text-align:center; }
.pc-avatar { width:64px; height:64px; background:#ecf5ff; color:#409eff; margin:0 auto 16px; display:grid; place-items:center; }
.pc-avatar svg { width:36px; height:36px; }
.pc-account h2 { margin:0 0 8px; font-size:18px; font-weight:600; overflow-wrap:anywhere; line-height:26px; }
.pc-account-id { color:#606266; font-size:13px; margin-bottom:14px; }
.pc-account-id strong { color:#303133; font-weight:400; padding-left:8px; }
.pc-account-meta { margin:24px 0 0; padding:20px 0; border-top:1px solid #ebeef5; border-bottom:1px solid #ebeef5; }
.pc-account-meta > div { display:flex; justify-content:space-between; align-items:start; margin-bottom:16px; gap:16px; }
.pc-account-meta > div:last-child { margin-bottom:0; }
.pc-account-meta dt { color:#606266; font-size:13px; } .pc-account-meta dd { margin:0; font-size:14px; }
.pc-account-help { display:flex; align-items:start; gap:8px; margin-top:16px; text-align:left; color:#909399; }
.pc-account-help svg { width:16px; height:16px; flex-shrink:0; margin-top:2px; }.pc-account-help p { font-size:12px; line-height:20px; margin:0; }
.pc-tabs > .el-tabs__header { padding:0 24px; margin:0; }
.pc-tabs .el-tabs__item { height:52px; line-height:52px; font-size:14px; }
.pc-tabs > .el-tabs__content { padding:24px; overflow:visible; }
.pc-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.pc-section-head h2 { margin:0 0 6px; font-size:16px; line-height:24px; font-weight:600; }.pc-section-head p { color:#606266; font-size:13px; margin:0; line-height:20px; }
.pc-section-head .el-button { flex-shrink:0; }
.pc-fields { max-width:960px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; }.pc-group-label { grid-column:1/-1; }
.pc-profile-form .el-form-item { margin-bottom:20px; }
.personal-center-page .el-form-item__label,.pc-password-dialog .el-form-item__label { padding-bottom:8px; line-height:20px; color:#606266; font-size:14px; }
.pc-read-value { color:#303133; font-size:14px; line-height:24px; overflow-wrap:anywhere; }.pc-read-value.is-empty { color:#909399; }
.pc-field-note { color:#909399; font-size:12px; line-height:18px; margin:6px 0 0; }
.pc-group-label { border-top:1px solid #ebeef5; padding-top:20px; margin-bottom:18px; font-size:14px; font-weight:500; }.pc-group-label span { color:#909399; font-size:12px; margin-left:8px; font-weight:400; }
.pc-profile-form .el-input__inner,.pc-password-dialog .el-input__inner { font-size:14px; height:36px; line-height:36px; }
.pc-profile-form .el-form-item.is-error .pc-field-note { margin-top:20px; }
.pc-form-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:20px; border-top:1px solid #ebeef5; margin-top:24px; }
.pc-form-footer > span { font-size:12px; color:#909399; }.pc-form-footer > div { display:flex; gap:12px; }
.personal-center-page .el-button,.pc-password-dialog .el-button { font-size:14px; }.personal-center-page .el-button+.el-button { margin-left:0; }
.pc-prototype-note { color:#909399; font-size:12px; line-height:18px; border-top:1px solid #ebeef5; padding:14px 24px; }
.pc-update { color:#909399; font-size:12px; margin-top:26px; }
.pc-security-row { display:flex; align-items:center; gap:16px; padding:22px 0 28px; border-bottom:1px solid #ebeef5; }
.pc-security-icon { width:44px; height:44px; background:#f5f7fa; display:grid; place-items:center; color:#606266; flex-shrink:0; }.pc-security-icon svg { width:24px; height:24px; }
.pc-security-copy { flex:1; min-width:0; }.pc-security-copy h3 { font-size:14px; margin:0 0 10px; font-weight:500; display:flex; gap:12px; align-items:center; }.pc-security-copy p { color:#606266; font-size:13px; line-height:20px; margin:0; }.pc-security-copy > span { font-size:12px; color:#529b2e; display:block; margin-top:8px; }
.pc-guidance { padding:24px 0 50px; }.pc-guidance h3 { font-size:14px; font-weight:500; margin:0 0 12px; }.pc-guidance ul { padding-left:18px; margin:0; color:#606266; font-size:13px; line-height:28px; }
.pc-password-dialog { max-width:calc(100vw - 32px); }.pc-password-dialog .el-dialog__body { padding:24px; }.pc-dialog-intro { color:#606266; margin:0 0 24px; font-size:13px; }.pc-dialog-intro strong { color:#303133; font-weight:500; }
.pc-password-form .el-form-item { margin-bottom:22px; } .pc-password-form .pc-new-password-field { margin-bottom:6px; } .pc-password-form .pc-new-password-field.is-error { margin-bottom:22px; }.pc-password-rules { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:12px; color:#909399; margin:0 0 20px; }.pc-password-rules .is-met { color:#529b2e; }.pc-dialog-note { color:#909399; font-size:12px; margin:8px 0 0; line-height:20px; }
.pc-result { text-align:center; padding:16px 0 24px; }.pc-result svg { width:48px; height:48px; color:#67c23a; }.pc-result h3 { font-size:18px; margin:16px 0 10px; }.pc-result p { color:#606266; font-size:14px; line-height:24px; }
.pc-error { padding:12px 16px; margin-bottom:20px; background:#fef0f0; color:#f56c6c; font-size:13px; line-height:22px; }.pc-error .el-button { padding:0 0 0 12px; }
.app-shell:has(.personal-center-page:not([style*="display: none"])) { min-width:0; }.app-shell:has(.personal-center-page:not([style*="display: none"])) .workspace { min-width:0; }
@media(max-width:1100px) { .pc-layout { grid-template-columns:minmax(0,1fr); }.personal-center-page { padding:20px; } }
@media(max-width:850px) { .pc-layout { grid-template-columns:minmax(0,1fr); }.pc-account { text-align:left; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:8px 16px; align-items:center; padding:20px; }.pc-avatar { grid-row:1/3; width:48px; height:48px; margin:0; }.pc-avatar svg { width:28px; height:28px; }.pc-account h2 { font-size:16px; margin:0; }.pc-account-id { margin:0; grid-column:2; }.pc-account > .el-tag { grid-column:3; grid-row:1/3; }.pc-account-meta { grid-column:1/-1; display:flex; gap:24px; width:100%; padding:16px 0 0; margin-top:8px; border-bottom:0; }.pc-account-meta > div { margin:0; gap:8px; }.pc-account-help { display:none; } }
@media(max-width:600px) { .pc-fields { grid-template-columns:minmax(0,1fr); } .app-shell:has(.personal-center-page:not([style*="display: none"])) .sidebar { display:none; }.personal-center-page { padding:16px; }.pc-tabs > .el-tabs__header { padding:0 16px; }.pc-tabs > .el-tabs__content { padding:20px 16px; }.pc-prototype-note { padding:12px 16px; }.pc-section-head { gap:8px; }.pc-section-head p { font-size:12px; }.pc-security-row { flex-wrap:wrap; }.pc-security-row > .el-button { margin-left:60px; }.pc-guidance { padding-bottom:20px; }.pc-form-footer > span { display:none; }.pc-form-footer { justify-content:flex-end; }.pc-account { padding:16px; } }