/* 方案 3：仅调整顶部导航与“我的订单”上方概览区，订单明细保持现状。 */
:root {
  --dashboard-blue: #2878f0;
  --dashboard-cyan: #29b8e8;
  --dashboard-green: #20ac7a;
  --dashboard-orange: #ff8a2d;
  --dashboard-ink: #20283a;
  --dashboard-muted: #7e889e;
  --dashboard-line: #e5eaf2;
}

.topbar {
  height: 72px;
  padding: 0 28px;
  border-bottom: 1px solid #e7ebf2;
  background: rgba(255,255,255,.96);
  box-shadow: 0 3px 14px rgba(45,74,115,.06);
}

.brand { gap: 10px; }
.brand-mark {
  width: 36px;
  height: 42px;
  border-radius: 0;
  color: var(--dashboard-blue);
  background: transparent;
  box-shadow: none;
}
.brand-mark svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.brand b { color: #1d2738; font-size: 20px; font-weight: 750; }
.brand small { margin-top: 5px; color: #8a94a7; font-size: 10px; letter-spacing: .08em; }

.main-nav { height: 100%; gap: 18px; }
.nav-item {
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  color: #4f596c;
  font-size: 14px;
  font-weight: 650;
}
.nav-item .nav-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-item.active { color: var(--dashboard-blue); }
.nav-item.active::after { right: 11px; bottom: 0; left: 11px; height: 3px; background: var(--dashboard-blue); }
.nav-item i { display: none; }

.account-menu { gap: 8px; }
.account-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg,#6ea5ff,#4f76e8);
  font-size: 11px;
  font-weight: 750;
  box-shadow: 0 5px 14px rgba(65,113,211,.18);
}
.account-menu > span:not(.account-avatar) { color: #3c465a; font-size: 12px; }

.workspace { width: calc(100% - 48px); padding-top: 24px; background: transparent; }
.page-heading {
  min-height: 64px;
  margin-bottom: 15px;
  padding: 0 2px;
  border-bottom: 0;
  align-items: center;
}
.page-heading .eyebrow,
.page-heading #page-summary { display: none; }
.page-heading h1 { margin: 0; color: var(--dashboard-ink); font-size: 28px; font-weight: 750; letter-spacing: -.04em; }
.new-order {
  height: 42px;
  min-width: 132px;
  border-radius: 8px;
  background: linear-gradient(135deg,#387ff4,#2369e7);
  box-shadow: 0 7px 18px rgba(36,105,231,.2);
  font-size: 13px;
}
.new-order b { font-weight: 400; }
.batch-delete-orders {
  height: 38px;
  padding: 0 14px;
  border: 1px solid #ffc5cb;
  border-radius: 7px;
  color: #df4358;
  background: #fff3f4;
  font-size: 12px;
  font-weight: 700;
}
.batch-delete-orders:hover { border-color:#ef7080; background:#ffecef; }
.batch-delete-orders:disabled { opacity:.6; cursor:wait; }
.selection-actions {
  position: fixed;
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 142px;
  padding: 7px;
  border: 1px solid #dce4ef;
  border-radius: 10px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 34px rgba(31,55,91,.2);
  backdrop-filter: blur(8px);
}
.selection-actions .batch-download,
.selection-actions .batch-delete-orders { width:100%; min-width:128px; height:38px; margin:0; justify-content:center; white-space:nowrap; }
.selection-actions .batch-download { border:1px solid #b8d2f7; color:#1769e0; background:#eef6ff; }
.selection-actions .batch-download:hover { border-color:#6ea6ee; background:#e5f1ff; }
.order-number-cell.grid-cell { cursor: cell; }
.order-number-cell.grid-cell.selected { background:#eef5ff !important; box-shadow:inset 0 0 0 1px #6da7f6; }
.order-number-cell.grid-cell.active-cell { box-shadow:inset 0 0 0 2px #2878f0; }

.mine-overview {
  display: grid;
  grid-template-columns: minmax(0,2.08fr) minmax(320px,1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.mine-overview > article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(42,72,112,.055);
}
.mine-batch-hero {
  min-height: 145px;
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 14px 14px 0;
  padding: 20px 24px;
  border-radius: 9px;
  background:
    radial-gradient(circle at 92% 20%,rgba(120,172,255,.25),transparent 30%),
    linear-gradient(110deg,#f9fbff 0%,#f6f9ff 55%,#eaf3ff 100%);
  position: relative;
}
.mine-batch-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -68px;
  width: 54%;
  height: 130px;
  border-radius: 50%;
  border-top: 1px solid rgba(81,140,232,.14);
  transform: rotate(-7deg);
}
.mine-batch-icon {
  width: 84px;
  height: 84px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(145deg,#78a9ff,#4e76f0);
  box-shadow: 0 13px 27px rgba(67,112,224,.26), inset 0 1px rgba(255,255,255,.5);
}
.mine-batch-icon svg { width: 58px; height: 58px; fill: rgba(255,255,255,.17); stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mine-batch-copy { min-width: 0; flex: 1; position: relative; z-index: 1; }
.mine-batch-copy h2,
.mine-worker-hero h2 { margin: 0; color: var(--dashboard-ink); font-size: 19px; font-weight: 750; }
.mine-batch-copy > p { margin: 8px 0 20px; color: var(--dashboard-muted); font-size: 12px; }
.mine-batch-progress { display: grid; grid-template-columns:auto minmax(100px,1fr) auto; align-items:center; gap:14px; }
.mine-batch-progress > span { color: #566176; font-size: 12px; font-weight: 650; }
.mine-batch-progress > div { height: 8px; overflow: hidden; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1px #e9eef6; }
.mine-batch-progress i { display:block; width:0; height:100%; border-radius:inherit; background: linear-gradient(90deg,#2e72f0,#28b9e7); transition: width .25s ease; }
.mine-batch-progress b { min-width: 40px; color:#526078; font-size:12px; text-align:right; }
.mine-batch-stats { min-height: 82px; display:grid; grid-template-columns:repeat(6,1fr); align-items:center; padding: 10px 22px 13px; }
.mine-batch-stats > span { min-width:0; text-align:center; border-right:1px solid #e5eaf2; }
.mine-batch-stats > span:last-child { border-right:0; }
.mine-batch-stats small { display:block; color:#758095; font-size:11px; }
.mine-batch-stats b { display:block; margin-top:7px; color:#293348; font-size:21px; line-height:1; }
.mine-batch-stats b.orange { color:var(--dashboard-orange); }
.mine-batch-stats b.blue { color:#2674ef; }
.mine-batch-stats b.green { color:var(--dashboard-green); }
.mine-batch-stats b.cyan { color:#1498ba; }
.mine-batch-stats b.gray { color:#8d96a7; }

.mine-worker-card { display:flex; flex-direction:column; }
.mine-worker-hero {
  min-height: 145px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 14px 0;
  padding:20px 24px;
  border-radius:9px;
  background:
    radial-gradient(circle at 80% 18%,rgba(57,205,166,.19),transparent 33%),
    linear-gradient(110deg,#fbfffd,#eefaf6);
}
.mine-worker-state { display:flex; align-items:center; gap:8px; margin-top:18px; color:#169768; font-size:17px; font-weight:750; }
.mine-worker-state::before { content:""; width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px rgba(25,167,115,.1); }
.mine-worker-state.offline { color:#dc5062; }
.mine-worker-state.warning { color:#f08a2c; }
.mine-worker-hero p { margin:7px 0 0; color:#768195; font-size:12px; }
.mine-worker-icon {
  width: 88px;
  height: 78px;
  flex: 0 0 auto;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#4fc7a6,#20a983);
  box-shadow:0 13px 27px rgba(32,169,131,.2), inset 0 1px rgba(255,255,255,.5);
}
.mine-worker-icon svg { width:68px; height:68px; fill:rgba(255,255,255,.12); stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.mine-worker-stats { flex:1; min-height:82px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:10px 18px 13px; }
.mine-worker-stats > span { text-align:center; border-right:1px solid #e5eaf2; }
.mine-worker-stats > span:last-child { border-right:0; }
.mine-worker-stats small { display:block; color:#758095; font-size:11px; }
.mine-worker-stats b { display:block; margin-top:7px; color:var(--dashboard-green); font-size:21px; line-height:1; }
.mine-worker-stats em { margin-left:4px; color:#69758b; font-size:11px; font-style:normal; font-weight:500; }

@media (max-width: 1180px) {
  .main-nav { gap: 5px; }
  .nav-item { padding: 0 10px; }
  .mine-overview { grid-template-columns:1fr; }
  .mine-worker-card { min-height:230px; }
}
@media (max-width: 760px) {
  .workspace { width:calc(100% - 28px); }
  .page-heading { min-height:62px; }
  .mine-batch-hero,.mine-worker-hero { align-items:flex-start; padding:18px; }
  .mine-batch-icon,.mine-worker-icon { width:58px; height:58px; }
  .mine-batch-icon svg,.mine-worker-icon svg { width:44px; height:44px; }
  .mine-batch-stats { grid-template-columns:repeat(3,1fr); row-gap:18px; }
  .mine-batch-stats > span:nth-child(3) { border-right:0; }
  .mine-batch-progress { grid-template-columns:1fr auto; }
  .mine-batch-progress > span { grid-column:1/-1; }
  .nav-item .nav-icon { display:none; }
}

.mine-batch-stats b.red { color:#d8495d; }