/* v119 · 四个版本“我的”页使用连续同色背景，并在右上角保留对应色系的环球标识。 */
html[data-skin="global-ocean"] body .phone-shell .mine-view {
  background: linear-gradient(180deg, #0a1730 0%, #050d20 34%, #020715 72%, #020715 100%) !important;
}
html[data-skin="jq-emerald"] body .phone-shell .mine-view {
  background: linear-gradient(180deg, #075039 0%, #023326 34%, #001b14 70%, #00110c 100%) !important;
}
html[data-skin="royal-black-gold"] body .phone-shell .mine-view {
  background: linear-gradient(180deg, #1b1007 0%, #0c0703 33%, #030201 70%, #000 100%) !important;
}
html[data-skin="supreme-black-gold"] body .phone-shell .mine-view {
  background: linear-gradient(180deg, #292a2d 0%, #222327 34%, #1e1f23 72%, #1b1c20 100%) !important;
}

html[data-skin] body .phone-shell .mine-view::after {
  background:
    radial-gradient(ellipse at 82% 3%, rgba(235, 202, 122, .09), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 42%, rgba(0,0,0,.16)) !important;
}

html[data-skin] body .phone-shell .mine-hero {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-skin="global-ocean"] body .phone-shell .mine-hero { background: linear-gradient(180deg, rgba(23,45,83,.48), rgba(7,18,43,.14)) !important; }
html[data-skin="jq-emerald"] body .phone-shell .mine-hero { background: linear-gradient(180deg, rgba(21,104,77,.44), rgba(2,48,35,.12)) !important; }
html[data-skin="royal-black-gold"] body .phone-shell .mine-hero { background: linear-gradient(180deg, rgba(67,44,24,.42), rgba(17,10,5,.10)) !important; }
html[data-skin="supreme-black-gold"] body .phone-shell .mine-hero { background: linear-gradient(180deg, rgba(55,56,58,.92), rgba(35,36,40,.34)) !important; }

/* 每一版“我的”背景墙右上角都显示环球标识，色彩跟随当前版本。 */
html[data-skin] body .phone-shell .mine-watermark {
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 5px !important;
  right: -18px !important;
  left: auto !important;
  width: 184px !important;
  height: 184px !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

html[data-skin] body .phone-shell .mine-watermark::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transform: rotate(-7deg) !important;
}

html[data-skin="global-ocean"] body .phone-shell .mine-watermark::before {
  background-image: url("./assets/global-network-v1/global-network-mark-v113.png") !important;
  opacity: .16 !important;
  filter: saturate(.78) brightness(1.16) drop-shadow(3px 8px 15px rgba(0, 8, 28, .38)) !important;
}

html[data-skin="jq-emerald"] body .phone-shell .mine-watermark::before {
  background-image: url("./assets/global-network-v1/global-network-mark-v113.png") !important;
  opacity: .18 !important;
  filter: grayscale(.48) sepia(.58) saturate(1.18) hue-rotate(72deg) brightness(1.18) drop-shadow(3px 8px 15px rgba(0, 10, 6, .40)) !important;
}

html[data-skin="royal-black-gold"] body .phone-shell .mine-watermark::before {
  background-image: url("./assets/global-network-v1/global-network-mark-v113.png") !important;
  opacity: .17 !important;
  filter: grayscale(.72) sepia(.78) saturate(1.42) hue-rotate(350deg) brightness(1.18) drop-shadow(3px 8px 15px rgba(0, 0, 0, .46)) !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-watermark::before {
  background-image: url("./assets/global-network-v1/global-network-mark-v113.png") !important;
  opacity: .15 !important;
  filter: grayscale(.82) sepia(.72) saturate(1.28) hue-rotate(350deg) brightness(1.28) drop-shadow(3px 8px 16px rgba(0, 0, 0, .42)) !important;
}

html[data-skin] body .phone-shell .mine-watermark::after {
  content: none !important;
  display: none !important;
}

html[data-skin] body .phone-shell .mine-page-body {
  background: transparent !important;
}

html[data-skin] body .phone-shell .mine-primary-actions,
html[data-skin] body .phone-shell .mine-menu-panel,
html[data-skin] body .phone-shell .mine-tool-list,
html[data-skin] body .phone-shell .invite-panel,
html[data-skin] body .phone-shell .vip-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-skin] body .phone-shell .mine-primary-actions > button,
html[data-skin] body .phone-shell .mine-primary-actions > button:first-child,
html[data-skin] body .phone-shell .mine-primary-actions > button:last-child,
html[data-skin] body .phone-shell .mine-menu-grid > button,
html[data-skin] body .phone-shell .mine-tool-list > button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-skin] body .phone-shell .mine-primary-actions > button:active,
html[data-skin] body .phone-shell .mine-menu-grid > button:active,
html[data-skin] body .phone-shell .mine-tool-list > button:active {
  background: rgba(255,255,255,.035) !important;
  transform: scale(.985) !important;
}

html[data-skin] body .phone-shell .mine-primary-actions > button:first-child {
  color: #e8c77b !important;
}
html[data-skin] body .phone-shell .mine-primary-actions > button:last-child {
  color: rgba(255,255,255,.88) !important;
}

html[data-skin] body .phone-shell .mine-menu-grid i,
html[data-skin] body .phone-shell .mine-menu-grid button:nth-child(n) i,
html[data-skin] body .phone-shell .mine-tool-list .tool-icon,
html[data-skin] body .phone-shell .mine-tool-list > button > b {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-skin] body .phone-shell :is(.mine-menu-panel,.mine-tool-list,.invite-panel,.vip-card)::before,
html[data-skin] body .phone-shell :is(.mine-menu-panel,.mine-tool-list,.invite-panel,.vip-card)::after {
  display: none !important;
  content: none !important;
}

html[data-skin] body .phone-shell .invite-panel .invite-main,
html[data-skin] body .phone-shell .invite-panel .invite-main::before,
html[data-skin] body .phone-shell .invite-panel .invite-main::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 皮肤文件里部分组件带 .mine-view 高权重，这里最终统一压平。 */
html[data-skin] body .phone-shell .mine-view :is(
  .mine-primary-actions,
  .mine-primary-actions > button,
  .vip-card,
  .mine-menu-panel,
  .mine-menu-grid > button,
  .invite-panel,
  .invite-main,
  .mine-tool-list,
  .mine-tool-list > button
) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* v124 · 至尊黑金背景墙改用真实立体黄金环球 G 标识。 */
html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .mine-watermark {
  top: 0 !important;
  right: -14px !important;
  width: 190px !important;
  height: 190px !important;
}

html[data-skin="supreme-black-gold"] body .phone-shell .mine-view .mine-watermark::before {
  background-image: url("./assets/skins/supreme-black-gold/mine-gold-mark-v124.webp") !important;
  opacity: .48 !important;
  filter:
    saturate(1.08)
    brightness(1.04)
    contrast(1.08)
    drop-shadow(-2px -1px 0 rgba(255, 239, 184, .28))
    drop-shadow(4px 10px 13px rgba(0, 0, 0, .52))
    drop-shadow(0 0 16px rgba(224, 167, 54, .24)) !important;
  transform: rotate(-5deg) scale(.96) !important;
  mix-blend-mode: normal !important;
}