/* 用户下拉菜单：前台与会员中心共用，由服务端渲染统一注入到所有页面 */
.dash-caret {
  display: inline-block; width: 6px; height: 6px; margin-left: 3px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px); opacity: .75;
  transition: transform .18s ease;
}
.dash-nav-group.is-open .dash-caret,
[data-user-menu][aria-expanded="true"] .dash-caret { transform: rotate(225deg) translateY(-2px); }
.dash-user-badge {
  display: inline-block; width: 22px; height: 22px; margin-left: 2px;
  border-radius: 50%; background: #e0455e; position: relative;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.28);
}
.dash-user-badge::after {
  content: ''; position: absolute; top: 7px; left: 8px;
  width: 6px; height: 6px; border-radius: 50%; background: #fff;
}
.user-dropdown { position: relative; display: inline-block; margin-left: 6px; z-index: 1100; }
.user-dropdown-toggle,
.user-dropdown .user-dropdown-toggle.btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: 20px;
  border: 1px solid rgba(60, 72, 88, .18);
  background: #fff; color: #374151; font-size: 13px; line-height: 1.5;
  box-shadow: none;
}
.user-dropdown-toggle:hover, .user-dropdown .user-dropdown-toggle.btn:hover { color: #13a05b; border-color: #13a05b; }
.user-dropdown--dark .user-dropdown-toggle,
.user-dropdown--dark .user-dropdown-toggle.btn {
  background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.14); color: #fff;
}
.user-dropdown--dark .user-dropdown-toggle:hover,
.user-dropdown--dark .user-dropdown-toggle.btn:hover { background: rgba(255,255,255,.18); color: #fff; border-color: rgba(255,255,255,.24); }
.user-dropdown .nav-avatar {
  width: 26px; height: 26px; border-radius: 50%; object-fit: cover;
  margin-right: 0; vertical-align: middle; border: 1px solid rgba(120, 130, 145, .25);
}
.user-dropdown-menu {
  display: none; position: absolute; right: 0; top: calc(100% + 10px);
  min-width: 168px; max-width: calc(100vw - 16px); margin: 0; padding: 6px; list-style: none; z-index: 1300;
  background: #3b424e; border-radius: 10px; box-shadow: 0 14px 36px rgba(20, 26, 36, .28);
}
.user-dropdown-menu.show { display: block; }
.user-dropdown-menu.is-flip { right: auto; left: 0; }
/* 顶栏下拉在窄屏/靠右时改为右对齐，避免溢出视口后被裁切或看起来漂移 */
.dash-topbar .dash-nav-sub { max-width: calc(100vw - 16px); }
.dash-topbar .dash-nav-sub.is-flip { left: auto; right: 0; }
.user-dropdown-menu li { list-style: none; }
.user-dropdown-menu a {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; border-radius: 7px; color: #e4e8ee; font-size: 13px; white-space: nowrap;
}
.user-dropdown-menu a:hover { background: rgba(255,255,255,.10); color: #fff; }
.user-dropdown-menu a.is-danger { color: #ff9aa6; }
.user-dropdown-menu a i { width: 16px; text-align: center; font-size: 13px; }
.user-dropdown-divider { border: 0; border-top: 1px solid rgba(255,255,255,.12); margin: 5px 6px; }
.menu-backdrop { display: none; position: fixed; inset: 0; background: rgba(28, 34, 45, .08); z-index: 1050; }
body.menu-open .menu-backdrop { display: block; }