:root{--brand:#2563EB;--brand-dark:#1E40AF;--accent:#F59E0B;--accent-dark:#92400E;--success:#10B981;--success-dark:#065F46;--danger:#DC2626;--bg:#F8FAFC;--surface:#FFFFFF;--surface-2:#F1F5F9;--text-1:#0F172A;--text-2:#475569;--text-3:#94A3B8;--border:#E2E8F0;--border-strong:#CBD5E1;--shadow:0 8px 24px rgba(15, 23, 42, 0.08);--shadow-lg:0 20px 48px rgba(15, 23, 42, 0.14);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}.people-row{display:flex;width:100%;gap:0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;font-family:inherit}.person{flex:1;padding:0 7px;display:flex;flex-direction:column;gap:8px;position:relative}.person+.person{border-right:1px solid var(--border)}.role-label{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.3px;display:flex;align-items:center;gap:5px}.role-label i{font-size:13px}.role-label.verified{color:var(--success)}.person-main{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.avatar-sm{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0;position:relative;transition:transform .2s;overflow:hidden}.person-main:hover .avatar-sm{transform:scale(1.06)}.avatar-sm.blue{background:var(--brand)}.avatar-sm.amber{background:var(--accent)}.avatar-sm.green{background:var(--success)}.verify-badge{width:16px;height:16px;border-radius:50%;background:var(--success);border:2px solid var(--surface);display:inline-flex;align-items:center;justify-content:center}.verify-badge i{font-size:9px;color:#fff}.person-name{font-size:13px;font-weight:500;color:var(--text-1);line-height:1.3;transition:color .15s}.author .person-main:hover .person-name{color:var(--brand)}.editor .person-main:hover .person-name{color:var(--accent)}.reviewer .person-name{color:var(--text-1)}.tip-hint{font-size:10.5px;color:var(--text-3);margin-top:2px}.tip-hint.green{color:var(--success)}.tooltip-wrap{position:relative}.tooltip{position:absolute;top:calc(100% + 12px);right:0;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg);z-index:100;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip,.tooltip:hover{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip::before{content:'';position:absolute;top:-6px;right:18px;width:12px;height:12px;background:var(--surface);border-top:1px solid var(--border);border-right:1px solid var(--border);transform:rotate(-45deg)}.tooltip-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.tooltip-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex-shrink:0;overflow:hidden}.tooltip-name{font-size:16px;font-weight:600;margin:0}.tooltip-role{font-size:12.5px;color:var(--text-2);margin:2px 0 0}.tooltip-bio{font-size:13px;color:var(--text-2);line-height:1.8;margin:0 0 14px;text-align:justify}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tag{font-size:11.5px;padding:4px 10px;border-radius:999px;font-weight:500}.tag.blue{background:rgb(37 99 235 / .12);color:var(--brand)}.tag.amber{background:rgb(245 158 11 / .15);color:var(--accent-dark)}.social-row{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.social{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--text-2);transition:all .15s}.social:hover{background:var(--brand);color:#fff;transform:translateY(-2px)}.social i{font-size:16px}.tooltip-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.mobile-frame{max-width:340px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow)}.mobile-title{font-size:16px;font-weight:700;line-height:1.65;margin:0}@media (max-width:720px){.tooltip-showcase{grid-template-columns:1fr}.tooltip{width:calc(100vw - 64px);max-width:340px;right:0}.editor .tooltip{right:calc(-100% - 33px)}.editor .tooltip:before{right:calc(50% - 30px)}.reviewer .tooltip{right:calc(-100% - 148px)}.reviewer .tooltip:before{right:calc(100% - 68px)}.person{width:33%;min-width:auto}.person-main>.avatar-sm{display:none}.person-name{font-size:10px}.tip-hint{font-size:8px}}