.detail { display: block; }
.detail-shell { width: min(100%, 1100px); margin: auto; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
.cover { display: block; width: 100%; height: auto; aspect-ratio: 2.5 / 1; object-fit: cover; }
.detail-shell .profile-detail { width: 100%; padding: 42px; }
.profile-detail > .avatar { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; border: 6px solid var(--surface); box-shadow: var(--shadow); }
@media (max-width: 740px) { .detail-shell .profile-detail { padding: 18px; } }