/**
 * Header Component Styles
 */

.user-entry{position:relative}
.avatar-btn img{width:32px;height:32px;border-radius:50%;cursor:pointer}
.logout-btn{display:inline-block;margin-left:8px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#374151;background:#fff;text-decoration:none}
.logout-btn:hover{background:#f9fafb}
.user-menu{position:absolute;right:0;top:44px;background:#fff;border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.18);width:360px;z-index:999;border:1px solid #e5e7eb}
.user-menu:before{content:"";position:absolute;right:14px;top:-8px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent}
.user-entry:hover .user-menu{display:block !important}
.user-card{padding:14px}
.user-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.user-header img{width:40px;height:40px;border-radius:50%}
.user-meta h4{margin:0;font-size:14px}
.user-meta p{margin:2px 0 6px;color:#6b7280;font-size:12px}
.vip-link{display:inline-block;font-size:12px;color:#2563eb;text-decoration:none}
.vip-link:hover{text-decoration:underline}
.user-stats{display:flex;gap:16px;padding:10px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin:8px 0}
.stat-item{flex:1}
.stat-value{font-weight:600;color:#111827}
.stat-label{color:#6b7280;font-size:12px}
.user-actions{list-style:none;margin:0;padding:8px 0;display:block;max-height:420px;overflow-y:auto}
.user-actions dt{border-top:1px solid #f1f5f9}
.user-actions .icon{color:#6b7280;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}
.user-actions dt a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#111827;text-decoration:none;font-size:14px;width:100%;box-sizing:border-box;cursor:pointer}
.user-actions dt a:hover{text-decoration:underline}

/* 兼容旧结构 .topfl 的用户菜单，让整行 <dt> 内的 <a> 可点击 */
.topfl dt{height:48px;border-radius:6px;padding:0}
.topfl dt a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 15px;box-sizing:border-box;color:inherit;text-decoration:none;cursor:pointer}
.badge{display:inline-block;width:6px;height:6px;background:#ef4444;border-radius:50%;margin-left:6px}
.tip{color:#f59e0b;font-size:12px;margin-left:auto}