/* SF_SITE_REFINEMENT_v35_SYSTEM_POLISH */

/* 底部导航必须始终完整居中，避免旧规则同时设置 left/right 和 translate 造成前两项移出屏幕。 */
.phone-shell .bottom-nav,
.phone-shell:has(.mine-view.active) .bottom-nav {
  left: 50% !important;
  right: auto !important;
  width: min(calc(100vw - 24px), 400px) !important;
  max-width: 400px !important;
  transform: translateX(-50%) !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.phone-shell .bottom-item,
.phone-shell:has(.mine-view.active) .bottom-item {
  min-width: 0 !important;
}

/* 首页及分类页：保持皇家式紧凑密度，但扩大可点击区域并修正竖版游戏图被裁切。 */
.home-category-filters {
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.home-category-filters::-webkit-scrollbar {
  display: none !important;
}

.home-category-filters > button {
  min-width: 96px !important;
  height: 40px !important;
  scroll-snap-align: start !important;
}

.home-category-filters > button img {
  width: auto !important;
  max-width: 80px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

.home-category-card.portrait {
  height: auto !important;
  aspect-ratio: 11 / 14 !important;
  border-radius: 11px !important;
}

.home-category-card.portrait > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 活动列表图片本身已经包含完整标题和说明，隐藏重复覆盖文字，避免标题被截断和叠印。 */
.activity-list {
  gap: 12px !important;
  padding: 6px 12px 96px !important;
}

.activity-card,
.activity-card.gpt-activity {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 7 / 3 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 225, 147, .13) !important;
  border-radius: 17px !important;
  background: #050913 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 12px 25px rgba(0, 5, 19, .24) !important;
}

.activity-card > img,
.activity-card.gpt-activity > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.03) contrast(1.03) brightness(1.01) !important;
}

.activity-card:first-child .activity-copy,
.activity-card.gpt-activity:first-child .activity-copy {
  display: none !important;
}

.activity-card:not(:first-child) .activity-copy,
.activity-card.gpt-activity:not(:first-child) .activity-copy {
  position: absolute !important;
  top: 20px !important;
  right: auto !important;
  bottom: auto !important;
  left: 18px !important;
  z-index: 2 !important;
  width: 50% !important;
  display: grid !important;
  gap: 5px !important;
  text-align: left !important;
  pointer-events: none !important;
}

.activity-card:not(:first-child) .activity-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: -14px -24px -14px -18px !important;
  z-index: -1 !important;
  background: radial-gradient(ellipse at 0 50%, rgba(0, 4, 14, .58), transparent 72%) !important;
}

.activity-card:not(:first-child) .activity-copy small,
.activity-card:not(:first-child) .activity-copy b {
  display: none !important;
}

.activity-card:not(:first-child) .activity-copy strong {
  color: #f8dc88 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.72) !important;
}

.activity-card:not(:first-child) .activity-copy em {
  color: rgba(233, 241, 255, .76) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.70) !important;
}

.activity-header {
  min-height: 58px !important;
  padding: 7px 14px !important;
  border-bottom: 1px solid rgba(255, 226, 151, .08) !important;
  background: linear-gradient(180deg, rgba(8, 25, 55, .94), rgba(5, 17, 39, .76)) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
}

.activity-record-entry {
  min-width: 72px !important;
  height: 32px !important;
  border: 1px solid rgba(255, 225, 147, .14) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(39, 69, 113, .68), rgba(8, 22, 49, .82)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10) !important;
}

