/* ===================== OneTrust Cookie Banner ===================== */
/* 视觉：深色全宽底条 + 金色药丸按钮，与站点主题一致
   说明：SDK 注入样式优先级高，覆盖必须带 !important
   关键 ID（历代模板稳定）：
   #onetrust-consent-sdk #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）：
   初始藏于屏幕下方，banner 就绪后容器加 .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,
#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 {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 1.23rem !important;
  max-height: none !important;
  padding: .08rem .9rem .08rem .36rem !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: rgba(39, 39, 39, .98) !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

/* banner 的直接 flex 子项是 div[role=dialog]，需弹性占位给 closeBtn 留位 */
#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;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 文案区：basis 0 强制从剩余空间分配，避让按钮区 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-group-container {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 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 {
  /* display: none !important; */
  font-size: .20rem;
  font-family: "en2";
  margin-bottom: .1rem;
}

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

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

/* 按钮区：SDK 默认 absolute 定位，重置回 flex 流（文案区才能收缩避让） */
#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: auto !important;
  margin: 0 0 0 .3rem !important;
  padding: 0 !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-button-group {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

/* 自定义设置 / 拒绝 / 接受：背景图药丸按钮（与 m 端同款，图内含右侧半圆装饰）；
   右侧 padding 多留给装饰区 + overflow:hidden，确保文字不超出按钮 */
#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 {
  flex: 0 0 auto !important;
  width: auto !important;
  height: .48rem !important;
  margin: 0 0 0 .16rem !important;
  padding: 0 .34rem 0 .22rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f9c150 url("/web/assets/images/common/cookie-btn-bg.png") no-repeat center !important;
  background-size: 100% 100% !important;
  color: #2e2306 !important;
  font-size: .15rem !important;
  line-height: .5rem !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  cursor: pointer;
  transition: filter .18s cubic-bezier(.1, 0, .23, 1) !important;
  text-transform: uppercase !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-pc-btn-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-reject-all-handler:hover,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-accept-btn-handler:hover {
  filter: brightness(1.08);
}

/* 关闭按钮：重置为 flex 子项，排在按钮组之后；自绘白色 × */
/* SDK 会移动 closeBtn 的 DOM 位置，用 absolute 相对 banner(fixed) 定位最稳：右侧垂直居中 */
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat #onetrust-close-btn-container {
  position: absolute !important;
  top: 50% !important;
  right: .25rem !important;
  bottom: auto !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: .5rem !important;
  min-width: .5rem !important;
  max-width: .5rem !important;
  height: .5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler {
  position: relative !important;
  width: .36rem !important;
  height: .36rem !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: .24rem;
  height: .03rem;
  border-radius: .02rem;
  background: rgba(255, 255, 255, .75);
  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-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler:hover::before,
#onetrust-consent-sdk #onetrust-banner-sdk.otFlat .onetrust-close-btn-handler:hover::after {
  background: #fff;
}

/* ===================== 悬浮按钮（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;
}

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