:root{--cover-a:#6c5cff;--cover-b:#16c7a3}.profile-cover{position:relative;min-height:190px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(125deg,var(--cover-a),#198cff 48%,var(--cover-b));isolation:isolate}.profile-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.28),transparent 25%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.18),transparent 28%)}.profile-cover.has-image{background-position:center;background-size:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72))}.cover-user{position:absolute;z-index:2;right:20px;bottom:16px;display:flex;align-items:center;gap:12px;color:#fff}.cover-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:28px;font-weight:900;background:linear-gradient(135deg,#3ea6ff,#9d6cff);border:4px solid rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(0,0,0,.3)}.cover-avatar img{width:100%;height:100%;object-fit:cover}.cover-user strong{display:block;font-size:18px}.cover-user small{display:block;margin-top:4px;color:rgba(255,255,255,.82)}.cover-edit{position:absolute;z-index:3;left:14px;bottom:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);color:#fff;text-decoration:none;font-size:12px}.person-card .avatar{position:relative;border:3px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--friend-angle,0deg),#ff5fa2,#ffd34d,#20d7a4,#3ea6ff,#9d6cff,#ff5fa2) border-box;animation:friendGlow 5s linear infinite,friendFloat 3.2s ease-in-out infinite;box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(62,166,255,.12)}.person-card:nth-child(2n) .avatar{animation-duration:6.2s,3.7s}.person-card:nth-child(3n) .avatar{animation-duration:4.4s,4.1s}.person-card:nth-child(4n) .avatar{animation-duration:7s,3.4s}.person-card:hover .avatar{transform:scale(1.08)}@property --friend-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes friendGlow{to{--friend-angle:360deg}}@keyframes friendFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}.person-card.is-online .avatar:after{content:"";position:absolute;width:11px;height:11px;right:0;bottom:1px;border-radius:50%;background:#20d7a4;border:2px solid var(--panel);box-shadow:0 0 0 0 rgba(32,215,164,.5);animation:onlinePulse 1.8s infinite}@keyframes onlinePulse{70%{box-shadow:0 0 0 7px rgba(32,215,164,0)}100%{box-shadow:0 0 0 0 rgba(32,215,164,0)}}.person-status{font-size:10px;color:var(--muted)}.person-card.is-online .person-status{color:#20d7a4}.quick-apps{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 5px}.quick-app{flex:0 0 104px;min-height:76px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);color:var(--text);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.18s transform,.18s border-color}.quick-app:hover{transform:translateY(-3px);border-color:rgba(62,166,255,.45)}.quick-app b{font-size:23px}.quick-app span{font-size:11px;font-weight:700}html[data-theme="light"] .profile-cover{box-shadow:0 14px 36px rgba(31,45,69,.12)}@media(max-width:760px){.profile-cover{min-height:155px;border-radius:16px}.cover-user{right:12px;bottom:12px}.cover-avatar{width:62px;height:62px}.cover-user strong{font-size:15px}.cover-edit{left:9px;bottom:9px;padding:7px 9px}.quick-app{flex-basis:88px;min-height:68px}}@media(prefers-reduced-motion:reduce){.person-card .avatar,.person-card.is-online .avatar:after{animation:none!important}}