/* 我的页：去掉过长空白头图，换成统一蓝金背景，并按皇家信息密度收紧纵向结构。 */
.mine-view {
  background:
    radial-gradient(circle at 82% 5%, rgba(224, 178, 65, .10), transparent 26%),
    linear-gradient(180deg, #06152f 0%, #031027 42%, #010712 100%) !important;
}

.mine-hero {
  min-height: 260px !important;
  height: 260px !important;
  padding-bottom: 18px !important;
  background:
    linear-gradient(180deg, rgba(2, 12, 33, .12), rgba(2, 9, 24, .63)),
    url("./assets/brand/mine-bluegold-aurora-v71.jpg") center 20% / cover no-repeat !important;
  box-shadow: inset 0 -1px rgba(255, 225, 147, .09) !important;
}

.mine-avatar {
  width: 76px !important;
  height: 76px !important;
  border: 1px solid rgba(255, 231, 165, .24) !important;
  box-shadow: 0 11px 28px rgba(0, 7, 25, .34), 0 0 0 6px rgba(255,255,255,.035) !important;
}

.mine-primary-actions {
  margin-top: 11px !important;
}

.vip-card {
  margin-top: 13px !important;
}

.mine-menu-panel {
  margin-top: -5px !important;
}

/* 邀请好友：整张头图铺满，文字置于右侧留白区；分享按钮改为清晰的蓝金玻璃图标。 */
.detail-page[data-generic-layout="invite"] #genericContent {
  display: grid !important;
  gap: 12px !important;
}

.invite-share-hero {
  min-height: 210px !important;
  height: 210px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 226, 151, .13) !important;
  border-radius: 23px !important;
  background: #06142e !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 14px 30px rgba(0, 5, 20, .26) !important;
}

.invite-share-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, transparent 0%, rgba(2, 10, 27, .08) 44%, rgba(2, 10, 27, .84) 100%) !important;
  pointer-events: none !important;
}

.invite-share-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.03) contrast(1.03) brightness(.93) !important;
}

.invite-share-hero > strong {
  position: absolute !important;
  top: 48px !important;
  right: 18px !important;
  left: auto !important;
  z-index: 2 !important;
  width: 46% !important;
  color: #f8dc88 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.64) !important;
}

.invite-share-hero > strong em {
  display: inline !important;
  color: #fff1b0 !important;
  font-size: 24px !important;
  font-style: normal !important;
}

.invite-share-hero > span {
  position: absolute !important;
  right: 18px !important;
  bottom: 24px !important;
  left: auto !important;
  z-index: 2 !important;
  width: 46% !important;
  color: rgba(221, 235, 255, .62) !important;
  font-size: 10px !important;
  text-align: left !important;
}

.invite-share-panel {
  margin-top: 0 !important;
  padding: 15px !important;
  border-radius: 22px !important;
}

.invite-share-panel button {
  min-height: 54px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.07) !important;
}

.invite-share-panel button i {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255, 226, 151, .16) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(39, 80, 137, .84), rgba(8, 29, 65, .94)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 7px 15px rgba(0, 7, 24, .20) !important;
}

.invite-share-panel button i svg {
  fill: none !important;
  stroke: #f8dc88 !important;
  stroke-width: 1.8 !important;
}

.invite-stat-grid {
  gap: 8px !important;
}

.invite-stat-grid article {
  min-height: 68px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(27, 54, 94, .72), rgba(7, 20, 44, .88)) !important;
}

/* 客服弹窗：保留站内工单功能，但把整体密度收紧到参考站的尺寸。 */
.customer-modal:not(.ticket-modal) {
  width: min(calc(100vw - 44px), 350px) !important;
  max-height: min(620px, calc(100vh - 80px)) !important;
  border: 1px solid rgba(255, 226, 151, .15) !important;
  border-radius: 23px !important;
}

.customer-modal:not(.ticket-modal) .customer-head {
  min-height: 122px !important;
  height: 122px !important;
  padding: 20px 17px !important;
}

.customer-modal:not(.ticket-modal) .service-bot {
  right: 8px !important;
  width: 145px !important;
  height: 142px !important;
}

.customer-modal:not(.ticket-modal) .customer-options {
  gap: 8px !important;
  padding: 10px 14px 15px !important;
}

.customer-modal:not(.ticket-modal) .customer-options button {
  min-height: 51px !important;
  height: 51px !important;
  border-radius: 15px !important;
}

.customer-modal:not(.ticket-modal) .customer-options img {
  width: 31px !important;
  height: 31px !important;
}

