/* mine page person-list fix - ENHANCED VERSION 20260614170054 */
/* 强制使用纯黑色背景，防止父容器背景图透过 */

/* person 容器本身 - 确保背景不透出 */
html body .person {
  isolation: isolate !important;
}

/* person-list 容器：纯黑色背景，隔离父容器背景图 */
html body .person .person-list,
.person .person-list {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  padding: 0.1rem 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* person-list-p 每个菜单项：纯黑色背景 + 金色边框 */
html body .person .person-list-p,
html body .person .person-list .person-list-p,
.person .person-list-p,
.person .person-list .person-list-p,
.person .person-list-p[data-v-62530c80],
.person-list-p[data-v-62530c80] {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  border: 1px solid rgba(217,164,65,0.8) !important;
  border-left: 3px solid rgba(217,164,65,1) !important;
  border-radius: 0.24rem !important;
  margin: 0.18rem 0.22rem !important;
  transform: none !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
}

/* person-list-p 内部文字颜色 */
html body .person .person-list-p *,
.person .person-list-p * {
  color: #f8e6b8 !important;
}


/* 父容器防溢出 */
html body .person .topContent,
.person .topContent {
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.actionList1,
html body .person .topContent .actionList1,
.person .topContent .actionList1 {
  transform: none !important;
  -webkit-transform: none !important;
  left: auto !important;
  position: relative !important;
  margin-top: 0.3rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /* 自适应宽度：父容器宽度减去两侧各 0.3rem 边距 */
  width: calc(100% - 0.6rem) !important;
  max-width: 9.4rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 0.2rem 0.3rem !important;
  background-image: none !important;
  background: #050301 !important;
  background-color: #050301 !important;
  border: 1px solid rgba(217,164,65,0.5) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
  overflow: hidden !important;
}

.actionList1 .actionicon1 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 1 !important;
}

.actionList1 .actionicon1 img {
  transform: none !important;
  -webkit-transform: none !important;
  filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.2) !important;
  -webkit-filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.2) !important;
}

.actionList1 .actionicon1 .title {
  color: rgba(217,164,65,0.9) !important;
  font-size: 0.32rem !important;
  margin-top: 0.1rem !important;
}

/* ===== 功能图标区域 黑金风格 ===== */
.topContent .actionList {
  background: linear-gradient(135deg, #1e1608 0%, #120e04 100%) !important;
  border: 1px solid rgba(217,164,65,0.4) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
  height: auto !important;
  min-height: 1.6rem !important;
  padding: 0.2rem 0 !important;
}

.topContent .actionList .actionicon img {
  background: #050301 !important;
  background-color: #050301 !important;
  border: 1.5px solid rgba(217,164,65,0.6) !important;
  border-radius: 50% !important;
  padding: 0.15rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5), 0 0 6px rgba(217,164,65,0.2) !important;
  box-sizing: content-box !important;
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(0.6) !important;
}

.topContent .actionList .actionicon .title {
  color: rgba(217,164,65,0.9) !important;
}

/* ===== 顶部背景 黑金风格 ===== */
.topContent .topArea {
  background: linear-gradient(180deg, #1a1208 0%, #0d0a04 60%, #0a0804 100%) !important;
}

/* ===== 账户总资产 黑金风格 ===== */
.topAmount {
  background: linear-gradient(135deg, #1e1608 0%, #120e04 100%) !important;
  border: 1px solid rgba(217,164,65,0.5) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}

.topAmount .AmountLeft .AmountName {
  color: rgba(217,164,65,0.85) !important;
}

.topAmount .AmountRight .AmountMoney {
  color: #f0c860 !important;
  font-weight: bold !important;
}

/* ===== signature 文字修复 ===== */
.topContent .topArea .part1 .signature {
  transform: none !important;
  -webkit-transform: none !important;
  margin-top: 0 !important;
  color: rgba(217,164,65,0.7) !important;
}

/* ===== 整体页面背景 ===== */
.person {
  background: #0a0804 !important;
}

/* ===== 菜单列表图标金色化 ===== */
html body .person .person-list-p img,
.person .person-list-p img,
.person-list-p img {
  filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.1) !important;
  -webkit-filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.1) !important;
}

/* ===== 账户总资产 黑金风格 + 对齐修复 ===== */
.topAmount,
html body .person .topContent .topAmount {
  background: linear-gradient(135deg, #0d0a04 0%, #050301 100%) !important;
  border: 1px solid rgba(217,164,65,0.5) !important;
  border-radius: 0.26rem !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
  /* 与 actionList1 宽度对齐 */
  width: calc(100% - 0.6rem) !important;
  max-width: 9.4rem !important;
  box-sizing: border-box !important;
  margin: 0.2rem auto 0 !important;
  position: relative !important;
  height: auto !important;
  min-height: 1.1rem !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.2rem 0.4rem !important;
}
.topAmount .AmountLeft {
  display: flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  height: auto !important;
  line-height: normal !important;
}
.topAmount .AmountLeft img {
  position: static !important;
  margin-top: 0 !important;
  margin-right: 0.12rem !important;
}
.topAmount .AmountLeft .AmountName {
  color: rgba(217,164,65,0.85) !important;
  font-size: 0.32rem !important;
  line-height: normal !important;
}
.topAmount .AmountRight {
  display: flex !important;
  align-items: center !important;
  margin-top: 0 !important;
}
.topAmount .AmountRight .AmountMoney {
  color: #f0c860 !important;
  font-weight: bold !important;
  font-size: 0.42rem !important;
  line-height: normal !important;
}
.topAmount .AmountRight img {
  margin-left: 0.16rem !important;
  margin-top: 0 !important;
}

/* 确保父容器不裁切 */
html body .person .topContent {
  overflow: visible !important;
}

/* === actionList1 FINAL v28 === */
html body .person .topContent .actionList1[data-v-62530c80],
html body .person .topContent .actionList1,
.person .topContent .actionList1,
.actionList1[data-v-62530c80],
.actionList1 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  padding: 0 !important;
  margin: 0.22rem auto 0 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  gap: 0 !important;
  width: calc(100% - 0.6rem) !important;
  max-width: 9.4rem !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #1a1208 0%, #0d0a04 50%, #080604 100%) !important;
  background-image: none !important;
  border: 1px solid rgba(217,164,65,0.6) !important;
  border-radius: 0.28rem !important;
  transform: none !important;
  -webkit-transform: none !important;
  left: auto !important;
  position: relative !important;
}
html body .person .topContent .actionList1 .actionicon1[data-v-62530c80],
html body .actionList1 .actionicon1[data-v-62530c80],
html body .actionList1 .actionicon1,
.actionList1 .actionicon1[data-v-62530c80],
.actionList1 .actionicon1 {
  flex: 1 1 50% !important;
  max-width: 50% !important;
  width: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  height: auto !important;
}
html body .actionList1 .actionicon1 .title[data-v-62530c80],
html body .actionList1 .actionicon1 .title,
.actionList1 .actionicon1 .title[data-v-62530c80],
.actionList1 .actionicon1 .title {
  display: none !important;
}
html body .person .topContent .actionList1 .actionicon1 img[data-v-62530c80],
html body .actionList1 .actionicon1 img[data-v-62530c80],
html body .actionList1 .actionicon1 img,
.actionList1 .actionicon1 img[data-v-62530c80],
.actionList1 .actionicon1 img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  filter: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  object-fit: contain !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
}
html body .person .topContent {
  overflow: visible !important;
}