/* ============================================
   /portal/assets/css/portal.orders.css
   ============================================ */ 
/* 我的订单入口 */

.portal-orders {
  display: flex;
  align-items: center;
  position: relative;
  left: 12px; /* 你要的“往右移动三个字的距离” */
}

/* 与购物车入口的结构完全一致 */
.portal-orders-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;                 /* 与购物车一致 */
  padding: 6px;             /* 与购物车一致 */
  font-size: 14px;
  font-weight: 600;         /* ✔ 加粗，让视觉重量与购物车图标匹配 */
  color: var(--portal-text-main);
  text-decoration: none;
  border-radius: 8px;
  transition: color .12s ease;
}

/* ⭐ 鼠标移上去字体变蓝（与购物车 hover 行为一致） */
.portal-orders-link:hover {
  color: var(--portal-primary); /* 你的主题蓝色 */
}

/* ⭐ 与购物车保持一致的间距（由父级 gap 控制） */
/* 不需要额外写，portal-user-area 已经有 gap:16px */

.portal-orders-link {
  position: relative;
  left: 12px; /* 你要的“往右移动三个文字间隔”就在这里调 */
}