.customer-modal:not(.ticket-modal) .modal-close {
  bottom: -50px !important;
}

/* v51 · 新活动图为纯背景，恢复统一原生文字与十方品牌层 */
.activity-list .activity-card,
.activity-list .activity-card.gpt-activity {
  aspect-ratio: 1909 / 824 !important;
  border-radius: 14px !important;
}

.activity-list .activity-card > .activity-art {
  object-position: center !important;
  filter: none !important;
}

.activity-list .activity-card:first-child .activity-copy,
.activity-list .activity-card.gpt-activity:first-child .activity-copy,
.activity-list .activity-card:not(:first-child) .activity-copy,
.activity-list .activity-card.gpt-activity:not(:first-child) .activity-copy {
  position: absolute !important;
  z-index: 3 !important;
  top: 56% !important;
  right: auto !important;
  bottom: auto !important;
  left: 17px !important;
  width: 49% !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 0 !important;
  text-align: left !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.activity-list .activity-card .activity-copy::before {
  display: none !important;
  content: none !important;
}

.activity-list .activity-card .activity-copy small {
  display: block !important;
  color: rgba(220,193,130,.75) !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: 1.1px !important;
  line-height: 1.2 !important;
}

.activity-list .activity-card .activity-copy strong {
  margin-top: 4px !important;
  color: #fff7e7 !important;
  font-family: "PingFang SC", "Hiragino Sans GB", sans-serif !important;
  font-size: 21px !important;
  font-weight: 750 !important;
  letter-spacing: .025em !important;
  line-height: 1.12 !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.88) !important;
}

.activity-list .activity-card .activity-copy em {
  margin-top: 5px !important;
  color: rgba(239,231,214,.78) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
}

.activity-list .activity-card .activity-copy > b {
  min-width: 66px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 8px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(231,205,143,.24) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(26,55,105,.64), rgba(7,19,46,.72)) !important;
  color: #f0d489 !important;
  font-size: 8px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 5px 13px rgba(0,0,0,.19) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
}

.activity-list .activity-brand-mark {
  top: 11px !important;
  left: 16px !important;
}

.activity-list .activity-card .activity-brand-mark img {
  width: 23px !important;
  height: 23px !important;
  object-fit: contain !important;
  filter: none !important;
}

@media (max-width: 360px) {
  .activity-list .activity-card:first-child .activity-copy,
  .activity-list .activity-card:not(:first-child) .activity-copy {
    left: 15px !important;
    width: 51% !important;
  }
  .activity-list .activity-card .activity-copy strong { font-size: 19px !important; }
  .activity-list .activity-card .activity-copy em { font-size: 9px !important; }
}

/* v52 · 每日转盘详情也使用真实十方品牌层，不再依赖图片内嵌文字 */
.activity-detail-page .activity-detail-hero > div,
.activity-detail-page.wheel-detail .activity-detail-hero > div {
  display: flex !important;
}

/* v53 · “我的”页下方功能区：整块连续列表，不再把每一项做成独立卡片 */
.mine-menu-panel {
  margin-top: 10px !important;
}

.mine-tool-list {
  gap: 0 !important;
  margin: 13px 15px 0 !important;
  padding: 5px 16px 13px !important;
  overflow: hidden !important;
  border: 1px solid rgba(231, 214, 174, .08) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(155deg, rgba(255,255,255,.042), rgba(4,12,29,.10)),
    rgba(12, 20, 40, .53) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
}

.mine-tool-list > button,
.mine-tool-list > button:first-child,
.mine-tool-list > button:last-child {
  position: relative !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(247, 239, 220, .90) !important;
}

.mine-tool-list > button + button {
  border-top: 1px solid rgba(255,255,255,.065) !important;
}

.mine-tool-list > button:active {
  border-radius: 10px !important;
  background: rgba(35, 62, 108, .26) !important;
  filter: brightness(.94) !important;
}

.mine-tool-list > button > span {
  gap: 11px !important;
  color: rgba(247, 239, 220, .90) !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  letter-spacing: .01em !important;
}

