/* 我的订单 / 后台管理 共用页面骨架 */
.pl-orders-body, .pl-admin-body {
  margin: 0;
  background: var(--bg, #f6f2e9);
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #2c271f;
  min-height: 100vh;
}

.pl-orders-header, .pl-admin-header {
  background: #fffdf8;
  border-bottom: 1px solid #e2dacb;
  padding: 14px 0;
}
.pl-orders-wrap, .pl-admin-wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.pl-orders-wrap .logo-img { height: 28px; }
.pl-orders-wrap .spacer, .pl-admin-wrap .spacer { flex: 1; }
.pl-orders-wrap a.pl-nav, .pl-admin-wrap a.pl-nav {
  font-size: 13px; font-weight: 550; color: #7d7466; text-decoration: none;
}
.pl-orders-wrap a.pl-nav:hover, .pl-admin-wrap a.pl-nav:hover { color: #17140f; }

.pl-orders-main { max-width: 980px; margin: 26px auto 60px; padding: 0 22px; }

.pl-orders-card {
  background: #fffdf8;
  border: 1px solid #e2dacb;
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 14px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.pl-orders-card:hover { border-color: var(--accent); box-shadow: 0 10px 26px rgba(var(--accent-rgb), 0.08); }
.pl-orders-thumb {
  width: 92px; height: 92px; border-radius: 10px; overflow: hidden; flex: none;
  background: #f6f2e9 center/contain no-repeat; border: 1px solid #efe9dc;
}
.pl-orders-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.pl-orders-info { flex: 1; min-width: 0; }
.pl-orders-no { font-size: 13px; font-weight: 700; letter-spacing: 0.03em; }
.pl-orders-no small { color: #a79d8d; font-weight: 400; margin-left: 8px; }
.pl-orders-summary { font-size: 12.5px; color: #7d7466; margin-top: 5px; }
.pl-orders-time { font-size: 11px; color: #a79d8d; margin-top: 4px; }
.pl-orders-side { text-align: right; flex: none; }
.pl-orders-amount { font-size: 17px; font-weight: 750; }
.pl-orders-amount small { font-size: 11px; color: #a79d8d; font-weight: 400; }
.pl-orders-tags { margin-top: 7px; display: flex; gap: 6px; justify-content: flex-end; }

.pl-preview-grid { display: flex; gap: 12px; flex-wrap: wrap; margin: 4px 0 4px; }
.pl-preview-grid img {
  height: 150px; border-radius: 10px; border: 1px solid #efe9dc; background: #fff;
}