/* 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;
}


/* ===== actionList1 布局修复 - 修复 VIP+邀请好友 偏移问题 ===== */
.actionList1 {
  transform: none !important;
  -webkit-transform: none !important;
  left: auto !important;
  margin-top: 0.3rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 9.2rem !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  padding: 0.2rem 0 !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;
}

.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: drop-shadow(0 0 4px rgba(217,164,65,0.6)) 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(0.9) !important;
  -webkit-filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(0.9) !important;
}
