/* ===== 渐变 Profile Hero ===== */ .me__hero { position: relative; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-5); margin: var(--space-2) 0 var(--space-5); border-radius: var(--radius-xl); background: var(--gradient-hero); box-shadow: var(--shadow-hero); color: #fff; overflow: hidden; } .me__hero-glow { position: absolute; inset: 0; background: radial-gradient(130px 130px at 90% -20%, rgba(255, 255, 255, 0.4), transparent 70%), radial-gradient(150px 150px at 5% 130%, rgba(255, 255, 255, 0.2), transparent 70%); pointer-events: none; } .me__hero-info { position: relative; } .me__hero-meta { font-size: var(--font-sm); opacity: 0.92; margin-top: 2px; } .me__avatar { position: relative; width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, 0.28); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; } .me__name { font-size: var(--font-xl); font-weight: 700; } .me__bound-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--color-border); } .me__bound-row:last-of-type { border-bottom: none; } .me__code { font-family: monospace; font-size: var(--font-sm); } .me__list { padding: 0; } .me__list-item { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--space-4); border-bottom: 1px solid var(--color-border); font-size: var(--font-md); } .me__list-item:last-child { border-bottom: none; } /* SVG 图标 */ .me__list-right { display: inline-flex; align-items: center; gap: 4px; }