/* 顶部账号下拉：guest / user / vip / svip */
.head-login-wrap{position:relative;z-index:120}
.head-login-wrap .this-user{cursor:pointer}
.head-login-wrap .this-user.is-open{outline:none}
.head .margin .this-user.head-user-trigger.is-vip,
.head .margin .this-user.head-user-trigger{overflow:visible!important;position:relative}
/* VIP 皇冠角标（同会员中心 bot_vip_ic） */
.head-user-vip-badge{
  position:absolute;z-index:3;margin:0;padding:2px;border-radius:50%;box-sizing:border-box;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none;
  object-fit:contain;display:block
}
/* 顶栏头像：右下角 —— 覆盖 .this-user img{width:100%} */
.head .margin .this-user .head-user-vip-badge,
.head-login-wrap .this-user .head-user-vip-badge{
  right:-2px;top:-2px;left:auto;
  width:16px!important;height:16px!important;max-width:none;border-radius:50%
}
.head-login-wrap.is-svip .this-user .head-user-vip-badge{box-shadow:0 0 6px rgba(240,193,75,.45)}
/* 下拉面板头像：右上角（对照参考） */
.head-user-panel__avatar.is-vip{overflow:visible}
.head-user-panel__avatar .head-user-vip-badge{
  right:-2px;top:-2px;bottom:auto;left:auto;
  width:18px!important;height:18px!important;max-width:none
}
.head-user-panel--svip .head-user-panel__avatar .head-user-vip-badge{box-shadow:0 0 8px rgba(240,193,75,.4)}

/* 【磨砂玻璃】面板底色半透明 + 背景模糊
 * 调模糊强度 → 改 blur(20px)
 * 调透明度 → 改 rgba 最后一位（0.55~0.85）
 */
.head-user-panel{
  position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:min(380px,calc(100vw - 24px));
  background:rgba(22,24,30,.62);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
  overflow:hidden;display:none;z-index:9999;
  text-align:left;color:rgba(255,255,255,.9);box-sizing:border-box
}
.head-user-panel.is-open,
.head-user-panel.is-pinned{display:block}
.head-user-panel.is-pinned{pointer-events:auto}
.head-user-panel:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.head-user-panel *{box-sizing:border-box}
/* 抵消 .head .margin a 的 height:70px / column 布局，避免金币积分区被撑高 */
.head .margin .head-user-panel a,
.head-user-panel a{
  height:auto!important;min-height:0!important;line-height:inherit!important;
  flex-direction:unset;align-items:unset;justify-content:unset
}

