/* ============================================
   UI升级 v6.0 - 移动端"我的"侧边面板
   ============================================ */

/* 整体容器 */
.aside-container {
  z-index: 9999 !important;
}

.aside-container .bar-user-info {
  background: #FAFBFC !important;
  box-shadow: -4px 0 24px rgba(0,0,0,0.08) !important;
}

/* 左侧图标导航栏 */
.aside-bar {
  background: #fff !important;
  box-shadow: -2px 0 12px rgba(0,0,0,0.04) !important;
}

.bar-normal {
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.bar-footer {
  background: #fff !important;
  box-shadow: none !important;
}

/* 导航项 */
.bar-normal > div,
.bar-footer > div {
  padding: 12px 10px !important;
}

.aside-bar > div > div + div {
  border-top: 1px solid #F1F5F9 !important;
}

.bar-item i {
  font-size: 20px !important;
  color: var(--text-secondary) !important;
  transition: color var(--t-fast) !important;
}

.bar-item.active i {
  color: var(--gold-dark) !important;
}

.bar-item:hover i {
  color: var(--gold-dark) !important;
}

/* 收起按钮 */
.bar-top {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  border-radius: var(--r-sm) 0 0 var(--r-sm) !important;
  box-shadow: 0 2px 8px var(--gold-bg-20) !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 16px !important;
}

/* 右侧内容区域 */
.bar-box {
  width: 240px !important;
  padding: 0 4px !important;
}

/* 内容行卡片 */
.bar-user-info-row {
  background: #fff !important;
  border-radius: var(--r-md) !important;
  margin-bottom: 10px !important;
  box-shadow: var(--shadow-xs) !important;
  border: 1px solid var(--border-light) !important;
  overflow: hidden;
}

/* 用户头像区域 */
.bar-user-info-row .user-w-avatar img {
  border-radius: 50% !important;
  border: 2px solid var(--gold-bg-15) !important;
}

.bar-user-info-row .user-w-name {
  font-weight: 600 !important;
  color: var(--text-primary) !important;
}

.bar-user-info-row .user-w-name h2 {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* 用户等级进度条 */
.bar-lv-bar {
  background: linear-gradient(90deg, var(--gold), var(--gold-light)) !important;
  border-radius: var(--r-full) !important;
  height: 4px !important;
}

.bar-user-next-lv::after {
  background: #E2E8F0 !important;
  border-radius: var(--r-full) !important;
  height: 4px !important;
}

/* 金币/积分区域 */
.bar-user-info-row .user-w-gold div {
  background: #FAFBFC !important;
  border-radius: var(--r-sm) !important;
  border: 1px solid var(--border-light) !important;
  transition: all var(--t-fast) !important;
}

.bar-user-info-row .user-w-gold div:hover {
  border-color: var(--gold-bg-20) !important;
  background: var(--gold-bg-03) !important;
}

.bar-user-info-row .user-w-gold div a span {
  background: var(--gold-bg) !important;
  color: var(--gold-dark) !important;
  border-radius: 50% !important;
}

/* 行标题 */
.bar-user-info-row-title > a {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  border-bottom: 1px solid var(--border-light) !important;
  padding: 6px 12px !important;
}

.bar-user-info-row-title > a span:first-child::before {
  background: var(--gold) !important;
  border-radius: 2px !important;
  width: 3px !important;
  height: 12px !important;
  margin-right: 6px !important;
}

/* 认证标签 */
.bar-user-info-row .user-w-rw span.aside-verify {
  background: var(--gold-bg-10) !important;
  color: var(--gold-dark) !important;
  border-radius: var(--r-full) !important;
  font-size: 11px !important;
  padding: 2px 10px !important;
}

/* 签到区域 */
.bar-mission .bar-mission-action {
  color: var(--gold-dark) !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  transition: background var(--t-fast) !important;
  border-radius: var(--r-sm) !important;
}

.bar-mission .bar-mission-action:hover {
  background: var(--gold-bg-03) !important;
}

.bar-mission .bar-mission-action.cur {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: #fff !important;
  border-radius: var(--r-md) !important;
  padding: 10px 12px !important;
}

/* 签到日历 */
.bar-user-info-row .user-w-qd-list-title {
  background: none !important;
}

.bar-mission .user-w-qd-list-title p.picked::after {
  background: var(--gold) !important;
}

/* 任务列表 */
.bar-mission .mission-today-list li {
  border-top-color: var(--border-light) !important;
  padding: 10px 0 !important;
}

/* 私信列表 */
.bar-dmsg-list li {
  border-bottom: 1px solid var(--border-light) !important;
  padding: 12px !important;
  transition: background var(--t-fast) !important;
  border-radius: var(--r-sm) !important;
}

.bar-dmsg-list li:hover {
  background: var(--gold-bg-03) !important;
}

.bar-dmsg-list li .avatar {
  border-radius: 50% !important;
}

.new-dmsg-content .jt {
  background: #F1F5F9 !important;
  border-radius: var(--r-sm) !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.new-dmsg-content .jt::after {
  border-bottom-color: #F1F5F9 !important;
}

/* 私信输入区 */
.bar-user-info .bar-dmsg-write {
  padding: 8px 12px !important;
  font-size: 13px !important;
}

/* 购物车列表 */
.aside-carts-list .aside-carts-item {
  border-radius: var(--r-sm) !important;
  margin-bottom: 8px !important;
  overflow: hidden;
}

.aside-carts-price-left span {
  color: var(--gold-dark) !important;
  font-weight: 600 !important;
  font-family: inherit !important;
}

/* 优惠券 */
.bar-box .shop-coupon-item .stamp {
  border-radius: var(--r-sm) !important;
}

/* 空状态 */
.aside-cart-empty {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  padding: 24px 12px !important;
}

/* 消息红点 */
.bar-mark {
  background: #EF4444 !important;
  border: 2px solid #fff !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}

/* 悬浮提示标签 */
.aside-bar .bar-item-desc {
  background: var(--gold) !important;
  border-radius: var(--r-sm) 0 0 var(--r-sm) !important;
  font-size: 13px !important;
  padding: 8px 44px 8px 12px !important;
  box-shadow: 0 2px 8px var(--gold-bg-20) !important;
}

/* ---- 移动端专属优化 ---- */
@media screen and (max-width: 768px) {

  .aside-bar {
    width: 72px !important;
    background: #fff !important;
    border-right: 1px solid #F1F5F9 !important;
    box-shadow: none !important;
  }

  .aside-container .bar-user-info {
    padding: 8px 0 0 !important;
    background: #FAFBFC !important;
    border-right: none !important;
    border-left: none !important;
  }

  .bar-box {
    width: auto !important;
    padding: 0 8px !important;
  }

  /* 移动端导航项更大的触控区域 */
  .bar-normal > div,
  .bar-footer > div {
    padding: 14px 10px !important;
    min-height: 44px !important;
  }

  .bar-item i {
    font-size: 22px !important;
  }

  /* 移动端导航项文字标签 */
  .aside-bar .bar-item-desc {
    display: none !important;
  }

  /* 内容卡片间距 */
  .bar-user-info-row {
    margin: 0 4px 10px !important;
    border-radius: var(--r-md) !important;
  }

  /* 用户名字体 */
  .bar-user-info-row .user-w-name h2 {
    font-size: 14px !important;
  }

  /* 签到按钮 */
  .bar-mission .bar-mission-action.cur {
    padding: 10px !important;
    font-size: 14px !important;
    text-align: center;
  }
}