/* Cookie Settings modal — Figma 2713:96897
 * 内容区 padding 40、纵向 gap 24；分割线宽 648（左右各缩进 40），不顶满弹窗。
 * Cookie Settings 介绍与 Necessary Cookies 之间无横线。
 */

.CookiesManageModal_panel__37w_G {
  width: 100%;
  max-width: 728px;
  padding: 0;
  overflow: hidden;
  border: none;
  /* Figma 2713:96897 cornerRadius 16；覆盖 Dialog 默认 rounded-sm / 主题 2xl=5px */
  border-radius: 16px !important;
  background: #fff;
  color: #3a3a3a;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  /* 正文默认 Inter；标题单独用 Encode Sans Expanded */
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
}

.CookiesManageModal_content__l598p {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 26px 40px 34px;
  box-sizing: border-box;
}

.CookiesManageModal_topBar__Ru6k4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 29px;
}

.CookiesManageModal_logo__b_Tqv {
  color: #3a3a3a;
}

.CookiesManageModal_close__587o_ {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 29px;
  margin: 0 -6px 0 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #3a3a3a;
  cursor: pointer;
}

.CookiesManageModal_close__587o_:hover {
  background: rgba(0, 0, 0, 0.04);
}

.CookiesManageModal_close__587o_:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookiesManageModal_divider__5tYwG {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #e5e5e5;
}

.CookiesManageModal_intro___sw8s {
  display: flex;
  flex-direction: column;
  gap: 6px;
  /* Figma Frame 835416：介绍区底部 pad 40，再加内容区 gap 24 到 Necessary */
  padding-bottom: 40px;
}

.CookiesManageModal_title__vTyuy {
  margin: 0;
  font-family: var(--font-encode-expanded), "Encode Sans Expanded", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: #3a3a3a !important;
}

.CookiesManageModal_description__XgtSk {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  /* Figma 文字行高 Auto → 13.3125px */
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookiesManageModal_learnMore__ufUuZ {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: color 0.15s ease;
}

.CookiesManageModal_learnMore__ufUuZ:hover {
  color: #3a3a3a;
}

.CookiesManageModal_section__SDvFO {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}

.CookiesManageModal_sectionHead__F1Joi {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.CookiesManageModal_sectionCopy__mREmb {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.CookiesManageModal_sectionTitle__awaYy {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  /* Figma 文字行高 Auto → ~16.94px */
  line-height: 16.94px;
  color: #3a3a3a;
}

.CookiesManageModal_sectionDesc__VBEQH {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookiesManageModal_alwaysActive__Zxp3V {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: 1px solid #ff631b;
  border-radius: 16px;
  background: #fff;
  color: #3a3a3a;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.CookiesManageModal_switch__gkYwS {
  position: relative;
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
  margin-top: 2px;
  padding: 0;
  border: none;
  border-radius: 100px;
  background: #d1d5db;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.CookiesManageModal_switchOn__y6X4W {
  background: #ff631b;
}

.CookiesManageModal_switch__gkYwS:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookiesManageModal_switchThumb__njHPq {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: transform 0.18s ease;
}

.CookiesManageModal_switchOn__y6X4W .CookiesManageModal_switchThumb__njHPq {
  transform: translateX(16px);
}

.CookiesManageModal_footer__F_C7P {
  display: flex;
  justify-content: center;
}

.CookiesManageModal_save__FZz_c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  max-width: 100%;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  background: #ff631b;
  color: #fff;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.CookiesManageModal_save__FZz_c:hover {
  background: #f05712;
}

.CookiesManageModal_save__FZz_c:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

@media (max-width: 639.98px) {
  /* 与 PC 同结构：只适配宽度/高度，不改按钮与分区排版 */
  .CookiesManageModal_panel__37w_G {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
  }

  .CookiesManageModal_content__l598p {
    padding: 20px 20px 28px;
  }
}

/* Cookie banner — Figma 2592:138670（PC 未登录右下角浮层） */

.CookieBanner_banner__L1AMQ {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 170;
  box-sizing: border-box;
  width: min(455px, calc(100vw - 32px));
  padding: 16px;
  border: none;
  border-radius: 16px;
  /* 浅色毛玻璃：避免纯黑 4% + 强模糊显得发灰发深 */
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  color: #3a3a3a;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
}

.CookieBanner_header__dlC_d {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.CookieBanner_title__u7ILZ {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  /* Figma 文字行高 Auto → ~16.94px */
  line-height: 16.94px;
  color: #3a3a3a;
}

.CookieBanner_body__0_eCZ {
  margin: 10px 0 0;
  padding: 0 14px 0 1px;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  /* Figma 文字行高 Auto → 13.3125px */
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookieBanner_body__0_eCZ p {
  margin: 0;
}

.CookieBanner_body__0_eCZ p + p {
  margin-top: 0.35em;
}

.CookieBanner_link__UIzdV {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: color 0.15s ease;
}

.CookieBanner_link__UIzdV:hover {
  color: #3a3a3a;
}

.CookieBanner_actions__ZCV63 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.CookieBanner_btn__LnOnU {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.CookieBanner_btn__LnOnU:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookieBanner_btnManage__9KWox {
  background: #fff;
  color: #3a3a3a;
}

.CookieBanner_btnManage__9KWox:hover {
  background: #f3f4f6;
}

.CookieBanner_btnAccept__3qczH {
  background: #ff631b;
  color: #fff;
}

.CookieBanner_btnAccept__3qczH:hover {
  background: #f05712;
}

@media (max-width: 639.98px) {
  /* 与 PC 同 UI：仅收窄边距与安全区，按钮仍左右排布 */
  .CookieBanner_banner__L1AMQ {
    right: 12px;
    left: 12px;
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    width: auto;
  }
}