.profile-page{--profile-surface:#fff;--profile-edge:#eae5f3;--profile-ink:#2b2443;--profile-muted:#827a98;--profile-row:#f9f7fd;--profile-shadow:0 16px 40px #32215c12}
.profile-layout{max-width:920px;margin:18px auto 72px}
.profile-hero{position:relative;isolation:isolate;overflow:hidden;min-height:213px;padding:28px 34px;border-radius:24px;background:radial-gradient(circle at 87% 78%,#7d4cec 0,transparent 32%),linear-gradient(117deg,#241746,#43258d 64%,#6236e5);color:#fff;box-shadow:0 18px 34px #2c175c2a}
.profile-hero::before{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-42px;top:-105px;border:1px solid #ffffff2c;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 77px #ffffff06}
.profile-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-kicker,.profile-verified{font-size:10px;font-weight:800;letter-spacing:.16em;color:#d8cafa}
.profile-verified{display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em;font-size:11px;color:#f4edff}
.profile-verified .ti{font-size:17px}
.profile-hero-main{display:flex;align-items:center;gap:18px;margin-top:36px;max-width:70%}
.profile-avatar{flex:none;display:grid;place-items:center;width:74px;height:74px;border:1px solid #ffffff75;border-radius:23px;background:#ffffff24;box-shadow:inset 0 1px #ffffff35,0 9px 20px #1b0d4140;color:#fff;font:800 30px Manrope,sans-serif}
.profile-hero h1{margin:0;font:800 clamp(23px,3vw,31px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere}
.profile-hero-sub{display:block;margin-top:7px;color:#ded2fa;font-size:12px}
.profile-hero-art{position:absolute;right:57px;bottom:19px;width:138px;height:138px;display:grid;place-items:center;color:#fff}
.profile-art-ring{display:grid;place-items:center;width:112px;height:112px;border:1px solid #ffffff55;border-radius:32px;background:#ffffff1c;transform:rotate(-10deg);box-shadow:0 0 0 18px #ffffff0b,0 0 0 38px #ffffff07}
.profile-art-ring .ti{font-size:48px;transform:rotate(10deg)}
.profile-art-arrow{position:absolute;right:0;top:0;font-size:24px;color:#d9cafa}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:19px;margin-top:22px}
.profile-card{min-width:0;padding:27px;border:1px solid var(--profile-edge);border-radius:21px;background:var(--profile-surface);box-shadow:var(--profile-shadow)}
.profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.profile-overline{font-size:9px;font-weight:800;letter-spacing:.14em;color:#7658c3}
.profile-card h2{margin:5px 0 0;font:800 19px/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:var(--profile-ink)}
.profile-card-head>.ti{font-size:25px;color:#7852dc}
.profile-details{margin:0}
.profile-details>div{display:grid;grid-template-columns:143px minmax(0,1fr);align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--profile-edge)}
.profile-details dt{display:flex;align-items:center;gap:9px;color:var(--profile-muted);font-size:11px;font-weight:700}
.profile-details dt .ti{font-size:17px;color:#8a70d0}
.profile-details dd{min-width:0;margin:0;color:var(--profile-ink);font-size:12px;font-weight:800;text-align:right;overflow-wrap:anywhere}
.profile-error{margin:12px 0 0;color:#c03e62;font-size:12px}
.profile-shortcuts{padding-bottom:17px}
.profile-shortcut{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 4px;border-top:1px solid var(--profile-edge);color:var(--profile-ink);text-decoration:none}
.profile-shortcut:hover{color:#6236d9}
.profile-shortcut[aria-disabled="true"]{pointer-events:none;opacity:.65}
.profile-shortcut-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#efeaff;color:#663fce;font-size:19px}
.profile-shortcut>span:nth-child(2){flex:1;min-width:0}
.profile-shortcut strong,.profile-shortcut small{display:block}
.profile-shortcut strong{font-size:12px;font-weight:800}
.profile-shortcut small{margin-top:3px;color:var(--profile-muted);font-size:10px}
.profile-shortcut>.ti{color:#9b91ac;font-size:16px}
html[data-theme="dark"] .profile-page,.theme-dark.profile-page{--profile-surface:#201c2d;--profile-edge:#3c344f;--profile-ink:#f3efff;--profile-muted:#a99fbd;--profile-row:#262034;--profile-shadow:0 16px 40px #09050f34}
html[data-theme="dark"] .profile-shortcut-icon,.theme-dark.profile-page .profile-shortcut-icon{background:#3b2b68;color:#c7b0ff}
@media(max-width:720px){.profile-layout{margin:12px 0 90px}.profile-grid{grid-template-columns:1fr;gap:14px;margin-top:15px}.profile-hero{min-height:190px;padding:24px 24px;border-radius:20px}.profile-hero-main{margin-top:30px}.profile-card{padding:22px;border-radius:19px}}
@media(max-width:440px){.profile-hero{min-height:167px;padding:21px 20px;border-radius:19px}.profile-hero-main{gap:12px;margin-top:28px;max-width:82%}.profile-avatar{width:57px;height:57px;border-radius:17px;font-size:23px}.profile-hero h1{font-size:23px}.profile-hero-sub{font-size:10px}.profile-hero-art{right:3px;bottom:7px;width:76px;height:76px;opacity:.63}.profile-art-ring{width:65px;height:65px;border-radius:21px;box-shadow:0 0 0 11px #ffffff0a,0 0 0 22px #ffffff06}.profile-art-ring .ti{font-size:28px}.profile-art-arrow{display:none}.profile-verified{font-size:10px}.profile-card{padding:19px}.profile-card h2{font-size:17px}.profile-details>div{grid-template-columns:1fr;gap:6px;padding:13px 0}.profile-details dd{text-align:left;padding-left:26px;font-size:12px}}