/* ===================== OneTrust Preference Center（Web 端） ===================== */
/* 点击 banner「自定义设置」打开的 Cookie 偏好弹窗
   字号参照 banner：正文 .18rem、按钮 .17rem
   选择器策略：ID 为主 + (2,1,0) 级特异性 + !important（SDK 双ID+important+后加载会抢布局属性） */

/* ---------- 字号正常化 ---------- */
/* SDK .otRelFont 的 font-size:1rem 会被站点 rem 适配放大到 ≈56-75px，
   固定 16px 基准让 SDK 内部 em 单位回正；关键文字再按站点 rem 覆盖 */
#onetrust-consent-sdk #onetrust-pc-sdk {
  font-size: 16px !important;
  color: #e8e6e3 !important;
  outline: none !important;
}

/* 点击时弹窗容器/内容区的 focus outline（#ot-pc-content 带 tabindex=-1） */
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content,
#onetrust-consent-sdk #onetrust-pc-sdk [role="dialog"],
#onetrust-consent-sdk #onetrust-pc-sdk *:focus {
  outline: none !important;
}

/* ---------- 弹窗形态：左侧边栏 ----------
   保持 SDK 原生左侧栏 + ot-slide-in-left 左滑入动画；
   注意：!important 优先级高于 @keyframes 动画，不得覆盖 transform，
   否则 SDK 的滑入动画会被全程压住 */
#onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel {
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* ---------- 头部：logo 换项目 logo（按页面语言） ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
  min-height: 0 !important;
  padding: .24rem .3rem .12rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo {
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  line-height: 0 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo img {
  content: url("/web/assets/images/home/header/icons/new-logo-en.png") !important;
  width: 1.9rem !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

html[lang="ja"] #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo img {
  content: url("/web/assets/images/home/header/icons/new-logo-ja.png") !important;
}

/* 关闭按钮：SDK 默认背景图巨大，自绘白色 × */
#onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler {
  position: relative !important;
  width: .4rem !important;
  min-width: .4rem !important;
  height: .4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
  cursor: pointer;
}

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

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

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

/* ---------- 标题与描述 ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
  margin: 0 0 .16rem !important;
  padding: 0 .3rem !important;
  color: #fff !important;
  font-size: .28rem !important;
  font-family: "en2" !important;
  line-height: 1.35 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc {
  margin: 0 0 .24rem !important;
  padding: 0 .3rem !important;
  color: #e8e6e3 !important;
  font-size: .18rem !important;
  line-height: 1.65 !important;
  font-family: "en1zc";
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a {
  color: #f9c150 !important;
  text-decoration: underline !important;
  outline: none !important;
  border: none !important;
}

/* ---------- 按钮：Allow All / Confirm My Choices，金色药丸（与 web banner 一致） ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler {
  display: block !important;
  /* SDK 内联样式表给按钮 float:left，浮动元素 margin:auto 会被计算为 0
     导致无法居中，必须显式取消浮动 */
  float: none !important;
  width: calc(100% - .6rem) !important;
  height: .5rem !important;
  margin: 0 auto !important;
  padding: 0 .24rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f9c150 !important;
  color: #2e2306 !important;
  font-size: .2rem !important;
  /* font-weight: 600 !important; */
  line-height: .5rem !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer;
  text-transform: uppercase !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
  margin-bottom: .24rem !important;
  
}

/* ---------- 分类区 ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
  margin: 0 0 .16rem !important;
  padding: 0 .3rem !important;
  color: #fff !important;
  font-size: .22rem !important;
  font-family: "en2" !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp {
  padding: 0 .3rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item {
  margin-bottom: .16rem !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: .12rem !important;
  background: rgba(255, 255, 255, .05) !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr {
  display: flex !important;
  align-items: center !important;
  padding: .18rem .2rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: .18rem !important;
  display: flex !important;
  align-items: center !important;
}

/* Always Active 标签 */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active {
  color: #f9c150 !important;
  font-size: .16rem !important;
}

/* 展开/收起 +- 图标 */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus {
  margin-left: .14rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus span {
  background: rgba(255, 255, 255, .85) !important;
}

/* 分类详情（展开区）：深色凹陷层次 + 顶部分隔线 + 渐入下滑入场 */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr {
  color: #b9b4ac !important;
  font-size: .16rem !important;
  line-height: 1.55 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr {
  margin: 0 !important;
  padding: .16rem .2rem .2rem !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 0 0 .12rem .12rem !important;
  background: rgba(0, 0, 0, .25) !important;
  animation: ot-acc-in .28s cubic-bezier(.1, 0, .23, 1) !important;
}

@keyframes ot-acc-in {
  from {
    opacity: 0;
    transform: translateY(-.08rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 描述文字：容器已接管间距，清掉 SDK 的 em padding */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-category-desc {
  margin: 0 !important;
  padding: 0 !important;
}

/* 展开态高亮：标题与 +- 图标变金 */
#onetrust-consent-sdk #onetrust-pc-sdk button[aria-expanded="true"] + .ot-acc-hdr .ot-cat-header {
  color: #f9c150 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk button[aria-expanded="true"] + .ot-acc-hdr .ot-plus-minus span {
  background: #f9c150 !important;
}

/* ---------- toggle 开关：关灰开金 ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
  background: #5a5a5a !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob::before {
  background: #fff !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk input[type="checkbox"]:checked ~ .ot-switch .ot-switch-nob,
#onetrust-consent-sdk #onetrust-pc-sdk input[type="checkbox"]:checked + .ot-switch .ot-switch-nob {
  background: #f9c150 !important;
}

/* ---------- footer ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
  padding: .16rem 0 .24rem !important;
}

/* Powered by OneTrust 区域：隐藏 */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
  display: none !important;
}

/* ---------- 滚动区 ---------- */
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
  overflow-x: hidden !important;
}

/* SDK 的尺寸监听 iframe 宽 1600px 会撑出横向滚动条 */
#onetrust-consent-sdk #onetrust-pc-sdk iframe.ot-text-resize {
  max-width: 100% !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
  -webkit-overflow-scrolling: touch !important;
  padding-top: .3rem;
}

/* 细滚动条 */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar {
  width: .06rem !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-scrollbar::-webkit-scrollbar-thumb {
  border-radius: .03rem !important;
  background: rgba(255, 255, 255, .25) !important;
}

/* ---------- 遮罩：默认隐藏，PC 弹窗打开时（JS 加 .pc-open）恢复 ---------- */
#onetrust-consent-sdk .onetrust-pc-dark-filter {
  display: none !important;
}

#onetrust-consent-sdk.pc-open .onetrust-pc-dark-filter {
  display: block !important;
}