.island-avatar{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;background:#202638;flex-shrink:0}
body.island-profile-open{margin:0!important;padding:0!important;overflow:auto!important}
body.island-profile-open>:not(.island-profile-page){display:none!important}
body.island-profile-open>.island-profile-page:not([hidden]){display:block!important}
.island-profile-page[hidden]{display:none!important}
.island-profile-page{box-sizing:border-box;min-height:100dvh;background:#1a1d2d;color:#edf1f8;font:16px/1.5 'PingFang SC','Microsoft YaHei',Arial,sans-serif;text-align:left}
.island-profile-page *{box-sizing:border-box}
.island-profile-page button,.island-profile-page input{font-family:inherit;line-height:1.5;border-radius:0}
.island-profile-page button{cursor:pointer;width:auto;margin:0;box-shadow:none;min-height:40px}
.island-profile-page button:disabled{opacity:.5;cursor:wait}
.island-profile-page button:focus-visible{outline:3px solid #ffd071;outline-offset:3px}
.island-profile-page .profile-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px max(20px,calc((100vw - 1000px)/2));border-bottom:5px solid #101321;background:#1b2031}
.island-profile-page .profile-topbar>span{color:#cbd6e8;font-weight:600}
.island-profile-page .profile-topbar strong{color:#ffd071;font-size:13px;border:2px solid #9a824d;padding:8px 10px;background:#292d3c;max-width:65%;overflow-wrap:anywhere}
.island-profile-page .profile-main{max-width:1000px;margin:auto;padding:24px 20px 16px}
.island-profile-page .profile-back{display:block;background:transparent;border:0;box-shadow:none;color:#b8c9dd;font-size:14px;padding:8px 0;margin-bottom:14px}
.island-profile-page .profile-panel{background:#333c57;border:4px solid #111525;padding:26px}
.island-profile-page .profile-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.island-profile-page h1{color:#ffd071;font-size:26px;line-height:1.5;margin:0;letter-spacing:0}
.island-profile-page .profile-count{color:#a7b8cb;font-size:12px;flex:none;padding-top:14px}
.island-profile-page .profile-note{font-size:12px;color:#a7b8cb;line-height:1.8;margin:24px 0 0}
.island-profile-page .profile-intro{font-size:14px;color:#a7b8cb;margin:0 0 24px}
.island-profile-page .profile-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.island-profile-page .profile-avatar-card{position:relative;min-width:0;width:100%;padding:14px 8px 12px;background:#222b40;color:#edf1f8;border:3px solid #111525;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:14px;font-weight:600}
.island-profile-page .profile-avatar-card img{display:block;width:132px;height:132px;max-width:100%;object-fit:contain}
.island-profile-page .profile-avatar-card>span{white-space:nowrap}
.island-profile-page .profile-avatar-card.selected{border-color:#ffd071;background:#3b4256}
.island-profile-page .profile-default-tag{position:absolute;left:7px;top:6px;font-size:10px;padding:2px 5px;background:#29354b;color:#bbc8dc;border:1px solid #61708c;font-weight:400}
.island-profile-page .profile-selected-mark{position:absolute;right:7px;top:7px;width:21px;height:21px;background:#ffd071;color:#252b40;font-size:14px;line-height:21px}
.island-profile-page .profile-summary{display:flex;gap:24px;align-items:center;padding:28px 0;overflow-wrap:anywhere}
.island-profile-page .profile-summary img{width:120px;height:120px}
.island-profile-page .profile-summary strong{font-size:22px}
.island-profile-page .profile-field{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #56647d;padding:22px 0}
.island-profile-page .profile-field>div{min-width:0;flex:1;overflow-wrap:anywhere}
.island-profile-page .profile-field small,.island-profile-page .profile-field span{display:block}
.island-profile-page .profile-field small{font-size:12px;color:#a7b8cb;margin-bottom:7px}
.island-profile-page .profile-field button{flex-shrink:0;white-space:nowrap}
.island-profile-page .profile-secondary{padding:10px 14px;background:#3c517b;border:3px solid #131727;color:#edf1f8;font-size:14px}
.island-profile-page .profile-message{font-size:13px;line-height:1.8;color:#ffdc8b;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}
.island-profile-page .profile-message:empty{display:none}
.island-profile-page .profile-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;margin-top:16px;background:#252d43;border:4px solid #111525}
.island-profile-page .profile-action-buttons{display:flex;justify-content:flex-end;gap:12px;margin-left:auto}
.island-profile-page .profile-save{background:#b88a09;color:#fff4d5;border:3px solid #131727;padding:11px 20px;font-size:15px;font-weight:600;white-space:nowrap}
.island-profile-page .profile-selected-summary{display:flex;align-items:center;gap:12px;min-width:0}
.island-profile-page .profile-selected-summary img{width:48px;height:48px}
.island-profile-page .profile-selected-summary small{display:block;color:#9fb0c7;font-size:11px}
.island-profile-page .profile-selected-summary strong{font-size:14px;white-space:nowrap}
.island-profile-page input{display:block;box-sizing:border-box;width:100%;background:#20283d;color:#fff;padding:12px;border:2px solid #8796b0;font-size:16px;margin-top:22px}
.profile-scope-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-scope-row button{width:auto!important;font-size:12px!important;padding:8px!important;white-space:nowrap}.profile-tab-name{display:flex;align-items:center;gap:8px}.profile-tab-name img{width:32px;height:32px}.profile-tab-name strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.island-profile-page .profile-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.island-profile-page .profile-avatar-card img{width:120px;height:120px}.island-profile-page .profile-panel{padding:20px}}
@media(max-width:500px){.island-profile-page .profile-main{padding:12px 12px 16px}.island-profile-page .profile-topbar{padding:10px 12px;gap:8px;font-size:14px}.island-profile-page .profile-topbar strong{font-size:12px;padding:7px}.island-profile-page .profile-panel{padding:18px 12px}.island-profile-page h1{font-size:23px}.island-profile-page .profile-intro{font-size:12px;margin-bottom:20px}.island-profile-page .profile-count{font-size:11px;padding-top:11px}.island-profile-page .profile-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.island-profile-page .profile-avatar-card{padding:10px 5px 12px;gap:8px;font-size:13px}.island-profile-page .profile-avatar-card img{width:116px;height:116px}.island-profile-page .profile-actions{padding:12px;margin-top:12px;gap:8px}.island-profile-page .profile-save{padding:11px 16px;font-size:14px}.island-profile-page .profile-selected-summary{gap:8px}.island-profile-page .profile-selected-summary img{width:42px;height:42px}.island-profile-page .profile-selected-summary strong{font-size:13px}.island-profile-page .profile-back{margin-bottom:10px;font-size:13px}.island-profile-page .profile-summary{gap:16px}.island-profile-page .profile-summary img{width:92px;height:92px}.island-profile-page .profile-summary strong{font-size:18px}}
@media(max-width:350px){.island-profile-page .profile-panel{padding:16px 10px}.island-profile-page .profile-avatar-grid{gap:10px}.island-profile-page .profile-avatar-card img{width:98px;height:98px}.island-profile-page .profile-count{display:none}.island-profile-page .profile-selected-summary img{width:36px;height:36px}.island-profile-page .profile-save{padding:10px 12px}}
