/* Public identity card: isolated from the application's global header rules. */
html .home-panel-dialog>header{position:static;inset:auto;height:auto;min-height:0;padding:0;background:transparent;border:0;box-shadow:none;z-index:auto}
html #homeVipDialog{position:fixed;padding:28px 22px 18px;width:min(460px,calc(100vw - 28px));border-radius:24px;border-color:var(--rank-main);background:var(--surface,#15131e);color:var(--text,#fff);overflow:auto;box-shadow:0 24px 80px #0006}
html #homeVipDialog .home-public-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;padding:0;line-height:1;width:32px;height:32px}
html #homeVipDialog .home-public-identity{display:flex;gap:18px;align-items:center;padding:14px 26px 18px 0;border-bottom:1px solid var(--page-border,#756d82);background:transparent;border-radius:16px}
html #homeVipDialog .home-public-avatar{position:relative;flex:0 0 72px;width:72px;height:72px;display:grid;place-items:center;border:2px solid var(--rank-main);border-radius:50%;color:var(--text,#fff);font-weight:800;font-size:24px;background:var(--page-bg,#09090e);box-shadow:0 0 0 4px color-mix(in srgb,var(--rank-main) 12%,transparent)}
html #homeVipDialog .home-public-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
html #homeVipDialog .home-public-avatar::after{right:-4px;bottom:-4px;width:22px;height:22px}
html #homeVipDialog .home-public-name{min-width:0;flex:1;background:transparent}
html #homeVipDialog .home-public-name small{display:block;color:var(--muted,var(--text,#ddd));font-size:9px;letter-spacing:.1em;font-weight:750}
html #homeVipDialog #homePublicVipName{margin:6px 0 9px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text,#fff);font-size:22px;line-height:1.2;overflow-wrap:anywhere;text-align:left}
html #homeVipDialog .home-public-tier{font-size:12px;border-radius:999px;background:var(--page-bg,#09090e);padding:5px 10px;color:var(--text,#fff);border-color:var(--rank-main)}
html #homeVipDialog .home-public-intro{margin:16px 0;color:var(--text,#fff)}
html #homeVipDialog .home-public-details{gap:0}
html #homeVipDialog .home-public-details>div{padding:12px 0;border-bottom:1px solid var(--page-border,#756d82);align-items:baseline;font-size:13px}
html #homeVipDialog .home-public-details dt{flex:1;min-width:0;overflow-wrap:anywhere}
html #homeVipDialog .home-public-details dd{flex:0 1 52%;min-width:0;overflow-wrap:anywhere;color:var(--text,#fff)}
@media(max-width:480px){html #homeVipDialog{padding:25px 17px 17px}html #homeVipDialog .home-public-identity{gap:12px}html #homeVipDialog .home-public-avatar{flex-basis:60px;width:60px;height:60px}html #homeVipDialog #homePublicVipName{font-size:19px}}