header{padding-right:18px;padding-left:18px}.header-start{gap:10px}.brand{gap:9px}.brand i{position:relative;isolation:isolate;width:42px;height:42px;overflow:hidden;border-radius:15px;background:conic-gradient(from 215deg,#ff3d8d,#ff7849,#ffd36b,#6fe4ca,#7c3aed,#ff3d8d);box-shadow:0 8px 28px rgba(244,63,143,.38),inset 0 0 0 1px rgba(255,255,255,.28);text-shadow:0 1px 8px rgba(61,13,96,.35)}.brand i:before{content:"";position:absolute;z-index:-1;inset:4px;border-radius:12px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.55),transparent 34%),linear-gradient(145deg,rgba(45,13,91,.12),rgba(30,7,67,.45))}.brand>span{background:linear-gradient(90deg,#fff 5%,#ffabd0 58%,#ffd27f);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px}.brand em{color:transparent}.header-account{display:flex;align-items:center;gap:9px;width:auto;height:44px;padding:5px 13px 5px 7px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.08);box-shadow:none}.header-account:hover{transform:none;background:rgba(255,255,255,.14);box-shadow:none}.header-account strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:12px}.user-avatar{position:relative;display:block;width:32px;height:32px;flex:none;border-radius:50%;background:linear-gradient(135deg,#ff4e98,#7c3aed)}.user-avatar:before{content:"";position:absolute;top:7px;left:11px;width:10px;height:10px;border:2px solid white;border-radius:50%}.user-avatar>span{position:absolute;bottom:6px;left:7px;width:18px;height:9px;border:2px solid white;border-radius:12px 12px 8px 8px}.account-panel{text-align:left}.account-identity{display:flex;align-items:center;gap:12px;margin:20px 0;padding:15px;border-radius:16px;background:#f5f1fa}.account-identity small,.account-identity strong{display:block}.account-identity small{margin-bottom:4px;color:var(--muted)}.account-identity strong{max-width:320px;overflow:hidden;text-overflow:ellipsis}.account-panel nav{display:flex;flex-direction:column;margin-bottom:12px;border-top:1px solid var(--line)}.account-panel nav a{display:flex;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:800;text-decoration:none}.account-panel nav span{color:var(--purple);font-size:20px}.account-panel .logout-button{background:#eee8f5;color:var(--ink);box-shadow:none}
@media(max-width:700px){header{padding-right:12px;padding-left:12px}.brand>span{font-size:17px}.brand i{width:38px;height:38px}.top-nav{gap:7px}.top-nav>a,.top-nav>.status{display:none}.header-account{width:42px;height:42px;padding:4px}.header-account strong{display:none}}