/* order.css — 下单流程专属样式（前缀 od-） */

.od-hero { background:linear-gradient(150deg,var(--em-50),#fff); padding:56px 0 26px; text-align:center; }
.od-hero h1 { font-size:34px; margin:6px 0 12px; }
.od-lead { color:var(--ink-500); font-size:16px; }

/* 纵向节点流程 */
.od-flow { max-width:780px; margin:0 auto; position:relative; padding-left:14px; }
.od-node { display:flex; gap:22px; position:relative; padding-bottom:30px; }
.od-node:last-child { padding-bottom:0; }
.od-node::before { content:""; position:absolute; left:27px; top:48px; bottom:6px; width:2px; background:var(--em-200); }
.od-node:last-child::before { display:none; }
.od-num {
  flex-shrink:0; width:56px; height:56px; z-index:1;
  background:linear-gradient(135deg,var(--em-500),var(--em-600)); color:#fff;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:22px; font-weight:800; box-shadow:0 8px 18px rgba(5,150,105,.3);
}
.od-body { background:#fff; border:1px solid var(--ink-200); border-radius:var(--radius); padding:20px 24px; flex:1; }
.od-body h3 { font-size:17px; margin-bottom:7px; }
.od-body p { color:var(--ink-500); font-size:14px; }

.od-soft { background:linear-gradient(180deg,var(--em-50),#fff); }
.od-after h3 { font-size:18px; }
.od-after b { color:var(--em-700); display:block; margin-bottom:6px; }
.od-after p { color:var(--ink-500); font-size:14px; }

@media (max-width:560px) { .od-hero h1 { font-size:27px; } .od-node { gap:14px; } }