/* ============================================
   财富管理/积分页面 优化 v1.0
   ============================================ */

/* --- 金币表格 --- */
.gold-table {
  border-radius: var(--r-md) !important;
  font-size: 13px !important;
}

.gold-table.picked {
  color: var(--gold-dark) !important;
}

.gold-table.picked:after {
  border-color: var(--gold) !important;
}

/* --- 消息列表 --- */
.message-list li {
  padding: 14px 16px !important;
  border-bottom: 1px solid #F8FAFC !important;
  transition: background var(--t-fast) !important;
}

.message-list li:hover {
  background: #FAFBFC !important;
}

.message-icon {
  background: var(--gold-bg) !important;
  color: var(--gold-dark) !important;
  border-radius: 50% !important;
}

.message-content h2 {
  font-size: 13px !important;
  color: #334155 !important;
}

.message-content h2 span {
  color: #94A3B8 !important;
}

.message-content p {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.message-content p.comment span {
  background: #F8FAFC !important;
  border-radius: var(--r-sm) !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
}

.message-content .new {
  color: #EF4444 !important;
  font-weight: 600 !important;
}


/* ============================================
   消息通知页面 优化 v1.0
   ============================================ */

.message-list li {
  border-bottom-color: #F1F5F9 !important;
  transition: background var(--t-fast) !important;
  border-radius: var(--r-sm) !important;
}

.message-list li:hover {
  background: #FAFBFC !important;
}

.message-icon {
  background: var(--gold-bg) !important;
  color: var(--gold-dark) !important;
}

.message-content h2 {
  color: #0F172A !important;
  font-weight: 600 !important;
}

.message-content h2 span {
  color: #94A3B8 !important;
}

.message-content p {
  color: #475569 !important;
}

.message-content p.comment span {
  background: #F1F5F9 !important;
  border-radius: var(--r-sm) !important;
}

.message-content .new {
  color: #EF4444 !important;
  font-weight: 600 !important;
}


/* ============================================
   Gold/Message - Mobile (768px)
   ============================================ */
@media screen and (max-width: 768px) {

  .message-list li {
    padding: 12px !important;
  }

  .message-content h2 {
    font-size: 12px !important;
  }

  .message-content p {
    font-size: 13px !important;
  }

  .message-content p.comment span {
    font-size: 12px !important;
    padding: 4px 8px !important;
  }
}