/* 顶部资料 */
.head-user-panel__hd{
  display:flex;align-items:center;gap:14px;padding:18px 18px 12px;position:relative
}
.head-user-panel__hd--guest{cursor:pointer}
.head-user-panel__avatar{
  width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:#2a2f3a;display:block;position:relative
}
.head-user-panel__avatar > img:not(.head-user-vip-badge){
  width:100%;height:100%;object-fit:cover;display:block;border-radius:50%
}
.head-user-panel__meta{min-width:0;flex:1}
.head-user-panel__title{
  display:flex;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;line-height:22px;color:#fff
}
.head-user-panel__title a{
  color:#fff!important;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.head-user-panel__title a:hover{opacity:.88}
.head-user-panel__sub{margin:4px 0 0;font-size:12px;line-height:18px;color:rgba(255,255,255,.45)}
.head-user-panel__acts{
  display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;line-height:18px
}
.head .margin .head-user-panel .head-user-panel__acts a,
.head-user-panel__acts a{
  color:rgba(255,255,255,.55)!important;text-decoration:none;font-weight:400;height:auto!important
}
.head .margin .head-user-panel .head-user-panel__acts a:hover,
.head-user-panel__acts a:hover{color:#fff!important}
.head-user-panel__acts-sep{color:rgba(255,255,255,.28);font-size:11px;line-height:1}
.head-user-panel__badge{
  display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:3px;
  font-size:11px;font-weight:700;line-height:1;flex-shrink:0;
  color:#3a2a10;background:linear-gradient(90deg,#f6d58a,#e0b35c)
}
.head-user-panel__badge--svip{color:#1a1208;background:linear-gradient(90deg,#ffe7a8,#d4a017 45%,#f0c14b)}

.head-user-panel .growth-level-bar{margin:0 18px 10px;padding:0}
.head-user-panel .growth-level-bar__tip{font-size:11px;line-height:16px;color:rgba(255,255,255,.42)}

/* 金币 / 积分 */
.head-user-panel__stats{
  display:flex;align-items:stretch;margin:0 18px 12px;padding:0;
  border-radius:10px;background:rgba(255,255,255,.05);overflow:hidden
}
.head-user-panel__stat,
.head .margin .head-user-panel a.head-user-panel__stat{
  flex:1;min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px;padding:12px 10px;height:auto!important;text-decoration:none;color:inherit!important;line-height:1.2
}
.head-user-panel__stat + .head-user-panel__stat{border-left:1px solid rgba(255,255,255,.08)}
.head-user-panel__stat-label{display:block;font-size:12px;line-height:1;color:rgba(255,255,255,.45);margin:0}
.head-user-panel__stat-val{display:block;font-size:16px;font-weight:700;line-height:1.2;color:#fff;margin:0}
.head-user-panel--guest .head-user-panel__stats{opacity:.72}

/* 会员横幅（黄色/橄榄金底条）
 * 调高整条横幅 → 改 padding / min-height
 * 调大「开通会员」按钮 → 改 .head-user-panel__banner-btn 的 height / padding / font-size
 */
.head-user-panel__banner{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 18px 8px;
  /* 【横幅高度】上下内边距，数值越大横幅越高 */
  padding:12px 16px;
  /* 【横幅最低高度】不够高可再加大，例如 64px */
  min-height:58px;
  border-radius:10px;color:#fff
}
.head-user-panel__banner-text{min-width:0;flex:1}
.head-user-panel__banner-text strong{
  display:block;font-size:14px;font-weight:700;line-height:20px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.head-user-panel__banner-text span{
  display:block;margin-top:4px;font-size:12px;line-height:18px;opacity:.88;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.head-user-panel__banner-btn,
.head .margin .head-user-panel a.head-user-panel__banner-btn{
  flex-shrink:0;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  /* 【按钮高度】加大按钮整体高度 */
  height:34px!important;line-height:34px!important;
  /* 【按钮左右宽度】padding 越大按钮越宽 */
  padding:0 18px;
  border-radius:17px;
  /* 【按钮字号】 */
  font-size:13px;font-weight:700;white-space:nowrap;text-align:center;text-decoration:none!important;
  flex-direction:row!important;box-sizing:border-box
}

/* guest / 普通用户：橄榄金横幅 + 金色胶囊按钮（对照参考） */
.head-user-panel--guest{background:rgba(22,24,30,.62)}
.head-user-panel--guest .head-user-panel__banner,
.head-user-panel--user .head-user-panel__banner{background:rgba(75,68,53,.88);color:#e8d4a8}
.head-user-panel--guest .head-user-panel__banner-text strong,
.head-user-panel--user .head-user-panel__banner-text strong{color:#e8d4a8}
.head-user-panel--guest .head-user-panel__banner-text span,
.head-user-panel--user .head-user-panel__banner-text span{color:rgba(232,212,168,.85);opacity:1}
.head-user-panel--guest .head-user-panel__banner-btn,
.head-user-panel--user .head-user-panel__banner-btn{
  color:#4a3a1e!important;background:linear-gradient(180deg,#f6e2b3,#e8c878)
}
.head-user-panel--user{background:rgba(24,28,40,.64)}

/* VIP 磨砂金 */
.head-user-panel--vip{
  background:rgba(40,32,18,.68);
  border-color:rgba(232,200,122,.28)
}
.head-user-panel--vip .head-user-panel__hd{background:linear-gradient(180deg,rgba(201,163,90,.14),transparent)}
.head-user-panel--vip .head-user-panel__avatar{box-shadow:0 0 0 2px rgba(232,200,122,.55)}
.head-user-panel--vip .head-user-panel__stats{background:rgba(232,200,122,.1)}
.head-user-panel--vip .head-user-panel__stat-val{color:#f5e6b8}
/* 【VIP 用户名颜色】对照参考浅金色 */
.head-user-panel--vip .head-user-panel__title,
.head-user-panel--vip .head-user-panel__title a{color:#FFE8C0!important}
.head-user-panel--vip .head-user-panel__title a:hover{color:#fff3d6!important;opacity:1}
.head-user-panel--vip .head-user-panel__banner{background:linear-gradient(90deg,rgba(160,122,66,.92),rgba(201,163,90,.92) 55%,rgba(212,176,106,.92));color:#2a1f0a}
.head-user-panel--vip .head-user-panel__banner-text span{opacity:.75;color:#2a1f0a}
.head-user-panel--vip .head-user-panel__banner-btn{color:#5a4010!important;background:linear-gradient(180deg,#f3e0b0,#e4c47a)}

/* SVIP 磨砂深金 */
.head-user-panel--svip{
  background:rgba(18,12,6,.7);
  border-color:rgba(240,193,75,.32)
}
.head-user-panel--svip .head-user-panel__hd{background:linear-gradient(180deg,rgba(212,160,23,.16),transparent)}
.head-user-panel--svip .head-user-panel__avatar{box-shadow:0 0 0 2px rgba(240,193,75,.75),0 0 12px rgba(240,193,75,.25)}
.head-user-panel--svip .head-user-panel__title,
.head-user-panel--svip .head-user-panel__title a{color:#FFE8C0!important}
.head-user-panel--svip .head-user-panel__title a:hover{color:#fff3d6!important;opacity:1}
.head-user-panel--svip .head-user-panel__stats{background:rgba(240,193,75,.12)}
.head-user-panel--svip .head-user-panel__stat-val{color:#ffe9a8}
.head-user-panel--svip .head-user-panel__banner{
  background:linear-gradient(90deg,rgba(42,31,10,.9),rgba(90,64,16,.9) 40%,rgba(138,104,24,.9) 70%,rgba(201,160,53,.92));color:#fff
}
.head-user-panel--svip .head-user-panel__banner-btn{color:#1a1205!important;background:linear-gradient(180deg,#ffe9a8,#d4a017)}

/* 菜单 */
.head-user-panel__nav{padding:0 10px 6px;margin:0;list-style:none}
.head-user-panel__nav li{margin:0}
.head-user-panel__nav a,
.head .margin .head-user-panel .head-user-panel__nav a{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px;height:42px!important;padding:0 10px;border-radius:8px;margin:0;
  color:rgba(255,255,255,.88)!important;text-decoration:none;font-size:14px;line-height:1;font-weight:400
}
.head-user-panel__nav a:hover{background:rgba(255,255,255,.06)}
.head-user-panel__nav-ico{
  width:18px;height:18px;flex-shrink:0;opacity:.8;background:center/contain no-repeat
}
.head-user-panel__nav-ico--history{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cdd6' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.head-user-panel__nav-ico--fav{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cdd6' stroke-width='1.8'%3E%3Cpath d='M12 17.3 5.5 21l1.7-7.3L2 9.2l7.4-.6L12 2l2.6 6.6 7.4.6-5.2 4.5L18.5 21z'/%3E%3C/svg%3E")}
.head-user-panel__nav-ico--yuyue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cdd6' stroke-width='1.8'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.head-user-panel__nav-ico--checkin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cdd6' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8 15l2.5 2.5L16 12'/%3E%3C/svg%3E")}
.head-user-panel__nav-ico--wallet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cdd6' stroke-width='1.8'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2h2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3Cpath d='M17 11h4v4h-4a2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}
.head-user-panel__nav-text{flex:1;min-width:0}
.head-user-panel__nav-arrow,
.head .margin .head-user-panel .head-user-panel__nav-arrow,
.head .margin .head-user-panel i.head-user-panel__nav-arrow{
  /* 【右侧箭头大小】改 font-size 即可，参考约 10~12px */
  opacity:.35;font-style:normal;font-size:10px!important;flex-shrink:0;line-height:1;width:auto;height:auto;margin:0
}
.head-user-panel__nav a:hover .head-user-panel__nav-arrow{opacity:.65}

/* 底部「进入个人中心」：对照参考，矮一行 */
.head-user-panel__ft{
  display:flex;justify-content:center;align-items:center;padding:0;
  border-top:1px solid rgba(255,255,255,.08);min-height:0
}
.head .margin .head-user-panel__ft-link,
.head .margin .head-user-panel a.head-user-panel__ft-link,
.head-user-panel .head-user-panel__ft-link{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%;height:36px!important;min-height:50px!important;max-height:36px!important;
  padding:0!important;margin:0!important;box-sizing:border-box;
  flex-direction:row!important;
  text-align:center;color:rgba(255,255,255,.5)!important;font-size:12px;line-height:36px!important;text-decoration:none;
  background:transparent;transition:background .15s ease,color .15s ease
}
.head .margin .head-user-panel__ft-link:hover,
.head .margin .head-user-panel a.head-user-panel__ft-link:hover,
.head-user-panel .head-user-panel__ft-link:hover{
  color:#fff!important;background:transparent
}
.theme1 .head .margin .head-user-panel__ft-link:hover,
.theme1 .head-user-panel .head-user-panel__ft-link:hover{
  color:#111827!important;background:transparent
}

/* 浅色主题磨砂 */
.theme1 .head-user-panel{
  background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.55);
  box-shadow:0 12px 36px rgba(0,0,0,.12);color:#1f2937;
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35)
}
.theme1 .head-user-panel__title,
.theme1 .head-user-panel__title a{color:#111827!important}
.theme1 .head-user-panel__sub{color:#6b7280}
.theme1 .head-user-panel__acts a,
.theme1 .head .margin .head-user-panel .head-user-panel__acts a{color:#6b7280!important}
.theme1 .head-user-panel__acts a:hover,
.theme1 .head .margin .head-user-panel .head-user-panel__acts a:hover{color:#111827!important}
.theme1 .head-user-panel__acts-sep{color:#d1d5db}
.theme1 .head-user-panel__stats{background:rgba(0,0,0,.05)}
.theme1 .head-user-panel__stat + .head-user-panel__stat{border-left-color:#e5e7eb}
.theme1 .head-user-panel__stat-label{color:#6b7280}
.theme1 .head-user-panel__stat-val{color:#111827}
.theme1 .head-user-panel__nav a{color:#1f2937!important}
.theme1 .head-user-panel__nav a:hover{background:#f3f4f6}
.theme1 .head-user-panel__ft{border-top-color:#eee}
.theme1 .head .margin .head-user-panel__ft-link,
.theme1 .head-user-panel .head-user-panel__ft-link{color:#6b7280!important}
.theme1 .head .margin .head-user-panel__ft-link:hover,
.theme1 .head-user-panel .head-user-panel__ft-link:hover{color:#111827!important}
.theme1 .head-user-panel--guest .head-user-panel__banner{background:linear-gradient(90deg,#e8eef8,#dce5f2);color:#1f2937}
.theme1 .head-user-panel--vip{
  background:rgba(248,240,220,.78);border-color:rgba(232,217,176,.7)
}
.theme1 .head-user-panel--svip{
  background:rgba(26,18,8,.72);border-color:rgba(212,160,23,.35);color:#f5e6b8
}
.theme1 .head-user-panel--vip .head-user-panel__title,
.theme1 .head-user-panel--vip .head-user-panel__title a{color:#8a6818!important}
.theme1 .head-user-panel--svip .head-user-panel__title,
.theme1 .head-user-panel--svip .head-user-panel__title a{color:#FFE8C0!important}
.theme1 .head-user-panel--svip .head-user-panel__stat-val{color:#ffe9a8}
.theme1 .head-user-panel--svip .head-user-panel__nav a{color:#f0e0b8!important}
.theme1 .head-user-panel--svip .head-user-panel__ft{border-top-color:rgba(255,255,255,.1)}