/* WXSSC V68.15-A1 unified logged-in account capsule */

.wx-global-account.wx-v6815-account-ready{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:0 !important;
}

.wx-v6815-account{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  height:40px;
}

.wx-v6815-member-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:38px;
  max-width:230px;
  padding:0 12px 0 7px;
  border-radius:999px;
  text-decoration:none !important;
  color:#f8fbff !important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 20px rgba(0,0,0,.12);
  white-space:nowrap;
  transform:translateZ(0);
}

.wx-v6815-member-pill:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border-color:rgba(255,255,255,.26);
}

.wx-v6815-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:950;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  box-shadow:0 0 0 2px rgba(255,255,255,.08), 0 7px 16px rgba(37,99,235,.28);
}

.wx-v6815-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wx-v6815-name{
  max-width:105px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.01em;
}

.wx-v6815-level{
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  color:#dbeafe;
  background:rgba(255,255,255,.13);
}

.wx-v6815-level.vip{
  color:#fbbf24;
  background:rgba(251,191,36,.18);
}

.wx-v6815-level.svip{
  color:#d8b4fe;
  background:rgba(167,139,250,.22);
}

.wx-v6815-caret{
  color:rgba(226,232,240,.72);
  font-size:13px;
  margin-left:-2px;
}

.wx-v6815-menu{
  position:absolute;
  right:0;
  top:46px;
  width:236px;
  display:none;
  overflow:hidden;
  border-radius:18px;
  background:rgba(8,16,30,.96);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 24px 52px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
  z-index:999999;
}
/* WXSSC_V6815A3_A3_A1_REMOVED_HOVER_OPEN_RULE_1 */


.wx-v6815-menu-head{
  display:flex;
  gap:11px;
  align-items:center;
  padding:14px;
  border-bottom:1px solid rgba(148,163,184,.14);
}

.wx-v6815-menu-name{
  color:#fff;
  font-size:14px;
  font-weight:950;
  line-height:1.2;
}

.wx-v6815-menu-meta{
  margin-top:4px;
  color:#94a3b8;
  font-size:12px;
  font-weight:780;
  line-height:1.35;
}

.wx-v6815-menu-row{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  color:#e5edf8 !important;
  text-decoration:none !important;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(148,163,184,.09);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
}

.wx-v6815-menu-row:hover{
  background:rgba(255,255,255,.07);
}

.wx-v6815-menu-row.danger{
  color:#fecaca !important;
}

.wx-v6815-menu-row small{
  margin-left:auto;
  color:#64748b;
}

.wx-v6815-guest-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 15px;
  border-radius:999px;
  color:#fff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:13px;
  font-weight:950;
}

/* hide split old account only after V68.15 owns the account container */
.wx-global-account.wx-v6815-account-ready > .wx-global-avatar-wrap,
.wx-global-account.wx-v6815-account-ready > .wx-global-btn{
  display:none !important;
}

.wx-global-account.wx-v6815-account-ready > .wx-v6815-account{
  display:inline-flex !important;
}

/* VIP reports status sync */
.wx-v6815-vip-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#2563eb;
  font-size:12px;
  font-weight:950;
}

.wx-v6815-vip-status.vip,
.wx-v6815-vip-status.svip{
  background:#f5f3ff;
  color:#7c3aed;
}

.wx-v6815-vip-status.member{
  background:#ecfdf5;
  color:#059669;
}

.wx-v6815-vip-note{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(135deg,#eef6ff,#fff);
  border:1px solid #dbeafe;
  color:#334155;
  font-size:13px;
  font-weight:800;
  line-height:1.55;
}

@media(max-width:980px){
  .wx-v6815-name{
    max-width:76px;
  }
  .wx-v6815-level{
    display:none;
  }
  .wx-v6815-member-pill{
    max-width:150px;
    padding-right:9px;
  }
}

@media(max-width:760px){
  .wx-v6815-name,
  .wx-v6815-level,
  .wx-v6815-caret{
    display:none;
  }
  .wx-v6815-member-pill{
    width:38px;
    padding:0;
    justify-content:center;
  }
}

/* WXSSC V68.15-A2 no-flicker account takeover
   When this stylesheet is loaded, old split global account is hidden before V68.15 JS finishes replacing it.
*/
html:not([data-wx-v6815-ready="1"]) #wxGlobalAccount > .wx-global-avatar-wrap,
html:not([data-wx-v6815-ready="1"]) #wxGlobalAccount > .wx-global-btn{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html[data-wx-v6815-ready="1"] #wxGlobalAccount.wx-v6815-account-ready > .wx-global-avatar-wrap,
html[data-wx-v6815-ready="1"] #wxGlobalAccount.wx-v6815-account-ready > .wx-global-btn{
  display:none !important;
}

