.su-hero{display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}
.su-gear{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(160deg,#9CA3AF,#4B5563);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.su-gear svg{width:34px;height:34px}
.su-h{font-size:19px;font-weight:700;letter-spacing:-.01em}
.su-acts{display:flex;gap:8px;flex-wrap:wrap}
.su-notes{margin:6px 0 0;padding-left:18px;line-height:1.55}.su-notes li{margin:2px 0}
.su-about{display:flex;align-items:center;gap:16px}.su-ver{font-size:20px;font-weight:720}
.su-bk{display:flex;flex-direction:column}.su-bk-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.su-bk-row:last-child{border-bottom:0}
.su-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);display:grid;place-items:center;z-index:9999}
.su-ov-box{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;text-align:center}
.su-ov-t{font-size:18px;font-weight:650}.su-bar{width:220px;height:6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.su-bar i{display:block;height:100%;width:40%;background:#fff;border-radius:3px;animation:su-slide 1.2s ease-in-out infinite}
@keyframes su-slide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.su-foot{margin-top:18px;text-align:center}