/* 共享 header 样式（两套视图共用）。全局、统一前缀 cu-header__*（无 Shadow DOM，方案 A 的隔离方式）。 */

/* 自托管 Inter（逐字复刻原始 index.scss 的 4 字重 @font-face；资产随包 packages/header-core/src/assets/font/）。 */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('./assets/font/Inter-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('./assets/font/Inter-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('./assets/font/Inter-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('./assets/font/Inter-Bold.woff2') format('woff2'); }

.cu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 66px;                       /* = 原 .header-right 66px（搜索下拉 top:45 keyed to 66） */
  padding: 0;                          /* 原 header 无 padding；靠 logo margin-start 24 等做边距 */
  position: relative;                  /* 下载弹层锚 header（= 原 .menu-download 无 positioned 祖先、锚整页 iframe；iframe 占满页宽 → 等价于锚 header） */
  box-sizing: border-box;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  font-size: 14px;
  --cu-header-pop-radius: 10px;        /* ISS-044：各 header 弹层统一圆角 token（下拉/账户/余额/搜索/语言/下载 QR） */
}
.cu-header--dark { background: #000; color: #fff; }             /* = 原 .header background #000 */
.cu-header--light { background: #ffffff; color: #0b0e11; }

.cu-header__left,
.cu-header__right { display: flex; align-items: center; }
/* 右侧簇：原始为逐项 margin（多为 23px，rewards→available 13px），非统一 gap；padding-end 24（≤768:15） */
.cu-header__right { padding-inline-end: 24px; }
@media (max-width: 768px) { .cu-header__right { padding-inline-end: 15px; } }
.cu-header__nav { display: flex; align-items: center; }

.cu-header a { color: inherit; text-decoration: none; }

/* Logo = 原 cu-white-logo.svg（暗）/ cu-black-logo.svg（亮），173×25，margin-start 24；文字隐藏(font-size:0) */
.cu-header__logo {
  flex-shrink: 0;
  width: 173px;
  height: 25px;
  margin-inline-start: 24px;
  font-size: 0;
  background: url('./assets/img/cu-white-logo.svg') no-repeat center / contain;
}
.cu-header--light .cu-header__logo { background-image: url('./assets/img/cu-black-logo.svg'); }
@media (max-width: 768px) { .cu-header__logo { margin-inline-start: 15px; } }
@media (max-width: 320px) { .cu-header__logo { width: 120px; margin-inline-start: 15px; } }

/* 导航项（= 原 .nav .pTitle：margin-start 23 / 14px / 500 / hover 橙） */
.cu-header__nav-link {
  position: relative;
  margin-inline-start: 23px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cu-header__nav-link:hover { color: #ef8e19; }
@media (max-width: 850px) { .cu-header__nav { display: none; } }  /* 旧浏览器回退（不支持 :has 时） */
/* 状态感知的 nav 收起 / 汉堡出现（用现有 --in/--out class + :has，无需改组件）：
   登入态右边元素多（Rewards/余额/Deposit/Wallet），1440px 就要收 nav 出汉堡；
   未登入较空，1100px 才收（顺带解决 1024px 长文字语言未登入 header 迫爆）。
   不支持 :has 的旧浏览器回退到上面/下面的 850px 规则。汉堡显示规则见文件尾 .cu-header__hamburger。 */
@media (max-width: 1440px) {
  .cu-header:has(.cu-header__right--in) .cu-header__nav { display: none; }
}
@media (max-width: 1100px) {
  .cu-header:has(.cu-header__right--out) .cu-header__nav { display: none; }
}

/* Trade Now 上方的杠杆标签（= 原 .spotLevel：粉渐变，top -20 悬于文字上方） */
.cu-header__spotlevel {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -20px;
  padding: 0 8px;
  min-width: 50%;
  box-sizing: border-box;
  height: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  border-radius: 4px;
  background-image: linear-gradient(to right, #ff2bdc 0%, #ff6161 111%);
}

.cu-header__login:hover { color: #ef8e19; }  /* = 原 .nav p:hover（logo 原无 hover 效果） */

/* 游客中区 10s 徽章（= 原 index.vue .register-trade-box/.register-trade-content：橙描边胶囊，flex:1 居中，≤1023 隐藏） */
.cu-header__regbadge-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  /* 两侧 min-gap：中间宽度时搜索框 / 支付簇不会贴住「10 秒注册」banner（ISS-007，sv 等长文最明显）。 */
  padding-inline: 28px;
}
.cu-header__regbadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.67;
  color: #ed8b18;
  border-radius: 2px;
  border: solid 1px rgba(237, 139, 24, 0.35);
  background-color: rgba(237, 139, 24, 0.12);
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
}
.cu-header__regbadge:hover { background-color: rgba(237, 139, 24, 0.2); }
@media (max-width: 1023px) { .cu-header__regbadge-box { display: none; } }

/* 支付图标行（= 原 .pay-box/.pay-content：VISA/MC/Apple/Google，撑开中间，靠右，gap 10） */
.cu-header__pay {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-inline: 15px 23px;
}
.cu-header__pay span,
.cu-header__sidepop-pay span {              /* 抽屉底部支付图标复用同一尺寸/背景规则 */
  height: 22px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cu-header__pay-visa { width: 36px; height: 12px; background-image: url('./assets/img/visa-pay-icon.svg'); }
.cu-header__pay-mc { width: 30px; height: 23px; background-image: url('./assets/img/mastercard-pay-icon.svg'); }
.cu-header__pay-apple { width: 36px; height: 16px; background-image: url('./assets/img/iphone-pay-icon.svg'); }
.cu-header__pay-google { width: 36px; height: 15px; background-image: url('./assets/img/google-pay-icon.svg'); }
@media (max-width: 1100px) { .cu-header__pay { display: none; } }

/* 游客 1024-1280：四图标换紧凑单图（= 原 .pay-content-1024 + pay-icon-1280.svg，仅 un-login） */
.cu-header__pay-compact { display: none; width: 55px; height: 30px; background-image: url('./assets/img/pay-icon-1280.svg'); }
@media (min-width: 1024px) and (max-width: 1280px) {
  .cu-header__pay--guest .cu-header__pay-visa,
  .cu-header__pay--guest .cu-header__pay-mc,
  .cu-header__pay--guest .cu-header__pay-apple,
  .cu-header__pay--guest .cu-header__pay-google { display: none; }
  .cu-header__pay--guest .cu-header__pay-compact { display: inline-block; }
}

/* 下载图标容器 + hover 弹层（= 原 .menu-download：扫码图 140px + 文案 + More 橙钮） */
/* 注意容器不带 position —— 弹层要沿祖先链锚到 .cu-header（复刻原 .download_log 无 position 的锚定链） */
.cu-header__dl { display: inline-flex; margin-inline-start: 23px; }
.cu-header__dl-pop {
  position: absolute;
  /* 原（登录态实测 1900px）：卡片 top=65（top:20+popBig margin:25+padding:20，正好 header 66 底缘）、
     右缘距页右 60（inset-end:40+padding:20）→ 视觉挂在下载图标下方偏右。 */
  top: 65px;
  inset-inline-end: 60px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 188px;
  padding: 20px 0;
  background: #2b2e3b;
  color: #fff;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044 */
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);  /* = 原 Pop .pop */
  text-align: center;
}
/* 游客 notheme 变体（= 原 .firstDown-menu-download-notheme inset-end:45 + padding:20） */
.cu-header__right--out .cu-header__dl-pop { inset-inline-end: 65px; }
/* hover 桥（= 原 popBig padding + .fill）：盖住图标底(43)到卡顶(65)的 22px 间隙；DOM 后代 → 不触发 mouseleave */
.cu-header__dl-pop::before {
  content: '';
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  height: 22px;
}
.cu-header--light .cu-header__dl-pop { background: #fff; color: #0b0e11; }
.cu-header__dl-img { width: 140px; height: 140px; background: url('./assets/img/download-pop.png') no-repeat center / contain; }
.cu-header--dark .cu-header__dl-img { background-image: url('./assets/img/download-pop_w.png'); }
.cu-header__dl-text { width: 80%; margin-top: 11px; font-size: 14px; font-weight: 500; }
.cu-header__dl-divider { width: 80%; margin: 18px auto; border-bottom: 1px solid rgba(255, 255, 255, 0.17); }
.cu-header--light .cu-header__dl-divider { border-bottom-color: rgb(216, 216, 216); }
.cu-header__dl-more {
  max-width: 90%;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  background-color: #ef8e19;
  color: #fff !important;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}
.cu-header__dl-more:hover { background-color: #fca43c; }

/* 下载图标（= 原 HeaderRight 内联 SVG：暗 #fff / 亮 #000 / hover #ed8b18，20×20 + margin-top:-2px） */
.cu-header__download {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  cursor: pointer;
}
.cu-header__download svg { width: 21px; height: 21px; }
.cu-header__download svg path { fill: #fff; }
.cu-header--light .cu-header__download svg path { fill: #000; }
.cu-header__dl:hover .cu-header__download svg path { fill: #ed8b18; }

.cu-header__login { font-weight: 500; }  /* = 原 .nav .pTitle */
/* 注册按钮（= 原 HeaderRight .register：橙 rgb(239,142,25) / h28 / padding 6 10 6 12 / 圆角 5 / hover rgb(252,171,73)；≤600 隐藏） */
.cu-header__register {
  display: inline-flex;
  margin-inline-start: 23px;
  margin-top: -2px;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 6px 10px 6px 12px;
  box-sizing: border-box;
  background-color: rgb(239, 142, 25);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap;
}
.cu-header__register:hover { background-color: rgb(252, 171, 73); }
/* ISS-048：空间不足只余单个 auth 按钮时保留 Register（转化 CTA），改收起 Login。 */
@media (max-width: 600px) { .cu-header__login { display: none; } }
.cu-header__logout {
  background: transparent;
  border: 1px solid currentColor;
  color: inherit;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
}
.cu-header__avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #555 center / cover no-repeat;
  display: inline-block;
  flex-shrink: 0;
}
/* 无 avatarUrl 时的默认头像：干净人形剪影（无锁），铺满头像圆 = 跟后台 default 头像一致（Tony 定，取代
   原本复用 account_*.svg「人+橙锁」的做法 —— 那个锁本是「账户与安全」菜单项 icon，当头像用不合适）。
   两个主题的头像圆底都是 #555，故同一隻浅灰剪影两边都清晰，用单一 asset。background-size 走 base 的 cover
   铺满。有 avatarUrl 时组件不加 --default 类 → inline backgroundImage 照走 cover 显示真实头像。 */
.cu-header__avatar--default { background-image: url('./assets/img/avatar_default.svg'); }

/* ---- 登录态右侧条（= 原 HeaderRightLogined：Rewards / Available / Deposit / Wallet / avatar） ---- */
/* = 原 el-icon-caret-bottom：element-icons 字形（实心三角，从 element-icons.ttf \e790 抽取的轮廓），盒 14×13.6、grey */
.cu-header__caret { display: inline-flex; width: 14px; height: 13.6px; color: grey; flex-shrink: 0; transition: transform 0.3s linear; }
.cu-header__caret svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.cu-header__avatar-box .cu-header__caret { margin-inline-start: 6px; }  /* = 原 .el-icon-caret-bottom margin-inline-start:6（rewards 域被 .rewards i{margin:0} 归零，故只 avatar 加） */
.cu-header__rw:hover .cu-header__caret,
.cu-header__acct:hover .cu-header__caret { transform: rotate(180deg); }

/* 三个登录态下拉的定位根（触发器 + 悬浮面板） */
.cu-header__rw,
.cu-header__av,
.cu-header__acct { position: relative; }

/* Rewards 按钮（= 原 .rewards：#282626 圆角，rewards.svg 20 + 文字 + caret） */
.cu-header__rewards {
  display: flex;
  margin-inline-end: 13px;
  align-items: center;
  height: 30px;
  padding: 5px 12px;
  box-sizing: border-box;  /* 原 app 全局 border-box；button 虽有 UA 默认，显式声明防宿主 reset */
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  border: none;
  background-color: #282626;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.cu-header__rewards:hover { background-color: #373636; }
.cu-header--light .cu-header__rewards { background-color: #e7e7e7; color: #000; }
.cu-header--light .cu-header__rewards:hover { background-color: #f0f0f0; }
.cu-header__rewards-icon { width: 20px; height: 20px; margin-inline-end: 8px; flex-shrink: 0; background: url('./assets/img/rewards.svg') no-repeat center / contain; }
.cu-header__rewards-label { line-height: 1; margin-inline-end: 8px; }

/* Available 余额（= 原 .available：#282826 圆角，Available + money + US$ + eye） */
.cu-header__available {
  display: flex;
  margin-inline-end: 23px;
  align-items: center;
  height: 30px;
  padding: 7px 15px;
  box-sizing: border-box;  /* div 触发器无 UA border-box，缺它渲染 44px（原 app 全局 border-box → 30px），顶边比邻items高 7px */
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  background-color: #282826;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.cu-header--light .cu-header__available { background-color: #f5f5f5; color: #3b3b3d; }  /* = 原 .available_w */
.cu-header__available:hover { background-color: #373636; }
.cu-header--light .cu-header__available:hover { background-color: #f0f0f0; }
.cu-header__available-money { width: 12.2px; height: 16px; margin: 0 5px 0 10px; flex-shrink: 0; background: url('./assets/img/money.svg') no-repeat center / contain; }
.cu-header__available-eye { width: 17.8px; height: 16px; margin-inline-start: 8px; padding: 0; border: none; flex-shrink: 0; cursor: pointer; background: url('./assets/img/hide-eye.svg') no-repeat center / contain; }
/* 等宽数字（tabular figures）：余额/明细/奖励百分比实时刷新时，1111 与 8888 等同位数占
   同样宽度，数字变动不再推挤右侧 icon（Inter 内置 tnum；不支持的字体优雅回退成比例数字）。 */
.cu-header__available-amount,
.cu-header__av-amt,
.cu-header__rw-pct { font-variant-numeric: tabular-nums; }
.cu-header__available-eye--off { width: 16.7px; height: 11.2px; background-image: url('./assets/img/show-eye.svg'); }

/* Deposit 橙边按钮（= 原 .depositBox：border #c7792c 圆角 5） */
.cu-header__deposit {
  padding: 6px 14px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #c7792c;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.cu-header--light .cu-header__deposit { color: #3b3b3d; }
.cu-header__deposit:hover { background-color: rgba(255, 255, 255, 0.1); }
.cu-header--light .cu-header__deposit:hover { background-color: rgba(0, 0, 0, 0.04); }

/* 亮色主题文本（= 原 .custom-theme .nav color:#3b3b3d + svg fill:#000） */
.cu-header--light .cu-header__nav-link,
.cu-header--light .cu-header__login,
.cu-header--light .cu-header__wallet { color: #3b3b3d; }
.cu-header--light .cu-header__wallet svg path { fill: #000; }
.cu-header--light .cu-header__theme svg path { fill: #3b3b3d; }

/* Wallet（= 原 .nav .wallet：14px 500 + 钱包 svg 21；>1720 仅文字、≤1720 仅图标） */
.cu-header__wallet { display: flex; align-items: center; gap: 8px; margin-inline-start: 23px; font-size: 14px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.cu-header__wallet:hover { color: #ef8e19; }
.cu-header__wallet svg { display: none; width: 21px; height: 21px; flex-shrink: 0; }  /* 宽屏仅文字（原 .fax display:none） */
@media (max-width: 1720px) {
  .cu-header__wallet-label { display: none; }
  .cu-header__wallet svg { display: block; }
}
.cu-header__wallet svg path { fill: currentColor; }

/* 登录态响应式（= 原 HeaderRightLogined 断点） */
@media (max-width: 1720px) {
  .cu-header__rewards { padding: 0; background-color: transparent !important; }
  .cu-header__rewards-label { display: none; }
}
@media (max-width: 1550px) {
  .cu-header__right--in .cu-header__sel,
  .cu-header__right--in .cu-header__theme { display: none; }
}
/* （原 ≤1350px 的 inset-inline-start:-170px 左移 hack 已移除：rw-pop 改右对齐后自然不爆屏，ISS-023） */
@media (max-width: 1300px) { .cu-header__right--in .cu-header__dl { display: none; } }
@media (max-width: 1220px) { .cu-header__av { display: none; } }
@media (max-width: 1000px) {
  .cu-header__deposit { display: none !important; }
  .cu-header__rewards { margin-inline-end: 0; }
}
@media (max-width: 850px) { .cu-header__rw { display: none; } }
/* 游客 ≤1100（= 原 .nav-none-1500 隐藏 download+语言+主题） */
@media (max-width: 1100px) {
  .cu-header__right--out .cu-header__dl,
  .cu-header__right--out .cu-header__sel,
  .cu-header__right--out .cu-header__theme { display: none; }
}

/* Avatar（= 原 .avatar-contain：圆头像 + caret；模板内联 50px 恒定） */
.cu-header__avatar-box { display: flex; align-items: center; justify-content: center; width: 50px; margin-inline-start: 23px; padding: 0; border: none; background: transparent; font: inherit; cursor: pointer; }  /* 原无 gap：avatar 与 caret 紧邻居中 */

/* ---- 搜索框 + 下拉（逐像素复刻 HeaderSearch.vue / index.vue .searchLogined） ---- */

/* 容器（桌面输入框 + 移动触发图标 + 移动覆盖共栖）；margin-start 23 = 原 .searchLogined */
.cu-header__search-root { position: relative; display: inline-flex; align-items: center; margin-inline-start: 23px; }

/* 搜索输入框（= 原 .searchLogined：218 宽 / #2a2f33 / 30 高 / 圆角 5 / hover·focus 描边 #ed8b18） */
.cu-header__search {
  position: relative;
  display: flex;
  align-items: center;
  width: 218px;
  height: 30px;
  padding: 0 12px;
  background: #2a2f33;
  border: 1px solid transparent;
  border-radius: 5px;
  box-sizing: border-box;
}
.cu-header__search:hover,
.cu-header__search--focus,
.cu-header__search:focus-within { border-color: #ed8b18; }

.cu-header__search-icon {           /* = 原 search.svg（真实资产） */
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: url('./assets/img/search.svg') no-repeat center / contain;
}
/* ISS-036：打开 search popup（.cu-header__search--focus）时 icon 转橙 active 态。
   仅 scope 到桌面 search 容器内的 icon —— 手机触发按钮 .cu-header__search-mobtrigger
   的 icon 用 PNG 背景（:572），不在此选择器下，不受 mask 影响。 */
.cu-header__search--focus .cu-header__search-icon {
  background: #ed8b18;
  -webkit-mask: url('./assets/img/search.svg') no-repeat center / contain;
  mask: url('./assets/img/search.svg') no-repeat center / contain;
}
/* ISS-057：窄屏 search overlay 弹出即为 active 态，overlay 内的 search icon 亦转橙（036 的 responsive 补漏）。 */
.cu-header__search-overlay .cu-header__search-icon {
  background: #ed8b18;
  -webkit-mask: url('./assets/img/search.svg') no-repeat center / contain;
  mask: url('./assets/img/search.svg') no-repeat center / contain;
}

.cu-header__search-input {
  flex: 1;
  min-width: 0;
  margin-inline-start: 8px;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font: inherit;
  font-size: 13px;
}
.cu-header--light .cu-header__search-input { color: #000; }
.cu-header__search-input::placeholder { color: #bfbfbf; }
.cu-header__search:hover .cu-header__search-input::placeholder { color: #fff; }
/* ISS-056：窄屏 input font-size <16px，iOS Safari / WebView focus 时会自动放大整页。窄屏统一 16px 防缩放
   （桌面保持原字号）。用父级前缀提升到 0,2,0，压过后面 source-order 的单类 13px base（sel/sidepop-search
   -input 的 base 在本规则之后声明；media query 不加特异度，同特异度会被后者盖过）。 */
@media (max-width: 950px) {
  .cu-header__search .cu-header__search-input,
  .cu-header__sidepop-search .cu-header__sidepop-search-input,
  .cu-header__sel-search .cu-header__sel-search-input { font-size: 16px; }
}

.cu-header__search-clear {           /* = 原 clearSearch1.webp */
  flex-shrink: 0;
  margin-inline-start: 10px;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  background: url('./assets/img/clearSearch1.webp') no-repeat center / contain;
  cursor: pointer;
  font-size: 0;
}

/* 下拉面板（= 原 .searchData：#2b2e3b / radius 8 / shadow / padding-bottom 16 / 5px 滚动条） */
.cu-header__search-panel {
  position: absolute;
  top: calc(100% + 7px);  /* 原 .searchBox top:45+padding10 → 面板缘 ≈y55 */
  inset-inline-start: 0;
  width: 370px;
  max-width: 92vw;
  max-height: 797px;
  overflow-y: auto;
  background: #2b2e3b;
  color: #fff;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044：原 8px → 统一 token */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding-bottom: 16px;
  z-index: 50;
  box-sizing: border-box;
  text-align: start;
}
.cu-header--light .cu-header__search-panel { background: #ffffff; color: #0b0e11; }
.cu-header__search-panel::-webkit-scrollbar { width: 5px; }
.cu-header__search-panel::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.21); border-radius: 3px; }
.cu-header--light .cu-header__search-panel::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.21); }

/* 头部（= 原 .head：padding 20 16 0 20 / 标题 16 500 / 查看行情 #ee8b1a） */
.cu-header__search-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 16px 0 20px;
}
.cu-header__search-head > span:first-child { font-size: 16px; font-weight: 500; }
/* ISS-043：`.cu-header a { color: inherit }`（本文件顶部，特异度 0,1,1）会盖过单类的
   `.cu-header__search-viewall`（0,1,0），令「View Market」被迫 inherit 成 panel 的白色。
   提高特异度到 0,2,0（.cu-header 前缀）压过它，恢复橙色 brand accent。同理 search-more 亦然。 */
.cu-header .cu-header__search-viewall { color: #ef8e19; font-size: 14px; text-decoration: none; }
.cu-header .cu-header__search-more { color: #9ea0a9; }

.cu-header__search-list { list-style: none; margin: 10px 0 0; padding: 0; overflow: hidden; }

/* 行（= 原 .li：flex / padding 10 20 / 三列 40% 35% 25% / hover rgb(55,58,71)） */
.cu-header__search-row {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  color: inherit;
}
a.cu-header__search-row { text-decoration: none; }
.cu-header__search-row:hover { background: rgb(55, 58, 71); }
.cu-header--light .cu-header__search-row:hover { background: rgba(0, 0, 0, 0.06); }

.cu-header__search-main { min-width: 40%; display: flex; align-items: center; }
.cu-header__search-coinicon { width: 20px; height: 20px; flex-shrink: 0; display: block; border-radius: 50%; }
.cu-header__search-meta { display: flex; flex-direction: column; margin-inline-start: 10px; min-width: 0; }
.cu-header__search-name { font-size: 14px; white-space: nowrap; }
.cu-header__search-type { font-size: 12px; color: #9ea0a9; margin-top: 3px; }

.cu-header__search-price {
  width: 35%;
  text-align: end;
  margin-inline-end: 50px;
  font-size: 14px;
}

.cu-header__search-chg {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 500;
}
.cu-header__search-chg--red { color: #ff3b69; }
.cu-header__search-chg--green { color: #02c77a; }
.cu-header__search-chg--flat { color: #9ea0a9; }

/* 更多（= 原 .more：margin 16 20 0 / border #9ea0a9 / h40 / hover #ef8e19） */
.cu-header__search-more {
  display: block;
  margin: 16px 20px 0;
  height: 40px;
  line-height: 40px;
  border: 1px solid #9ea0a9;
  border-radius: 6px;
  color: #9ea0a9;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.cu-header__search-more:hover { color: #ef8e19; }

/* 无结果（= 原 NoSearch.vue：margin 100 0 / 12px #9ea0a9 / 图 mb10） */
.cu-header__search-empty {
  margin: 100px 0;
  text-align: center;
  color: #9ea0a9;
  font-size: 12px;
}
.cu-header__search-empty-icon { display: block; width: 41px; height: 40px; margin: 0 auto 10px; background: url('./assets/img/no-search.svg') no-repeat center / contain; }

/* 骨架屏（= 原 skeleton：pulse / #3e4556 / icon 20圆 / name 70 / small 50 / price 75 / percent 55） */
@keyframes cu-header-pulse {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}
.cu-header__search-row--skeleton { pointer-events: none; cursor: default; }
.cu-header__sk { background: #3e4556; border-radius: 2px; animation: cu-header-pulse 1.5s infinite ease-in-out; }
.cu-header--light .cu-header__sk { background: #d0d0d0; }
.cu-header__sk-icon { width: 20px; height: 20px; min-width: 20px; border-radius: 50%; flex-shrink: 0; }
.cu-header__sk-name { width: 70px; height: 14px; display: block; }
.cu-header__sk-small { width: 50px; height: 12px; margin-top: 3px; display: block; }
.cu-header__sk-price { width: 100%; min-width: 75px; height: 14px; display: inline-block; }
.cu-header__sk-pct { width: 100%; min-width: 55px; height: 14px; display: inline-block; }

/* 响应式（= 原 index.vue .searchLogined 断点：1790→224 / 1440→116 / 950 隐藏→图标） */
@media (max-width: 1790px) { .cu-header__search { width: 224px; } }
@media (max-width: 1440px) { .cu-header__search { width: 116px; } }

/* ≤950：桌面搜索框隐藏，露出搜索图标按钮（= 原 .search-img-NO-left），点击开全屏搜索 */
.cu-header__search-mobtrigger { display: none; }
@media (max-width: 950px) {
  .cu-header__search { display: none; }
  .cu-header__search-mobtrigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  .cu-header__search-mobtrigger .cu-header__search-icon { width: 20px; height: 20px; background-image: url('./assets/img/search_w_big.png'); }
  .cu-header--light .cu-header__search-mobtrigger .cu-header__search-icon { background-image: url('./assets/img/search-img-logined.png'); }
  /* ISS-057：撳 trigger 开 search overlay 后，trigger 图标转橙做 active 态（@N 指的正是这个 icon）。
     mobtrigger 图标本用 PNG 底，active 时改用 search.svg mask 上橙色。 */
  .cu-header__search-mobtrigger--active .cu-header__search-icon {
    background: #ed8b18;
    -webkit-mask: url('./assets/img/search.svg') no-repeat center / contain;
    mask: url('./assets/img/search.svg') no-repeat center / contain;
  }
}

/* 全屏搜索覆盖（= 原 search/index.vue .boxSearch，移动端） */
.cu-header__search-overlay {
  position: fixed;
  /* ISS-032：原本硬编码 top:66px（假设 header 恒贴 viewport 顶且高 66）。当 header 上方有
     host chrome（如官网 App 下载 banner）或页面已滚动时，66px 对不上 header 实际底边 →
     覆盖层压住 header。改用 --cu-header-overlay-top（SearchBox 打开时量 header 底边注入，
     resize/scroll 时更新），host 无 banner 时退化到 66px。 */
  top: var(--cu-header-overlay-top, 66px);
  inset-inline: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  background: #2b2e3b;
  color: #fff;
}
.cu-header--light .cu-header__search-overlay { background: #ffffff; color: #0b0e11; }
.cu-header__search-overlay-bar { display: flex; align-items: center; }
/* 覆盖层里的输入 pill（= 原移动 .searchLogined：80% / 高 40 / 圆角 8 / 边框 #9ea0a9 / margin-start 16） */
.cu-header__search-overlay .cu-header__search {
  display: flex;
  flex: 1;
  width: auto;
  height: 40px;
  margin-inline-start: 16px;
  padding: 0 12px;
  background: transparent;
  border: 1px solid #9ea0a9;
  border-radius: 8px;
}
/* ISS-037：桌面 focus 变橙已在（:401-403），但覆盖层这条 border shorthand 因 source order
   在后覆盖了 focus-within 橙边 —— 补回覆盖层内 focus 橙框。 */
.cu-header__search-overlay .cu-header__search:focus-within { border-color: #ed8b18; }
.cu-header__search-overlay-cancel {
  flex-shrink: 0;
  margin-inline-start: 20px;
  margin-inline-end: 25px;
  background: none;
  border: none;
  color: #9ea0a9;
  font: inherit;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
}
/* 覆盖层专属 metrics（原 search/index.vue：head 16 16 0 / ul mt6 / more 16 16 0） */
.cu-header__search-overlay .cu-header__search-head { padding: 16px 16px 0; }
.cu-header__search-overlay .cu-header__search-list { margin-top: 6px; }
.cu-header__search-overlay .cu-header__search-more { margin: 16px 16px 0; }

.cu-header__search-overlay-body {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 16px;
}
/* 移动搜索断点（= 原 search/index.vue 700/500）：≥700 平板 pill 95% + 隐藏 Cancel；≤500 手机行收紧 */
@media (min-width: 700px) {
  .cu-header__search-overlay .cu-header__search { width: 95%; flex: none; }
  .cu-header__search-overlay-cancel { display: none; }
}
@media (max-width: 500px) {
  .cu-header__search-overlay .cu-header__search-price { margin-inline-end: 30px; }
  .cu-header__search-overlay .cu-header__search-chg { width: 30%; }
}

/* ---- 语言/货币/数字格式选择器（两套视图共用） ---- */
.cu-header__sel { position: relative; margin-inline-start: 23px; }

/* 触发器 = 原 .lang_log 国旗 PNG 三态（亮 lang_log.png / 暗 lang_log_w.png / hover lang_log_h.png），20×20，无文字 */
.cu-header__sel-trigger {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: url('./assets/img/lang_log.png') no-repeat center / contain;
  cursor: pointer;
  font-size: 0;
}
.cu-header--dark .cu-header__sel-trigger { background-image: url('./assets/img/lang_log_w.png'); }
.cu-header__sel:hover .cu-header__sel-trigger,
.cu-header__sel-trigger:hover { background-image: url('./assets/img/lang_log_h.png'); }

/* hover-bridge（= 原 .fill）：覆盖触发器底到面板顶的 gap，鼠标移入面板不断 hover */
.cu-header__sel-fill {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  width: 40px;
  /* 隐形 hover 桥：从触发器底（top:100%）盖到面板顶，避免鼠标从地球移向面板途中进死区
     触发 .cu-header__sel 的 mouseleave 秒收面板。⚠️ 高度必须 = sel-panel 的 top 偏移
     calc(100%+22px) 里那个 22px —— 两者是同一个 gap，改一个必须改另一个，否则重现死区。 */
  height: 22px;
}

/* 面板定位层（= 原 .language：absolute popover，top:20px+padding-top:23px → 贴触发器下） */
.cu-header__sel-panel {
  position: absolute;
  inset-inline-end: 0;
  /* 坐 header 底缘（≈65px），与下载弹层 .cu-header__dl-pop（top:65px，锚 .cu-header）对齐。
     sel-panel 锚的是 .cu-header__sel（20px 触发器，垂直居中于 66px header，顶≈23px），
     不能像 dl-pop 那样锚 header —— .cu-header__sel-fill（hover 桥）需要它保持 relative。
     calc(100%+22px)=42px（自触发器顶）+ 触发器顶 23px = 65px，与 dl-pop 同基准。 */
  top: calc(100% + 22px);
  z-index: 999;
}
/* 隐形 hover 桥：盖住触发器与面板之间整条 22px gap，且**满面板宽**（inset-inline:0，不止
   .cu-header__sel-fill 那 40px 右侧）。鼠标从地球斜向移进面板时不会掠过右/左空位触发
   .cu-header__sel 的 mouseleave 秒收面板。高度 = 面板 top 偏移的 22px；宽度随面板。
   （这是比 sel-fill 更完整的桥；sel-fill 保留无害。若日后仍有极端路径可再上 hover 关闭延迟。） */
.cu-header__sel-panel::before {
  content: '';
  position: absolute;
  top: -22px;
  inset-inline: 0;
  height: 22px;
}

/* 卡片（= 原 .contain 大屏 641×446，#2b2e3b，圆角 4，上内距 20） */
.cu-header__sel-card {
  display: flex;
  width: 641px;
  height: 446px;
  max-width: 94vw;
  padding-top: 20px;
  background: #2b2e3b;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044：原 4px → 统一 token */
  box-sizing: border-box;
  text-align: start;
}
.cu-header--light .cu-header__sel-card { background: #ffffff; }
/* 语言 only（minimal / 内容站变体，无货币+数字格式）：单列窄面板，避免 641px 三列空壳。 */
.cu-header__sel-panel--lang-only .cu-header__sel-card { width: 280px; }

/* 移动端关闭按钮（仅抽屉态显示，= 原 small 顶部 path_w.png） */
.cu-header__sel-close { display: none; }

/* 三列容器（= 原 .main-box） */
.cu-header__sel-box { display: flex; flex: 1; width: 100%; height: 100%; min-height: 0; }

/* 列（= 原 .main）；数字格式列固定 169px（= 原 .number-format） */
.cu-header__sel-col { flex: 1; width: 100%; height: 100%; min-width: 0; display: flex; flex-direction: column; }
.cu-header__sel-col--format { width: 169px; flex: none; }

/* 列标题（= 原 .language-title：14px / #9ea0a9 / inset-start 20） */
.cu-header__sel-title {
  height: 22px;
  margin: 0;
  margin-inline-start: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  color: #9ea0a9;
  text-align: start;
}
.cu-header__sel-col--format .cu-header__sel-title { margin-bottom: 10px; }

/* 列内搜索框（= 原 .searchLogined：高 32 / #454b51 / 圆角 4 / 外距 10 20 / hover·focus 描边 #ed8b18） */
.cu-header__sel-search {
  display: flex;
  align-items: center;
  height: 32px;
  margin: 10px 20px;
  padding: 0 12px;
  background: #454b51;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
}
.cu-header__sel-search:hover,
.cu-header__sel-search:focus-within { border-color: #ed8b18; }

.cu-header__sel-search-icon {        /* = 原 search.svg（真实资产） */
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background: url('./assets/img/search.svg') no-repeat center / contain;
}

.cu-header__sel-search-input {
  flex: 1;
  min-width: 0;
  margin-inline-start: 5px;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font: inherit;
  font-size: 13px;
}
.cu-header--light .cu-header__sel-search-input { color: #000; }
.cu-header__sel-search-input::placeholder { color: #bfbfbf; }
.cu-header__sel-search:hover .cu-header__sel-search-input::placeholder { color: #fff; }

.cu-header__sel-clear {              /* = 原 clearSearch1.webp */
  flex-shrink: 0;
  margin-inline-start: 10px;
  width: 14px;
  height: 14px;
  padding: 0;
  border: none;
  background: url('./assets/img/clearSearch1.webp') no-repeat center / contain;
  cursor: pointer;
  font-size: 0;
}

/* 列表（= 原 .main-item.scor：flex:1 滚动 + 4px 细滚动条） */
.cu-header__sel-list {
  flex: 1;
  min-height: 0;
  overflow: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cu-header__sel-list::-webkit-scrollbar { width: 4px; }
.cu-header__sel-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.21); border-radius: 6px; }
.cu-header--light .cu-header__sel-list::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.21); }

/* 行（= 原 .list + .list-item：高 44 / 14px / inset-start 20 inset-end 14 / hover 1.0 白） */
.cu-header__sel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 44px;
  padding-inline-start: 20px;
  padding-inline-end: 14px;
  background: transparent;
  border: none;
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.58;
  font-weight: 500;
  text-align: start;
  cursor: pointer;
}
.cu-header--light .cu-header__sel-row { color: #000; }
.cu-header__sel-row:hover { background: rgba(255, 255, 255, 0.1); }
.cu-header--light .cu-header__sel-row:hover { background: #f5f5f5; }
.cu-header__sel-row--on { color: #ed8b18; }            /* = 原 span.yellow */
.cu-header--light .cu-header__sel-row--on { color: #ed8b18; }
.cu-header__sel-row--disabled { color: #6b6e78; cursor: not-allowed; }
.cu-header__sel-row--disabled:hover { background: transparent; }
.cu-header__sel-check { width: 11px; height: 10px; flex-shrink: 0; background: url('./assets/img/colorChangeTrue.svg') no-repeat center / contain; }  /* = 原 colorChangeTrue.svg 11×10 */

/* ISS-031/039：首载（host 语言/货币列表未到）用骨架屏占位，避免误报「No results」。 */
.cu-header__sel-sk-row { display: flex; align-items: center; height: 44px; padding-inline-start: 20px; padding-inline-end: 14px; }
.cu-header__sel-sk-row .cu-header__sk { height: 14px; border-radius: 4px; }

/* 无结果（= 原 .no-search-results：居中插画 40×40 + #9ea0a9 12px） */
.cu-header__sel-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #9ea0a9;
  font-size: 12px;
  margin-bottom: 20px;
}
.cu-header__sel-empty-icon { display: block; width: 40px; height: 40px; margin-bottom: 10px; background: url('./assets/img/no_search_results.webp') no-repeat center / contain; }  /* = 原 no_search_results.webp */

/* 小屏全屏抽屉（= 原 .small-language：100vw×100vh 暗罩 + 右侧抽屉，卡片 #000 纵向） */
@media (max-width: 768px) {
  .cu-header__sel-panel {
    position: fixed;
    inset: 0;
    inset-inline-end: 0;
    padding-top: 66px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-end;
  }
  .cu-header__sel-card {
    width: 88%;
    max-width: 472px;
    min-width: 320px;
    height: 100%;
    flex-direction: column;
    padding-top: 0;
    border-radius: 0;
    background: #000;
  }
  .cu-header--light .cu-header__sel-card { background: #000; }  /* 原亮色抽屉仍黑（quirk，忠实保留） */
  .cu-header__sel-close {
    display: flex;
    justify-content: flex-end;
    padding: 16px 16px 20px;
    cursor: pointer;
  }
  .cu-header__sel-close span { width: 15px; height: 15px; background: url('./assets/img/path_w.png') no-repeat center / contain; }  /* = 原 path_w.png */
}
@media (max-width: 413px) { .cu-header__sidepop-panel { width: 100%; } }

/* ≤413px：隐藏数字格式列 + 抽屉全宽（= 原 .number-format{display:none} / .flexCenter width:100%） */
@media (max-width: 413px) {
  .cu-header__sel-col--format { display: none; }
  .cu-header__sel-card { width: 100%; }
}

/* ==== 登录态右侧三下拉（Rewards 领取 / Available 明细 / 头像账户菜单） ==== */
/* 复刻 HeaderRightLogined.vue：原为纯 CSS :hover 展开；本切片改 JS open 态（hover+click），面板仅 open 渲染。 */

/* ---- Rewards 领取弹层（= 原 .rewards_pop / .clainMain） ---- */
.cu-header__rw-pop {
  position: absolute;
  top: calc(100% + 15px);             /* = 原 .rewards_pop top:20 + Pop margin-top:25 → 30px 触发器底下 15px 间隙 */
  /* 右对齐触发器右缘、向左伸展：nowrap 的宽卡片永远留在视口内、不再爆出屏幕右缘（ISS-023）。 */
  inset-inline-end: 0;
  inset-inline-start: auto;
  z-index: 999;
}
/* hover 桥（= 原 Pop .fill）：盖住 15px 间隙；仍是面板后代 → 指针经过不触发根 mouseleave */
.cu-header__rw-pop::before,
.cu-header__av-menu::before,
.cu-header__acct-menu::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  height: 15px;
}
.cu-header__rw-card {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #2b2e3b;
  color: #fff;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044 */
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);  /* = 原 Pop .pop */
  white-space: nowrap;
  position: relative;  /* rw-gif 锚到卡片（= 原 .clainMain relative） */
}
.cu-header--light .cu-header__rw-card { background: #fff; color: #00000d; }

.cu-header__rw-imgwrap { flex-shrink: 0; margin-inline-end: 15px; }
.cu-header__rw-iphone { width: 40px; display: block; }
.cu-header__rw-gif {            /* = 原 .iphoneGif（绿色进度线，覆盖奖品图） */
  position: absolute;
  inset-inline-start: 7px;
  top: 3px;
  width: 30px;
  height: 40px;
  background: url('./assets/img/green-line.webp') no-repeat center / contain;
  /* ISS-040：原动画在迁移时被压成单帧静态 webp。用轻量 CSS 复现「一点动感」——
     绿色进度线上下轻扫 + 微呼吸，纯观感、无逻辑。reduced-motion 时停用。 */
  animation: cu-header-rw-scan 2.4s ease-in-out infinite;
}
@keyframes cu-header-rw-scan {
  0%, 100% { transform: translateY(-2px); opacity: 0.75; }
  50% { transform: translateY(2px); opacity: 1; }
}

.cu-header__rw-name { position: relative; display: flex; align-items: center; margin-bottom: 4px; font-size: 14px; font-weight: 600; }
.cu-header__rw-gift {           /* = 原 .gift_iphone（仅暗色显示；绝对悬于行尾外 -15px） */
  display: none;
  position: absolute;
  inset-inline-end: -15px;
  width: 40px;
  height: 40px;
  background: url('./assets/img/gift-box.webp') no-repeat center / contain;
  transform-origin: 50% 85%;  /* 底部为轴，摇动更像礼物盒 */
}
.cu-header--dark .cu-header__rw-gift { display: inline-block; animation: cu-header-rw-wobble 1.8s ease-in-out infinite; }  /* ISS-040：礼物盒轻微摇摆 */
@keyframes cu-header-rw-wobble {
  0%, 60%, 100% { transform: rotate(0deg); }
  70% { transform: rotate(-7deg); }
  80% { transform: rotate(5deg); }
  90% { transform: rotate(-3deg); }
}
/* 尊重系统减动偏好：静止呈现（= 迁移后现状，但不再抖动扰人）。 */
@media (prefers-reduced-motion: reduce) {
  .cu-header__rw-gif,
  .cu-header--dark .cu-header__rw-gift { animation: none; }
}

/* info tooltip（= 原 .info_pop_hover，纯 CSS hover） */
.cu-header__rw-info { position: relative; display: inline-flex; align-items: center; margin-inline-start: 5px; cursor: help; }  /* ISS-047：信息 tooltip 用 help 光标 */
.cu-header__rw-info-icon { width: 14px; height: 14px; background: url('./assets/img/infoIcon.svg') no-repeat center / contain; }
.cu-header--light .cu-header__rw-info-icon { background-image: url('./assets/img/info_b.svg'); }
.cu-header__rw-info-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 8px;
  width: 300px;
  z-index: 2;
  white-space: normal;
  text-align: start;
}
.cu-header__rw-info:hover .cu-header__rw-info-box { display: block; }
.cu-header__rw-san { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-bottom-color: #59595a; }
.cu-header__rw-info-inner { display: block; padding: 10px; border-radius: 3px; background: #59595a; color: #fff; font-weight: 400; font-size: 12px; }
.cu-header__rw-info-inner > span { display: block; }
.cu-header__rw-info-l2 { padding-top: 6px; }

/* 进度条（= 原 .iphoneButton / .iphoneBar / .barPercent） */
.cu-header__rw-bar {
  position: relative;
  display: flex;
  align-items: center;
  width: 213px;
  height: 20px;
  padding: 0 3px;
  border-radius: 15px;
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.37), 0 1px 0 0 rgba(0, 0, 0, 0.25);
  background-color: #272b33;
  box-sizing: border-box;
}
.cu-header__rw-fill { height: 18px; box-shadow: inset 0 2px 5px 0 rgba(255, 255, 255, 0.5), 0 4px 4px 0 rgba(0, 0, 0, 0.25); background-image: linear-gradient(to right, #2fdaff 0%, #1dd924 100%); }
.cu-header__rw-pct { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 12px; font-weight: 500; color: #fff; text-shadow: 0.5px 1px 1px #000; }
.cu-header--light .cu-header__rw-bar { background-color: #fff; }
.cu-header--light .cu-header__rw-pct { color: #000; text-shadow: 0.5px 1px 1px #fff; }

/* claim 按钮（= 原 .claim：青渐变；<100 禁用灰渐变） */
.cu-header__rw-claim {
  margin-inline-start: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 8px 15px;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #141722;
  white-space: nowrap;
  box-shadow: 0 0 5px 2px rgba(14, 212, 255, 0.4);
  background-image: linear-gradient(to bottom, #53e9f3 0%, #0ed4ff 100%);
}
.cu-header__rw-claim--on { cursor: pointer; }
.cu-header__rw-claim--on:hover { filter: brightness(113%); }
.cu-header__rw-claim--off { cursor: not-allowed; box-shadow: 0 0 5px 2px rgba(40, 137, 147, 0.3); background-image: linear-gradient(to bottom, #288993 0%, #288993 100%); }

@media (max-width: 1024px) { .cu-header__rw-bar { width: 154px; } }

/* ---- Available 折叠标签（= 原 .avbl / .avblAll，≤1450 切短） ---- */
.cu-header__available-avbl { display: none; }
@media (max-width: 1450px) {
  .cu-header__available-avbl { display: inline; }
  .cu-header__available-full { display: none; }
}

/* ---- Available 账户明细下拉（= 原 .menu_available / .menu_available_item） ---- */
.cu-header__av-menu {
  position: absolute;
  top: calc(100% + 15px);             /* = 原 .menu_available top:20 + Pop margin-top:25 → 30px 触发器底下 15px 间隙 */
  inset-inline-start: 0;
  z-index: 999;
  background: #2b2e3b;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044 */
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.cu-header--light .cu-header__av-menu { background: #fff; }
.cu-header__av-item { display: flex; align-items: center; justify-content: space-around; padding: 20px; white-space: nowrap; }
.cu-header__av-labels { margin-inline-end: 31px; color: #fff; }
.cu-header--light .cu-header__av-labels { color: #00000d; }
.cu-header__av-row { display: flex; align-items: center; text-align: start; }
.cu-header__av-row:not(:first-child) { margin-top: 10px; }
.cu-header__av-row > span:first-child { white-space: nowrap; font-weight: 400; }
.cu-header__av-amounts { color: #ed8b18; font-weight: 500; text-align: end; }
.cu-header__av-amt:not(:first-child) { margin-top: 10px; }

/* info tooltip（= 原 .info_img / .info_hover_box，纯 CSS hover；暗 infoIcon / 亮 info_b） */
.cu-header__av-info { position: relative; display: inline-flex; align-items: center; margin-inline-start: 4px; cursor: help; }
.cu-header__av-info-icon { width: 14px; height: 14px; background: url('./assets/img/infoIcon.svg') no-repeat center / contain; }
.cu-header--light .cu-header__av-info-icon { background-image: url('./assets/img/info_b.svg'); }
.cu-header__av-info-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 8px;
  width: 300px;
  z-index: 2;
  white-space: normal;
  text-align: start;
}
.cu-header__av-info:hover .cu-header__av-info-box { display: block; }
.cu-header__av-san { position: absolute; top: -3px; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-bottom-color: #59595a; }
.cu-header__av-info-box > span:last-child { display: block; padding: 10px; border-radius: 3px; background: #59595a; color: #fff; font-weight: 400; font-size: 12px; }

/* ---- 头像账户菜单（= 原 .menu_info / .infoPc） ---- */
.cu-header__acct-menu {
  position: absolute;
  top: calc(100% + 15px);             /* = 原 .menu_info top:15 + Pop margin-top:25 = 25px 头像容器底下 15px 间隙 */
  inset-inline-end: 0;
  z-index: 999;
  min-width: 250px;
  padding: 13px 0 0;
  background: #2b2e3b;
  color: #fff;
  border-radius: var(--cu-header-pop-radius);  /* ISS-044 */
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
.cu-header--light .cu-header__acct-menu { background: #fff; color: #00000d; }
.cu-header__acct-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 20px; margin-bottom: 12px; }
/* 内容/行销站（variant=minimal）不传 userInfo 时昵称为空、无 VIP → head 只剩一个空 name
   span，仍占一行高 + margin-bottom，把菜单整体推低。无非空子元素时收起，消除顶部空白。
   （:has 现代浏览器全支持；旧浏览器退化为现状，不影响功能。有昵称或 VIP 时照常显示。） */
.cu-header__acct-head:not(:has(> :not(:empty))) { display: none; }
.cu-header__acct-name { white-space: nowrap; }
.cu-header__acct-vip { display: flex; align-items: center; }
.cu-header__acct-vip > span:last-child { white-space: nowrap; color: #329bd1; }
.cu-header__acct-vip-icon { width: 16px; height: 16px; margin-inline-end: 5px; flex-shrink: 0; background: no-repeat center / contain; }
.cu-header__acct-vip-icon--0 { background-image: url('./assets/img/vip-Regular.webp'); }
.cu-header__acct-vip-icon--1 { background-image: url('./assets/img/vip-VIP1.webp'); }
.cu-header__acct-vip-icon--2 { background-image: url('./assets/img/vip-VIP2.webp'); }
.cu-header__acct-vip-icon--3 { background-image: url('./assets/img/vip-VIP3.webp'); }
.cu-header__acct-vip-icon--4 { background-image: url('./assets/img/vip-VIP4.webp'); }
.cu-header__acct-vip-icon--5 { background-image: url('./assets/img/vip-VIP5.webp'); }
.cu-header__acct-vip-icon--6 { background-image: url('./assets/img/vip-VIP6.webp'); }
.cu-header__acct-vip-icon--7 { background-image: url('./assets/img/vip-VIP7.webp'); }
.cu-header__acct-vip-icon--8 { background-image: url('./assets/img/vip-VIP8.webp'); }
.cu-header__acct-vip-icon--9 { background-image: url('./assets/img/vip-VIP9.webp'); }

.cu-header__acct-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 20px;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}
.cu-header__acct-item:hover { background: rgba(151, 151, 151, 0.1); }
.cu-header__acct-item > span:last-child { margin-inline-start: 23px; }
.cu-header__acct-ic { width: 16px; height: 16px; flex-shrink: 0; background: no-repeat center / contain; }
/* 图标暗色用 _l / 亮色用 _d（= 原 v-if dark ? _l : _d） */
.cu-header--dark .cu-header__acct-ic--account { background-image: url('./assets/img/account_l.svg'); }
.cu-header--light .cu-header__acct-ic--account { background-image: url('./assets/img/account_d.svg'); }
.cu-header--dark .cu-header__acct-ic--referral { background-image: url('./assets/img/referral_l.svg'); }
.cu-header--light .cu-header__acct-ic--referral { background-image: url('./assets/img/referral_d.svg'); }
.cu-header--dark .cu-header__acct-ic--myfeeRates { background-image: url('./assets/img/myfeeRates_l.svg'); }
.cu-header--light .cu-header__acct-ic--myfeeRates { background-image: url('./assets/img/myfeeRates_d.svg'); }
.cu-header--dark .cu-header__acct-ic--leverage { background-image: url('./assets/img/leverage_l.svg'); }
.cu-header--light .cu-header__acct-ic--leverage { background-image: url('./assets/img/leverage_d.svg'); }
.cu-header--dark .cu-header__acct-ic--tradingRules { background-image: url('./assets/img/tradingRules_l.svg'); }
.cu-header--light .cu-header__acct-ic--tradingRules { background-image: url('./assets/img/tradingRules_d.svg'); }
.cu-header--dark .cu-header__acct-ic--settings { background-image: url('./assets/img/settings_l.svg'); }
.cu-header--light .cu-header__acct-ic--settings { background-image: url('./assets/img/settings_d.svg'); }
.cu-header--dark .cu-header__acct-ic--logout { background-image: url('./assets/img/logout_l.svg'); }
.cu-header--light .cu-header__acct-ic--logout { background-image: url('./assets/img/logout_d.svg'); }
/* 分隔线（= 原 .lin 空 div；此处补一条细线更清晰） */
.cu-header__acct-divider { height: 1px; margin: 8px 20px; background: rgba(151, 151, 151, 0.2); }

/* ==== HK-IP 提示弹窗（复刻 Pop/HKIpModal.vue；始终暗色面板，与主题无关） ==== */
.cu-header__hkip { position: fixed; inset: 0; z-index: 9999; }
.cu-header__hkip-mask { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.5); }
.cu-header__hkip-panel {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 450px;
  transform: translate(-50%, -50%);
  background-color: #16202a;
  border-radius: 4px;
  padding: 40px;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .cu-header__hkip-panel { width: calc(100% - 32px); padding: 24px; }
}
.cu-header__hkip-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 28px; }
.cu-header__hkip-text { color: #fff; font-size: 14px; line-height: 1.57; font-weight: 400; margin-bottom: 28px; }
.cu-header__hkip-actions { display: flex; flex-direction: column; gap: 12px; }
.cu-header__hkip-btn {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29;
}
.cu-header__hkip-btn:active { transform: translateY(0.5px); }
.cu-header__hkip-btn--primary { background: #ed8b18; color: #fff; }
.cu-header__hkip-btn--primary:hover { filter: brightness(1.05); }
.cu-header__hkip-btn--ghost { background: transparent; color: #ed8b18; }
.cu-header__hkip-btn--ghost:hover { background: rgba(255, 255, 255, 0.06); }

/* 主题切换（= 原 .subject/.theme_log：20px 月牙 svg，hover 橙）。≤850 隐藏（抽屉主题项接管）。 */
.cu-header__theme {
  display: inline-flex;
  margin-inline-start: 23px;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
}
.cu-header__theme svg { width: 21px; height: 20px; }
.cu-header__theme svg path { fill: currentColor; }
.cu-header__theme:hover svg path { fill: #ed8b18; }

/* ==== 汉堡按钮 + 窄屏侧栏抽屉（复刻 side-pop.vue 活动内容） ==== */
/* 汉堡：默认隐藏，≤850（桌面导航隐藏处）露出 */
.cu-header__hamburger {
  display: none;
  margin-inline-start: 23px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
}
.cu-header__hamburger svg { width: 20px; height: 20px; }
.cu-header__hamburger svg path { fill: currentColor; }
.cu-header__hamburger:hover svg path { fill: #ed8b18; }
@media (max-width: 850px) { .cu-header__hamburger { display: inline-flex; } }  /* 旧浏览器回退 */
/* 状态感知汉堡出现。⚠️ 登入态汉堡在 ≤1550 就出，与地球（.cu-header__right--in .cu-header__sel）收起同断点
   —— 否则 1440–1550 区间地球已收、汉堡未出，语言/货币/格式无入口（ISS-020）。未登入地球 ≤1100 收、汉堡 ≤1100 出。
   ⚠️ 用**纯后代选择器**（非 :has）：汉堡就在 .cu-header__right 内、--in/--out 类在其上，故无需 :has，且旧浏览器
   （无 :has：Firefox ESR/旧 Chrome/旧 Safari）也生效 —— 与地球收起（同为纯后代选择器）对称，堵住旧浏览器
   「地球收了、汉堡没出、设置无入口」的窟窿。（.cu-header__nav 在 .cu-header__right 外，才需 :has。） */
@media (max-width: 1550px) {
  .cu-header__right--in .cu-header__hamburger { display: inline-flex; }
}
@media (max-width: 1100px) {
  .cu-header__right--out .cu-header__hamburger { display: inline-flex; }
}

/* 抽屉根 + 遮罩（= 原 .pop-side + .meng） */
.cu-header__sidepop { position: fixed; inset: 0; z-index: 200; display: flex; justify-content: flex-end; }
.cu-header__sidepop-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.09); }  /* = 原 .meng */

/* 右侧抽屉卡片（= 原 .side：88% / max 472 / min 320 / 从右滑入 / 暗底） */
.cu-header__sidepop-panel {
  position: relative;
  width: 88%;
  max-width: 472px;
  min-width: 320px;
  height: 100%;
  padding: 66px 0 40px;
  box-sizing: border-box;
  background: #000;
  color: #fff;
  /* rtl-css-1：panel 本身不滚动，滚动交给内层 .cu-header__sidepop-body。否则 sub-page（absolute
     inset:0）会随 panel 内容一起滚 → 登录态 panel 较长、用户滚到底点 setrow 时 sub-page 会错位
     （返回/搜索被裁到 fold 之上、底部漏出底层内容）。panel 不滚 → sub-page 恒定覆盖可视区。 */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: cu-header-slide-in 0.24s ease-out;  /* ISS-033：原 1s 太长，滑入途中点 Download 会撳中底层遮罩（= close）而非 nav；收到 .24s 令 miss 窗口忽略不计。 */
}
/* 内层滚动容器（sub-page 打开时由 inert 停用；panel 不滚，故 sub-page 恒覆盖）。 */
.cu-header__sidepop-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; transition: transform 0.24s ease-out, opacity 0.24s ease-out; }
/* ISS-059：抽屉主滚动区的 scrollbar 跟 design guideline（原为浏览器 default），抄 sel-list 4px。 */
.cu-header__sidepop-body::-webkit-scrollbar { width: 4px; }
.cu-header__sidepop-body::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.21); border-radius: 6px; }
.cu-header__sidepop--light .cu-header__sidepop-body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.21); }
/* ISS-054：sub-page 滑入时底层主菜单后退 + 变暗，做出 Z 轴层叠 / 视差深度（@N）。 */
.cu-header__sidepop-body--under { transform: translateX(-14%); opacity: 0.35; }
[dir='rtl'] .cu-header__sidepop-body--under { transform: translateX(14%); }
@media (prefers-reduced-motion: reduce) {
  .cu-header__sidepop-body { transition: none; }
  .cu-header__sidepop-body--under { transform: none; opacity: 0.35; }
}
.cu-header__sidepop--light .cu-header__sidepop-panel { background: #fff; color: #000; }
@keyframes cu-header-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
/* RTL：抽屉锚定左侧 + 从左滑入（dir 由 SidePop 自渲染在根上，激活以下选择器） */
.cu-header__sidepop[dir='rtl'] { justify-content: flex-start; }
.cu-header__sidepop[dir='rtl'] .cu-header__sidepop-panel,
[dir='rtl'] .cu-header__sidepop-panel { animation-name: cu-header-slide-in-rtl; }
@keyframes cu-header-slide-in-rtl { from { transform: translateX(-100%); } to { transform: translateX(0); } }

/* 关闭 ×（= 原右上 path 图标；CSS 画，随主题 currentColor） */
.cu-header__sidepop-close {
  position: absolute;
  top: 24px;
  inset-inline-end: 24px;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  z-index: 2;  /* 保持在 sub-page（z-index:1）之上，sub-page 态仍可关抽屉 */
}
.cu-header__sidepop-close::before,
.cu-header__sidepop-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
}
.cu-header__sidepop-close::before { transform: rotate(45deg); }
.cu-header__sidepop-close::after { transform: rotate(-45deg); }

/* 游客 10s 徽章（= 原 .register-trade-content） */
.cu-header__sidepop-regbadge {
  display: flex;
  width: fit-content;
  align-items: center;
  height: 24px;
  margin: 10px auto;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  color: #ed8b18;
  border-radius: 2px;
  border: 1px solid rgba(237, 139, 24, 0.35);
  background-color: rgba(237, 139, 24, 0.12);
  white-space: nowrap;
  text-decoration: none;
}
.cu-header__sidepop-regbadge:hover { background-color: rgba(237, 139, 24, 0.2); }

/* 导航项（= 原 .linkItem：高 42 / 14px / inset-start 16 / hover 橙） */
.cu-header__sidepop-nav { display: flex; flex-direction: column; }
.cu-header__sidepop-item {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: transparent;
  font-family: inherit;
  text-align: start;
}
.cu-header__sidepop-item:hover { color: #ef8e19; }
/* 注册项：橙底按钮（= 原 .register） */
.cu-header__sidepop-item--reg {
  justify-content: center;
  width: 90%;
  height: 40px;
  min-height: 40px;
  font-size: 16px;
  margin: 18px auto 16px;
  padding: 0;
  border-radius: 5px;
  background-color: #ef8e19;
  color: #fff;
}
.cu-header__sidepop-item--reg:hover { color: #fff; background-color: #fca43c; }
/* 抽屉 Log In（= 原 .login：居中 16px 高 40） */
.cu-header__sidepop-item--login { justify-content: center; font-size: 16px; height: 40px; min-height: 40px; }

/* 抽屉设置三段（语言 / 货币 / 数字格式）：窄屏 top-bar 地球收起后的唯一入口（ISS-015/019/021）。 */
/* 抽屉设置（KuCoin 式，ISS-029/030/027/045/046）：full 三行收合→sub-page；minimal 语言展开填满。 */
.cu-header__sidepop-settings { display: flex; flex-direction: column; margin-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.cu-header__sidepop--light .cu-header__sidepop-settings { border-top-color: rgba(0, 0, 0, 0.08); }
.cu-header__sidepop-sec { padding: 12px 16px 4px; }
.cu-header__sidepop-sec--fill { display: flex; flex-direction: column; }
.cu-header__sidepop-sec-title { margin: 0 0 8px; font-size: 12px; font-weight: 600; opacity: 0.55; }

/* 收合行（full）：label + 当前值 + chevron */
.cu-header__sidepop-setrow {
  display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 0 16px;
  border: none; background: transparent; color: inherit; font-family: inherit; font-size: 14px; text-align: start; cursor: pointer;
}
.cu-header__sidepop-setrow:hover { background: rgba(255, 255, 255, 0.05); }
.cu-header__sidepop--light .cu-header__sidepop-setrow:hover { background: rgba(0, 0, 0, 0.04); }
/* ISS-055：三行收合的当前值由橙改 CU 灰（#9EA0A9），橙色太抢眼（@N）。 */
.cu-header__sidepop-setrow-val { display: flex; align-items: center; gap: 6px; font-weight: 600; color: #9ea0a9; }
.cu-header__sidepop-setrow-chev {
  width: 7px; height: 7px; flex-shrink: 0; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor;
  transform: rotate(-45deg); opacity: 0.75;
}
[dir='rtl'] .cu-header__sidepop-setrow-chev { transform: rotate(45deg); }  /* rtl-css-2：border-inline-end 已随 RTL 翻转，只需 LTR(-45)+90=45 指向 inline-end；原 135 会指向上 */

/* 搜索框 wrapper（对齐 desktop sel-search：icon + input + clear，ISS-045/046） */
.cu-header__sidepop-search {
  /* ISS-053：抽屉搜索框在高挑的语言/货币 list 里显得又矮又淡。加高到 46 + 实心填底（对齐 desktop
     sel-search 那种实心 pill 观感），令它有份量、不再单薄。 */
  display: flex; align-items: center; gap: 8px; height: 46px; margin: 4px 16px 10px; padding: 0 12px; box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 8px; background: rgba(255, 255, 255, 0.08);
}
.cu-header__sidepop--light .cu-header__sidepop-search { border-color: rgba(0, 0, 0, 0.16); background: rgba(0, 0, 0, 0.05); }
.cu-header__sidepop-search:focus-within { border-color: #ef8e19; }
.cu-header__sidepop-search-icon { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.6; background: url('./assets/img/search.svg') no-repeat center / contain; }
.cu-header__sidepop-search-input { flex: 1; min-width: 0; border: none; background: transparent; color: inherit; font: inherit; font-size: 13px; outline: none; }
.cu-header__sidepop-search-clear { flex-shrink: 0; width: 14px; height: 14px; padding: 0; border: none; cursor: pointer; font-size: 0; background: url('./assets/img/clearSearch1.webp') no-repeat center / contain; }

/* 列表（sub-page / minimal 展开共用；单一滚动 + 自定义 scrollbar，抄 sel-list，ISS-027） */
.cu-header__sidepop-sublist { list-style: none; margin: 0; padding: 0 6px; overflow-y: auto; flex: 1 1 auto; }
.cu-header__sidepop-sublist--inline { max-height: none; }
.cu-header__sidepop-sublist::-webkit-scrollbar { width: 4px; }
.cu-header__sidepop-sublist::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.21); border-radius: 6px; }
.cu-header__sidepop--light .cu-header__sidepop-sublist::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.21); }
.cu-header__sidepop-subrow {
  display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 42px; padding: 0 10px;
  border: none; background: transparent; color: inherit; font-family: inherit; font-size: 14px; text-align: start; cursor: pointer; border-radius: 8px;
}
.cu-header__sidepop-subrow:hover { color: #ef8e19; }
.cu-header__sidepop-subrow--on { color: #ef8e19; font-weight: 600; }
.cu-header__sidepop-subrow--disabled { opacity: 0.4; cursor: not-allowed; }
.cu-header__sidepop-subrow-check { width: 11px; height: 10px; flex-shrink: 0; background: url('./assets/img/colorChangeTrue.svg') no-repeat center / contain; }

/* sub-page（绝对覆盖 panel，从 inline-end 滑入；RTL 从 inline-start）。close X 保持在其上可关抽屉。 */
.cu-header__sidepop-subpage {
  position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; box-sizing: border-box;
  padding: 16px 0 24px; background: #000; animation: cu-header-subpage-in 0.24s ease-out;
}
.cu-header__sidepop--light .cu-header__sidepop-subpage { background: #fff; }
@keyframes cu-header-subpage-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
[dir='rtl'] .cu-header__sidepop-subpage { animation-name: cu-header-subpage-in-rtl; }
@keyframes cu-header-subpage-in-rtl { from { transform: translateX(-100%); } to { transform: translateX(0); } }
.cu-header__sidepop-subhead { display: flex; align-items: center; gap: 6px; padding: 0 16px 12px; }
.cu-header__sidepop-subback { width: 30px; height: 30px; flex-shrink: 0; padding: 0; border: none; background: transparent; color: inherit; cursor: pointer; position: relative; }
.cu-header__sidepop-subback::before {
  content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px;
  border-inline-start: 2px solid currentColor; border-block-start: 2px solid currentColor; transform: translate(-30%, -50%) rotate(-45deg);
}
[dir='rtl'] .cu-header__sidepop-subback::before { transform: translate(-70%, -50%) rotate(45deg); }  /* rtl-css-3：同上，border 已翻转，rotate 135→45 令 RTL 箭嘴指向 inline-end */
.cu-header__sidepop-subtitle { font-size: 15px; font-weight: 700; }

/* 骨架屏 + 空状态（ISS-031/039） */
.cu-header__sidepop-sk-row { display: flex; align-items: center; min-height: 42px; padding: 0 10px; }
.cu-header__sidepop-sk-row .cu-header__sk { height: 14px; border-radius: 4px; }
.cu-header__sidepop-subempty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; color: #9ea0a9; font-size: 12px; }
.cu-header__sidepop-subempty-icon { display: block; width: 40px; height: 40px; margin-bottom: 10px; background: url('./assets/img/no_search_results.webp') no-repeat center / contain; }

/* 抽屉帐户区（登录态；仅 ≤768 显示 —— 此宽度 top-bar 头像收起，头像菜单收进抽屉，ISS-024） */
.cu-header__sidepop-account { display: none; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.cu-header__sidepop--light .cu-header__sidepop-account { border-top-color: rgba(0, 0, 0, 0.08); }
.cu-header__sidepop-acct-head { display: flex; align-items: center; gap: 8px; padding: 6px 16px 4px; }
.cu-header__sidepop-acct-name { font-size: 14px; font-weight: 600; }
.cu-header__sidepop-acct-vip { font-size: 11px; color: #ef8e19; border: 1px solid rgba(237, 139, 24, 0.4); border-radius: 3px; padding: 0 5px; }
/* ISS-050：Log Out 是破坏性操作，加分隔线 + 间距与上面 nav 隔开，避免误撳。 */
.cu-header__sidepop-logout { color: #ef8e19; margin-top: 8px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.cu-header__sidepop--light .cu-header__sidepop-logout { border-top-color: rgba(0, 0, 0, 0.08); }
@media (max-width: 768px) {
  .cu-header__sidepop-account { display: block; }
  .cu-header__acct { display: none; }  /* top-bar 头像 ≤768 收起，改由抽屉帐户区进入 */
}

/* 支付图标行（= 原抽屉底 .pay-box；复用 pay 图标类） */
.cu-header__sidepop-pay { display: none; align-items: center; justify-content: center; gap: 10px; padding-inline: 15px; margin-top: 20px; }
/* ISS-034：top-bar 支付图标 ≤1100 收起（:139），抽屉在同一断点补出，消除 441-1100 的空窗。 */
@media (max-width: 1100px) { .cu-header__sidepop-pay { display: flex; } }