.orders-page.data-v-9fa5d3ab { padding-bottom: 120rpx;
}
.nav-placeholder.data-v-9fa5d3ab { width: 32px;
}
.btn-mt.data-v-9fa5d3ab { margin-top: 10px;
}
.orders-hero.data-v-9fa5d3ab {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #dcefe3;
  border-radius: 14px;
  background: linear-gradient(135deg, #f3fff7 0%, #ecfbf3 100%);
}
.hero-title.data-v-9fa5d3ab { font-size: 16px; font-weight: 700; color: #166534;
}
.hero-sub.data-v-9fa5d3ab { margin-top: 4px; font-size: 12px; color: #4b5563; line-height: 1.45;
}
.orders-nav.data-v-9fa5d3ab {
  padding: 14px 16px;
  display: flex; align-items: center; justify-content: space-between;
  position: sticky; top: 0; z-index: 10;
}
.nav-back.data-v-9fa5d3ab { font-size: 20px; color: #fff;
}
.nav-title.data-v-9fa5d3ab { font-size: 18px; font-weight: 700; color: #fff;
}
.order-item.data-v-9fa5d3ab { background: #fff; margin-bottom: 12px; border-radius: 14px; padding: 16px; border: 1px solid #e8edf4; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}
.order-head.data-v-9fa5d3ab { display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.order-title.data-v-9fa5d3ab { font-size: 15px; font-weight: 700; color: #1f2937; margin-bottom: 6px;
}
.order-desc.data-v-9fa5d3ab { font-size: 13px; color: #6b7280; margin-bottom: 10px; display: flex; align-items: center; gap: 6px;
}
.desc-icon.data-v-9fa5d3ab {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: #eef2f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.order-footer.data-v-9fa5d3ab { display: flex; justify-content: space-between; align-items: center;
}
.order-time.data-v-9fa5d3ab { font-size: 12px; color: #94a3b8; display: inline-flex; align-items: center; gap: 4px;
}
.action-btns.data-v-9fa5d3ab { display: flex; gap: 8px; margin-top: 10px;
}