.order-page{max-width:950px}.order-heading{padding:25px 0 35px;max-width:640px}.order-heading h1{font-size:45px;margin:12px 0 18px}.order-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.order-search{display:flex;gap:12px;margin-top:26px}.order-search input{padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:0;flex:1;width:100%;font-size:15px}.order-card{border:1px solid var(--line);padding:35px;border-radius:0;box-shadow:var(--shadow);margin-bottom:30px}.order-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-head h2{font-size:30px;margin:12px 0}.order-head p{color:var(--muted);font-size:15px}.order-head>strong{font:550 40px var(--display);color:var(--blue)}.order-progress{height:8px;border-radius:0;overflow:hidden;background:#edf1f7;margin:22px 0 28px}.order-progress span{height:100%;display:block;background:var(--blue);border-radius:0;transition:width .3s}.order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:25px}.order-meta dt{color:var(--muted);font-size:14px}.order-meta dd{font-size:14px;margin:7px 0 0;font-weight:550}.order-stages{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap;margin:10px 0 30px}.order-stages li{font-size:14px;color:var(--muted);padding:9px 12px;background:#f3f5f8;border-radius:0}.order-stages li.active{background:var(--blue);color:white}.order-stages li.done{background:#e9f4ed;color:#397151}.order-note{padding:22px;background:#f5f7fa;border-radius:0}.order-card h3{font:600 14px var(--font);margin:0 0 12px;letter-spacing:0}.order-note p{font-size:14px;color:var(--muted);white-space:pre-line;margin-bottom:0}.order-history{margin-top:30px}.order-history ul{list-style:none;margin:0;padding:0}.order-history li{padding:16px 0;border-bottom:1px solid var(--line)}.order-history li strong{font-size:14px}.order-history time{float:right;color:var(--muted);font-size:14px}.order-history p{font-size:14px;color:var(--muted);margin:7px 0 0}.order-card>p{color:var(--muted);font-size:14px}.order-card>small{color:var(--muted);font-size:14px}.order-help{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px}.order-help a{color:var(--blue);font-weight:600}@media(max-width:640px){.order-heading h1{font-size:34px}.order-search{flex-direction:column}.order-card{padding:24px 20px}.order-head h2{font-size:24px}.order-head>strong{font-size:30px}.order-meta{grid-template-columns:1fr 1fr}.order-history time{float:none;display:block;margin-top:5px}.order-help{align-items:start;flex-wrap:wrap}}

.order-search input{border-radius:var(--radius-control);border-color:#cfd7e3}.order-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #164dbd10}
.order-card{border-radius:var(--radius-card);border-color:#e1e5ec;box-shadow:var(--shadow)}.order-stages li{border-radius:6px}.order-progress,.order-progress span{border-radius:4px}.order-note{border-radius:8px}