.mine-tool-list .tool-icon,
.mine-tool-list span i {
  width: 23px !important;
  height: 23px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 23px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(220, 201, 154, .76) !important;
  box-shadow: none !important;
}

.mine-tool-list .tool-icon svg,
.mine-tool-list span i svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 1.55 !important;
}

.mine-tool-list > button > em {
  margin-left: auto !important;
  color: rgba(235, 220, 187, .48) !important;
  font-size: 12px !important;
}

.mine-tool-list > button > b {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  margin-left: 9px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(244, 232, 204, .68) !important;
  font-size: 23px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
}

.mine-tool-list .message-badge:not([hidden]) {
  min-width: 18px !important;
  height: 18px !important;
  margin-left: auto !important;
  border-radius: 9px !important;
  background: #d84a43 !important;
  color: #fff !important;
  font-size: 10px !important;
}

/* v53.1 · 与上方邀请卡同宽，箭头统一靠最右 */
.mine-tool-list {
  margin: 13px -14px 0 !important;
}
.mine-tool-list > button > b {
  margin-left: auto !important;
}
.mine-tool-list > button > em + b {
  margin-left: 9px !important;
}
.mine-tool-list > button > em + b {
  margin-left: auto !important;
}

/* v54 · “代理合作”和“代理中心”彻底拆分：本页只展示合作条件与申请进度 */
.detail-page[data-detail="agent-cooperation"] {
  min-height: calc(100vh - 50px) !important;
  padding: 11px 13px 94px !important;
  color: #f4ead2 !important;
  background:
    radial-gradient(circle at 82% 4%, rgba(231, 195, 108, .13), transparent 24%),
    radial-gradient(circle at 5% 41%, rgba(65, 125, 220, .11), transparent 31%),
    linear-gradient(180deg, #071329 0%, #091b3b 45%, #050b18 100%) !important;
}

.agent-cooperation-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 132px;
  padding: 20px 18px;
  overflow: hidden;
  border: 1px solid rgba(239, 210, 142, .14);
  border-radius: 19px;
  background:
    radial-gradient(circle at 88% 9%, rgba(241, 207, 122, .20), transparent 31%),
    linear-gradient(135deg, rgba(35, 79, 146, .79), rgba(7, 22, 54, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 15px 31px rgba(0, 4, 19, .27);
}

.agent-cooperation-hero::after {
  position: absolute;
  right: -30px;
  bottom: -52px;
  width: 164px;
  height: 164px;
  border: 1px solid rgba(239, 210, 142, .10);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 22px rgba(239, 210, 142, .025), 0 0 0 48px rgba(239, 210, 142, .018);
}

.agent-cooperation-mark {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  margin-right: 15px;
  border: 1px solid rgba(243, 216, 149, .21);
  border-radius: 22px;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.20), transparent 36%),
    linear-gradient(145deg, rgba(218, 179, 83, .27), rgba(9, 29, 68, .73));
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 10px 24px rgba(0,4,18,.26);
}

.agent-cooperation-mark svg {
  width: 41px;
  height: 41px;
  fill: none;
  stroke: #f1cf77;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 3px 7px rgba(0,0,0,.28));
}

.agent-cooperation-hero > div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
}

.agent-cooperation-hero small {
  color: rgba(236, 207, 136, .62) !important;
  font-size: 9px;
  letter-spacing: .18em;
}

.agent-cooperation-hero strong {
  color: #f5df9e !important;
  font-size: 27px;
  font-weight: 750;
  letter-spacing: .06em;
  text-shadow: 0 2px 10px rgba(0,0,0,.26);
}

.agent-cooperation-hero p {
  margin: 2px 0 0;
  color: rgba(241, 234, 219, .66) !important;
  font-size: 11px;
}