html[data-wx-v6815-ready="1"] #wxGlobalAccount.wx-v6815-account-ready > .wx-v6815-account,
html[data-wx-v6815-ready="1"] #wxGlobalAccount.wx-v6815-account-ready > .wx-v6815-guest-pill{
  visibility:visible !important;
  opacity:1 !important;
}


/* WXSSC_V6815A3_DROPDOWN_USABILITY_START */
.wx-v6815-member-pill{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:1px solid rgba(255,255,255,.16) !important;
  cursor:pointer !important;
  font-family:inherit !important;
  outline:0 !important;
}

.wx-v6815-member-pill:focus-visible{
  box-shadow:0 0 0 3px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
/* WXSSC_V6816_A2_REMOVED_SELECTOR .wx-v6815-account:hover .wx-v6815-menu */


.wx-v6815-account.is-open .wx-v6815-menu{
  display:block !important;
}

.wx-v6815-menu{
  top:44px !important;
  min-width:250px !important;
  padding:6px 0 !important;
  pointer-events:auto !important;
}

.wx-v6815-menu:before{
  content:"";
  position:absolute;
  top:-10px;
  left:0;
  right:0;
  height:10px;
}

.wx-v6815-menu-row{
  min-height:48px !important;
  padding:0 16px !important;
  gap:12px !important;
  font-size:14px !important;
}

.wx-v6815-menu-row span:first-child{
  width:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:950 !important;
}

.wx-v6815-menu-head{
  padding:16px !important;
}

.wx-v6815-account.is-open .wx-v6815-caret{
  transform:rotate(180deg);
}

.wx-v6815-caret{
  transition:transform .16s ease;
}

@media (prefers-reduced-motion: reduce){
  .wx-v6815-caret{
    transition:none;
  }
}
/* WXSSC_V6815A3_DROPDOWN_USABILITY_END */

/* WXSSC_V6815A3_A3_A1_CLICK_ONLY_MENU_LOCK
   账号菜单只允许 .is-open 打开；hover 不再承担打开职责。 */
#wxGlobalAccount:not(.is-open) .wx-v6815-account-menu,
#wxGlobalAccount:not(.is-open) .wx-v6815-account-dropdown,
#wxGlobalAccount:not(.is-open) .wx-v6815-account-panel,
#wxGlobalAccount:not(.is-open) .wx-v6815-member-menu,
#wxGlobalAccount:not(.is-open) .wx-account-menu,
#wxGlobalAccount:not(.is-open) .wx-account-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(.98) !important;
}

#wxGlobalAccount.is-open .wx-v6815-account-menu,
#wxGlobalAccount.is-open .wx-v6815-account-dropdown,
#wxGlobalAccount.is-open .wx-v6815-account-panel,
#wxGlobalAccount.is-open .wx-v6815-member-menu,
#wxGlobalAccount.is-open .wx-account-menu,
#wxGlobalAccount.is-open .wx-account-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 22px 60px rgba(15,23,42,.16);
}

html.dark #wxGlobalAccount.is-open .wx-v6815-account-menu,
html.dark #wxGlobalAccount.is-open .wx-v6815-account-dropdown,
html.dark #wxGlobalAccount.is-open .wx-v6815-account-panel,
html.dark #wxGlobalAccount.is-open .wx-v6815-member-menu,
html.dark #wxGlobalAccount.is-open .wx-account-menu,
html.dark #wxGlobalAccount.is-open .wx-account-dropdown {
  background: rgba(15,23,42,.82);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 22px 60px rgba(0,0,0,.38);
}

/* WXSSC_V6816_A2_OPEN_OWNER_SYNC_MENU_LOCK
   真实菜单类是 .wx-v6815-menu；打开态由内层 .wx-v6815-account.is-open 控制，
   外层 #wxGlobalAccount.is-open 仅同步，防止 JS/CSS open-owner 错位。 */
#wxGlobalAccount .wx-v6815-account:not(.is-open) .wx-v6815-menu,
#wxGlobalAccount:not(.is-open) .wx-v6815-account:not(.is-open) .wx-v6815-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(.98) !important;
}

#wxGlobalAccount .wx-v6815-account.is-open .wx-v6815-menu,
#wxGlobalAccount.is-open .wx-v6815-account.is-open .wx-v6815-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

#wxGlobalAccount .wx-v6815-account:not(.is-open):hover .wx-v6815-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(.98) !important;
}

