/* 个人资料采用整行入口，底部操作随页面高度靠下排列。 */
#view.profile-active{display:flex;flex-direction:column;padding-bottom:10px}
#view.profile-active>.page{flex:1;min-height:100%;display:flex;flex-direction:column}
.profile-page-body{display:flex;flex-direction:column;flex:1;padding-top:12px}
.profile-info-card{background:#fff;border-radius:12px;padding:0 14px;flex-shrink:0}
.profile-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:59px;padding:14px 0;border-bottom:1px solid #f2f3f6;text-align:left;font-size:14px}
.profile-info-row:last-child{border-bottom:0}
.profile-info-row>span:first-child{flex-shrink:0;color:#9297a0}
.profile-row-value{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;text-align:right;color:#343d4d;overflow-wrap:anywhere}
.profile-row-value i{font-style:normal;color:#bbc1cb;font-size:23px;line-height:1}
.profile-avatar{display:inline-flex;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#e4edf5;flex-shrink:0;align-items:center;justify-content:center}
.profile-avatar img{width:100%;height:100%;object-fit:contain}
.avatar-blue img{filter:hue-rotate(190deg)}
.avatar-green img{filter:hue-rotate(115deg)}
.identity-info-card{margin-top:16px}
.current-identity-row{align-items:flex-start;padding-top:17px;padding-bottom:17px}
.current-identity-row>span:first-child{line-height:22px}
.current-identity-row .profile-row-value{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.current-identity-row b{font-weight:500;font-size:14px;line-height:22px}
.current-identity-row small{font-size:12px;line-height:1.7;color:#8e98a7}
.profile-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:40px}
.profile-bottom-actions button{background:#fff;border-radius:10px;min-height:52px;font-size:14px}
.profile-bottom-actions button:first-child{color:var(--brand)}
.device.identity-mode{background:linear-gradient(180deg,#bfe1fb 0,#deecf7 180px,#f5f7fb 360px)}
.identity-mode .brandbar,.identity-mode .status{background:transparent}
.identity-switch-page{padding-top:14px}
.identity-group{margin:4px 0 28px}
.identity-group h3{display:flex;justify-content:center;align-items:center;gap:9px;font-size:18px;font-weight:600;margin:0 0 20px}
.identity-group-icon{display:grid;place-items:center;width:25px;height:28px;border-radius:6px;background:#0072e5;color:white}
.identity-group-icon .ico{width:19px;height:19px}
.identity-group-enterprise .identity-group-icon{background:#0072e5}
.identity-group-personal .identity-group-icon{background:#5b9b8d}
.identity-option+.identity-option{margin-top:12px}
.identity-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:76px;padding:19px 16px;border-radius:13px;background:white;text-align:left;border:1px solid transparent}
.identity-option>span{font-size:16px;line-height:1.65;overflow-wrap:anywhere;flex:1;min-width:0}
.identity-option i{font-style:normal;font-size:29px;font-weight:300;color:#c7cdd4}
.identity-option small{color:#0072e5;white-space:nowrap;font-size:12px;flex-shrink:0}
.identity-option.is-current{border-color:#c3dff3}
.identity-demo-note{text-align:center;font-size:11px;line-height:1.8;color:#9daec0;margin-top:32px}
.profile-avatar-options{display:flex;justify-content:space-around;gap:12px;margin-top:16px}
.profile-avatar-options button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;font-size:13px}
.profile-avatar-options button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}

.profile-bottom-actions button:first-child{color:var(--danger)}