.agent-qualification-card,
.agent-cooperation-benefits,
.agent-cooperation-conditions {
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 16px;
  background:
    linear-gradient(155deg, rgba(255,255,255,.061), rgba(5,16,40,.54)),
    rgba(8, 24, 55, .38);
  box-shadow: inset 0 1px rgba(255,255,255,.065), 0 11px 25px rgba(0,4,19,.19);
}

.agent-qualification-card {
  padding: 16px 15px 15px;
}

.agent-qualification-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.agent-qualification-card > header > span {
  display: grid;
  gap: 3px;
}

.agent-qualification-card > header small {
  color: rgba(237,229,212,.55) !important;
  font-size: 11px;
}

.agent-qualification-card > header strong {
  color: #f2d27d !important;
  font-size: 17px;
}

.agent-qualification-card > header em {
  padding: 6px 10px;
  border: 1px solid rgba(236, 207, 133, .12);
  border-radius: 12px;
  color: rgba(242, 218, 158, .70) !important;
  background: rgba(234, 196, 100, .075);
  font-size: 11px;
  font-style: normal;
}

.agent-qualification-progress {
  margin-top: 14px;
}

.agent-qualification-progress > span {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.agent-qualification-progress > span strong {
  color: #f2cf72 !important;
  font-family: "DIN Alternate", "SF Pro Display", sans-serif !important;
  font-size: 25px;
}

.agent-qualification-progress > span small {
  color: rgba(236,228,212,.64) !important;
  font-size: 12px;
}

.agent-qualification-progress > div {
  height: 6px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
}

.agent-qualification-progress > div > i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1f65bd, #d8aa45 78%, #f1d37d);
  box-shadow: 0 0 12px rgba(231, 194, 100, .34);
  transition: width .35s ease;
}

.agent-qualification-card > p {
  margin: 11px 0 0;
  color: rgba(231,224,209,.53) !important;
  font-size: 10.5px;
  line-height: 1.6;
}

.agent-cooperation-benefits,
.agent-cooperation-conditions {
  padding: 15px;
}

.agent-cooperation-benefits h2,
.agent-cooperation-conditions h2 {
  margin: 0 0 12px;
  color: #f4ead6 !important;
  font-size: 17px;
  font-weight: 700;
}

.agent-cooperation-benefits > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.agent-cooperation-benefits article {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 67px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.045);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}

.agent-cooperation-benefits article > i {
  color: rgba(235, 201, 116, .55);
  font-family: "DIN Alternate", sans-serif;
  font-size: 16px;
  font-style: normal;
}

.agent-cooperation-benefits article > span {
  display: grid;
  min-width: 0;
  margin-left: 9px;
  gap: 3px;
}

.agent-cooperation-benefits article strong {
  color: rgba(245,237,220,.90) !important;
  font-size: 12px;
  white-space: nowrap;
}

.agent-cooperation-benefits article small {
  overflow: hidden;
  color: rgba(229,222,207,.50) !important;
  font-size: 9.5px;
  line-height: 1.45;
}

.agent-cooperation-conditions dl {
  margin: 0;
}

.agent-cooperation-conditions dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
}

.agent-cooperation-conditions dl > div + div {
  border-top: 1px solid rgba(255,255,255,.055);
}

.agent-cooperation-conditions dt {
  display: flex;
  align-items: center;
  color: rgba(245,237,220,.84);
  font-size: 12.5px;
}

.agent-cooperation-conditions dt > i {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  margin-right: 8px;
  border: 1px solid rgba(235,203,125,.15);
  border-radius: 8px;
  color: #e9c86f;
  background: rgba(235, 195, 96, .07);
  font-size: 10px;
  font-style: normal;
}

.agent-cooperation-conditions dd {
  margin: 0;
  color: rgba(230,223,208,.56);
  font-size: 10.5px;
  text-align: right;
}

