/* ===================== OneTrust Cookie Banner（移动端） ===================== */
/* 视觉：底部浮层卡片（圆角、两侧留白）+ 三个金色药丸按钮纵排 + 按钮右侧半圆装饰
   说明：SDK 注入样式多带 !important 且后加载，覆盖选择器统一 (3,1,0) 特异性
   关键 ID（历代模板稳定）：
   #onetrust-banner-sdk / #onetrust-policy-text /
   #onetrust-pc-btn-handler / #onetrust-reject-all-handler /
   #onetrust-accept-btn-handler / #onetrust-close-btn-container */

/* 展示时机与进场动画（配合 assets/js/components/onetrust-consent.js）：
   初始藏于屏幕下方，loading 结束（roco:loading-hidden）后容器加 .is-show 滑入 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat {
  transform: translateY(110%) !important;
  transition: transform .55s cubic-bezier(.1, 0, .23, 1) !important;
  animation: none !important;
}

#onetrust-consent-sdk.is-show #onetrust-banner-sdk.otFlat {
  transform: translateY(0) !important;
}

/* SDK 根容器 fixed 高层级，banner 隐藏后仍会拦截页面点击：
   容器点击穿透，仅可见 UI（banner/设置弹层/悬浮按钮）恢复交互 */
#onetrust-consent-sdk {
  pointer-events: none !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #ot-sdk-btn-floating,
#onetrust-consent-sdk #ot-sync-ntfy {
  pointer-events: auto !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .ot-sdk-container,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .ot-sdk-row,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-group-container,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-button-group-parent {
  box-sizing: border-box !important;
}

/* 浮层卡片：左右下留白、圆角、阴影 */
/* 关闭动画由我方 transform 滑出驱动（onetrust-consent.js 移除 .is-show）：
   SDK 分步写关闭内联（先 opacity:0 淡出、后 display:none），
   需在 opacity:0/visibility:hidden 写入瞬间即屏蔽，否则滑出动画被淡出掩盖 */
#onetrust-consent-sdk #onetrust-banner-sdk[style*="opacity: 0"],
#onetrust-consent-sdk #onetrust-banner-sdk[style*="visibility: hidden"] {
  opacity: 1 !important;
  visibility: visible !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat {
  display: flex !important;
  align-items: stretch !important;
  /* left: .3rem !important;
  right: .3rem !important;
  bottom: .3rem !important; */
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: .56rem .48rem !important;
  border: 0 !important;
  /* border-radius: .24rem !important; */
  background: rgba(39, 39, 39, .98) !important;
  box-shadow: 0 .08rem .32rem rgba(0, 0, 0, .4) !important;
  font-family: inherit !important;
}

/* banner 的直接 flex 子项是 div[role=dialog]，需弹性占位 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat > div[role="dialog"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .ot-sdk-container,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .ot-sdk-row {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 文案区：整行，右侧留位给 × */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-group-container {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  /* padding: 0 .6rem 0 0 !important; */
  padding: 0 0 0 0 !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-policy {
  margin: 0 !important;
}

/* Banner 标题：设计稿无标题，隐藏（SDK 默认 rem 字号会被站点 rem 适配放大成巨字） */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-policy-title,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .banner_title {
  font-size: .36rem !important;
  font-family: "en2" !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-policy-text {
  margin: 0 !important;
  color: #e8e6e3 !important;
  font-size: .28rem !important;
  line-height: .38rem !important;
  font-family: "en1zc" !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-policy-text a {
  color: #f9c150 !important;
  text-decoration: underline !important;
  outline: none !important;
  border: none !important;
}

/* Cookies 政策链接：单独占据一行（设计稿） */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-policy-text .ot-cookie-policy-link {
  display: block !important;
  margin-left: 0;
  color: #ffd041 !important;
  margin-top: .1rem;
}

/* 按钮区：三按钮纵排（SDK 默认 absolute，重置回流） */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-button-group-parent {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: .56rem 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* SDK 媒体查询(426-896px)会给按钮组设 width: calc(100% - 2em)，强制回 100% */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-button-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

/* 三个按钮统一：背景图药丸按钮（图内含右侧半圆装饰）、全宽纵排
   顺序即 DOM 顺序：自定义设置 → 拒绝 → 接受 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-accept-btn-handler {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 1.15rem !important;
  text-transform: uppercase !important;
  /* height: 6vh !important; */
  margin: 0 0 .16rem !important;
  padding: 0 .2rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: "HYYouYuan" !important;
  background: #f9c150 url("/m/assets/images/common/cookie-btn-bg.png") no-repeat center !important;
  background-size: 100% 100% !important;
  color: #2e2306 !important;
  font-size: .42rem !important;
  /* line-height: 1.5rem !important; */
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-accept-btn-handler {
  margin-bottom: 0 !important;
}

/* 自定义设置按钮：文案全大写 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-pc-btn-handler {
  text-transform: uppercase !important;
}

/* 关闭按钮：卡片右上角，自绘白色 ×（SDK 默认 absolute+transform，全量重置） */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-close-btn-container {
  position: absolute !important;
  top: .32rem !important;
  right: .32rem !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: .64rem !important;
  min-width: .64rem !important;
  max-width: .64rem !important;
  height: .64rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler {
  position: relative !important;
  display: block !important;
  width: .64rem !important;
  height: .64rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
  cursor: pointer;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler .close-icon,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler svg {
  display: none !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler::before,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .44rem;
  height: .05rem;
  border-radius: .03rem;
  background: rgba(255, 255, 255, .85);
  transform: translate(-50%, -50%) rotate(45deg);
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* 遮罩规则已迁移至 onetrust-pc.css（默认隐藏，PC 弹窗打开时经 JS 加 .pc-open 恢复） */

/* ===================== 悬浮按钮（Customize Settings）提示标签主题化 ===================== */
/* 按钮图标保持 SDK 原样；仅把 hover 展开的提示标签（黑底大白字）
   改为紧凑描金小胶囊，贴合站点主题 */
#onetrust-consent-sdk #ot-sdk-btn-floating::after {
  max-width: none !important;
  padding: 0 .16rem !important;
  border: 1px solid rgba(249, 193, 80, .55) !important;
  border-radius: 999px !important;
  background: rgba(20, 15, 5, .85) !important;
  color: #f9c150 !important;
  font-size: .2rem !important;
  line-height: .34rem !important;
  white-space: nowrap !important;
  box-shadow: 0 .02rem .1rem rgba(0, 0, 0, .35) !important;
}