.agent-cooperation-apply {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 54px !important;
  margin-top: 14px !important;
  border: 1px solid rgba(239, 211, 141, .17) !important;
  border-radius: 15px !important;
  color: #f1d27f !important;
  background:
    radial-gradient(circle at 25% 0, rgba(255,255,255,.12), transparent 35%),
    linear-gradient(145deg, #173e78, #081c45) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10), 0 10px 24px rgba(0,4,19,.24) !important;
}

.agent-cooperation-apply span {
  color: #f1d27f !important;
  font-size: 14px;
  font-weight: 700;
}

.agent-cooperation-apply small {
  margin-top: 2px;
  color: rgba(234,205,134,.48) !important;
  font-size: 8px;
  letter-spacing: .16em;
}

.agent-cooperation-apply:disabled {
  cursor: default;
  opacity: .58;
}

.agent-cooperation-apply:not(:disabled):active {
  background: linear-gradient(145deg, #0e2d5e, #061634) !important;
  transform: scale(.985);
}

.agent-cooperation-apply.approved {
  border-color: rgba(83, 207, 145, .16) !important;
}

.agent-cooperation-apply.approved span {
  color: #86dfae !important;
}

.agent-cooperation-note {
  margin: 10px 10px 0;
  color: rgba(229,222,207,.45) !important;
  font-size: 10px;
  line-height: 1.55;
  text-align: center;
}

@media (max-width: 360px) {
  .agent-cooperation-hero { min-height: 122px; padding: 17px 14px; }
  .agent-cooperation-mark { width: 58px; height: 58px; flex-basis: 58px; }
  .agent-cooperation-hero strong { font-size: 24px; }
  .agent-cooperation-benefits article { padding: 8px; }
  .agent-cooperation-benefits article > span { margin-left: 7px; }
  .agent-cooperation-benefits article strong { font-size: 11px; }
  .agent-cooperation-conditions dd { max-width: 54%; }
}

/* v55 · 十方品牌背景：左下深海军蓝向右上过渡，右上只保留少量金色光晕 */
:root {
  --sf-brand-bluegold-bg:
    radial-gradient(circle at 92% 4%, rgba(231, 190, 91, .145) 0%, rgba(220, 177, 76, .065) 11%, transparent 28%),
    radial-gradient(ellipse at 68% 23%, rgba(30, 86, 165, .18) 0%, transparent 43%),
    linear-gradient(to top right, #020817 0%, #04112a 31%, #071b3e 60%, #0a2857 82%, #12345f 100%);
  --sf-brand-bluegold-bg-soft:
    radial-gradient(circle at 91% 3%, rgba(231, 190, 91, .11) 0%, rgba(220, 177, 76, .045) 12%, transparent 27%),
    linear-gradient(to top right, #030a1a 0%, #05142f 43%, #08234d 76%, #102f59 100%);
}

html,
body {
  background:
    radial-gradient(circle at 78% 0%, rgba(225, 183, 82, .09), transparent 25%),
    linear-gradient(to top right, #010511 0%, #030b1e 45%, #071b3c 77%, #102b50 100%) !important;
}

.phone-shell,
.phone-shell > .app-view,
.home-view,
.activity-view,
.mine-view,
#detailOverlay {
  background-color: #020817 !important;
  background-image: var(--sf-brand-bluegold-bg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* 清掉旧版黑底和旧图片叠层，避免首页出现黑块或不同色段。 */
.home-view::before {
  opacity: 0 !important;
  background: none !important;
}

.home-view::after,
.mine-view::after {
  background:
    radial-gradient(circle at 92% 5%, rgba(235, 199, 111, .055), transparent 24%),
    linear-gradient(to top right, rgba(0, 5, 17, .18), transparent 57%, rgba(23, 65, 117, .08)) !important;
}

.topbar,
.activity-header,
.detail-topbar {
  border-bottom-color: rgba(232, 202, 129, .08) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(229, 188, 90, .075), transparent 27%),
    linear-gradient(180deg, rgba(5, 20, 48, .96), rgba(5, 18, 43, .76)) !important;
  box-shadow: inset 0 -1px rgba(255,255,255,.025) !important;
}

/* 首页旧规则选择器更重，这里明确压住整条棕金顶栏，只在右上留轻微金光。 */
.phone-shell .home-view .topbar,
.phone-shell .activity-view .activity-header,
#detailOverlay .detail-topbar {
  border-bottom-color: rgba(232, 202, 129, .08) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(232, 193, 99, .085), transparent 25%),
    linear-gradient(180deg, rgba(6, 25, 58, .98), rgba(4, 17, 42, .90)) !important;
  box-shadow:
    inset 0 -1px rgba(255,255,255,.025),
    0 6px 18px rgba(0, 5, 18, .10) !important;
}

/* 所有内页使用同一张连续蓝金底，不再各自切换成皇家黑底或紫黑底。 */
#detailOverlay .detail-page,
#detailOverlay .detail-page.active,
#detailOverlay .detail-page[data-detail="agent"],
#detailOverlay .detail-page[data-detail="agent-performance"],
#detailOverlay .detail-page[data-detail="agent-report"],
#detailOverlay .detail-page[data-detail="agent-intro"],
#detailOverlay .detail-page[data-detail="agent-cooperation"],
#detailOverlay .detail-page[data-generic-layout="task"].active,
#detailOverlay[data-page-layout="task"] .detail-page[data-detail="generic"],
#detailOverlay[data-page-layout="income"] .detail-page[data-detail="generic"] {
  background-color: #020817 !important;
  background-image: var(--sf-brand-bluegold-bg-soft) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

#detailOverlay .generic-content,
#detailOverlay[data-page-layout="task"] .generic-content,
#detailOverlay[data-page-layout="income"] .generic-content {
  background: transparent !important;
}

/* 任务卡保持原布局，只把皇家黑紫卡面换成十方的深蓝玻璃。 */
#detailOverlay[data-page-layout="task"] .task-ticket-summary {
  border-color: rgba(226, 202, 146, .10) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(232, 194, 103, .07), transparent 26%),
    linear-gradient(145deg, rgba(10, 34, 75, .94), rgba(4, 16, 39, .97)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 12px 28px rgba(0, 4, 16, .20) !important;
}

#detailOverlay[data-page-layout="task"] .royal-task-list .jb-task-card {
  border-color: rgba(226, 202, 146, .10) !important;
  background:
    radial-gradient(circle at 94% 2%, rgba(232, 194, 103, .065), transparent 25%),
    linear-gradient(145deg, rgba(9, 31, 70, .96), rgba(3, 14, 35, .98)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 13px 30px rgba(0, 4, 16, .24) !important;
}

#detailOverlay[data-page-layout="task"] .jb-task-card .top_box {
  background:
    radial-gradient(circle at 94% 0%, rgba(231, 191, 97, .045), transparent 28%),
    linear-gradient(180deg, rgba(8, 29, 66, .94), rgba(5, 21, 50, .92)) !important;
}

#detailOverlay[data-page-layout="task"] .jb-task-card .bottom_box,
#detailOverlay[data-page-layout="task"] .jb-task-card .process,
#detailOverlay[data-page-layout="task"] .jb-task-card .btn_box {
  background:
    linear-gradient(180deg, rgba(15, 40, 82, .82), rgba(5, 19, 45, .94)) !important;
}

/* 我的顶部图片保留，但下半段自然衔接同一蓝金背景。 */
.mine-hero {
  background:
    linear-gradient(180deg, rgba(3, 14, 37, .06) 0%, rgba(3, 13, 32, .28) 56%, #04112a 100%),
    url("./assets/brand/mine-bluegold-aurora-v71.jpg") center 20% / cover no-repeat !important;
}

.mine-hero::after {
  background:
    radial-gradient(circle at 90% 8%, rgba(237, 201, 112, .075), transparent 24%),
    linear-gradient(180deg, transparent 56%, rgba(4, 17, 42, .72) 100%) !important;
}

.bottom-nav {
  border-color: rgba(229, 204, 146, .11) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(228, 188, 92, .06), transparent 28%),
    linear-gradient(145deg, rgba(17, 42, 79, .88), rgba(3, 13, 32, .94)) !important;
}