:root {
  color-scheme: dark;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #10151f;
  color: #eef2fa;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
button, input { font: inherit; }
button { cursor: pointer; }
.page { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 42px 0 72px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.eyebrow { display: block; color: #7c8aa5; letter-spacing: .12em; font-size: .72rem; font-weight: 700; margin: 0 0 7px; }
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(1.7rem, 5vw, 2.5rem); margin-bottom: 0; }
.privacy-note { color: #aab5c9; margin: 28px 0 20px; }
.connection { display: inline-flex; align-items: center; gap: 8px; color: #c8d2e5; white-space: nowrap; }
.dot { width: 9px; height: 9px; display: inline-block; border-radius: 50%; }
.dot--connecting { background: #f4b942; }.dot--open { background: #47d18c; }.dot--error { background: #ed6875; }

.board-toolbar { display: flex; align-items: end; gap: 14px; margin: 0 0 18px; padding: 14px 16px; border: 1px solid #2d3c55; border-radius: 12px; background: #141e2d; }
.board-toolbar__sync { display: grid; gap: 2px; flex: 1 1 270px; min-width: 220px; }
.board-toolbar__sync .eyebrow { margin: 0; }.board-toolbar__sync strong { font-size: .96rem; }.board-toolbar__note { color: #91a0b7; font-size: .78rem; }
.order-filter { display: grid; gap: 5px; color: #aab5c9; font-size: .78rem; flex: 0 1 250px; }
.order-filter input { width: 100%; min-width: 180px; color: #eef2fa; background: #101824; border: 1px solid #3a4d69; border-radius: 8px; padding: 9px 10px; outline: none; }
.order-filter input:focus { border-color: #79d8ff; box-shadow: 0 0 0 3px #79d8ff22; }
.button { border: 1px solid #4b8fb3; border-radius: 8px; background: #193149; color: #eef6ff; padding: 10px 13px; }
.button:hover:not(:disabled) { background: #214463; }.button:disabled { cursor: wait; opacity: .64; }
.button--secondary { flex: 0 0 auto; }

.t3-evidence { margin: 0 0 22px; border: 1px solid #344a67; border-radius: 12px; background: #141e2d; }
.t3-evidence summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; cursor: pointer; list-style: none; }
.t3-evidence summary::-webkit-details-marker { display: none; }
.t3-evidence summary::after { content: "展开"; color: #9eacc2; font-size: .78rem; }
.t3-evidence[open] summary { border-bottom: 1px solid #2d3c55; }.t3-evidence[open] summary::after { content: "收起"; }
.t3-evidence .eyebrow { margin-bottom: 3px; }.t3-evidence__summary { color: #aab5c9; font-size: .8rem; }
.t3-evidence__value { color: #79d8ff; font: 700 .88rem/1.2 ui-monospace, Consolas, monospace; white-space: nowrap; }
.t3-evidence__body { display: grid; gap: 12px; padding: 14px 16px 16px; }.t3-evidence__note { color: #aab5c9; font-size: .82rem; margin: 0; line-height: 1.5; }
.t3-evidence__confirmation { display: flex; align-items: flex-start; gap: 8px; color: #c8d2e5; font-size: .82rem; line-height: 1.5; }.t3-evidence__confirmation input { margin: .22rem 0 0; accent-color: #79d8ff; }
.t3-evidence__download { justify-self: start; }

.lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.lane { min-height: 300px; padding: 18px; border: 1px solid #2a364b; border-radius: 16px; background: #161d2a; }
.lane--confirmed { border-top: 3px solid #47d18c; }.lane--suspected { border-top: 3px solid #f4b942; }
.lane__header { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.lane h2 { margin: 0 0 3px; font-size: 1.05rem; }.lane__total { color: #91a0b7; font-size: .76rem; }.count { color: #b7c7e0; font-size: 1.15rem; font-weight: 700; }
.order-list { display: grid; gap: 10px; }.order-list:empty::after { content: "暂无订单"; color: #7f8da5; display: block; padding: 20px 0; }
.order-card { width: 100%; padding: 14px; color: inherit; text-align: left; background: #1d2737; border: 1px solid #2d3c55; border-radius: 10px; cursor: pointer; transition: border-color .15s ease, transform .15s ease, background .15s ease; }
.order-card:hover, .order-card:focus-visible { border-color: #4b8fb3; background: #202d41; outline: none; transform: translateY(-1px); }.order-card:focus-visible { box-shadow: 0 0 0 3px #79d8ff33; }
.order-card__topline { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }.order-card__id { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, Consolas, monospace; font-size: .82rem; }.order-card__version { color: #9eacc2; font-size: .76rem; }
.order-card__fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0 0; }.order-card__fields div { min-width: 0; }.order-card__fields dt { color: #91a0b7; font-size: .74rem; }.order-card__fields dd { margin: 4px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.order-card__time { grid-column: 1 / -1; }.order-card__time dd { white-space: normal; overflow: visible; text-overflow: clip; }.order-card__action { display: block; margin-top: 12px; color: #79d8ff; font-size: .76rem; }

.order-details { width: min(480px, calc(100% - 32px)); color: #eef2fa; background: #161d2a; border: 1px solid #415876; border-radius: 14px; padding: 0; box-shadow: 0 18px 60px #0008; }.order-details::backdrop { background: #070b12b8; }.order-details__header { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin: 0; padding: 18px 20px 14px; border-bottom: 1px solid #2d3c55; }.order-details__header .eyebrow { margin-bottom: 4px; }.order-details__header h2 { margin: 0; font-size: 1.15rem; }.icon-button { width: 34px; height: 34px; padding: 0; color: #c8d2e5; font-size: 1.45rem; background: transparent; border: 1px solid #3a4d69; border-radius: 8px; }.icon-button:hover { background: #263348; }
.order-details__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 18px 20px; }.order-details__fields div:first-child, .order-details__fields div:last-child { grid-column: 1 / -1; }.order-details__fields dt { color: #91a0b7; font-size: .76rem; }.order-details__fields dd { margin: 4px 0 0; overflow-wrap: anywhere; }.order-details__actions { display: flex; align-items: center; gap: 10px; padding: 0 20px 16px; }.order-details__copy-status { color: #79d8ff; font-size: .82rem; }.order-details__privacy { margin: 0; padding: 12px 20px 18px; color: #91a0b7; font-size: .78rem; line-height: 1.45; border-top: 1px solid #2d3c55; }

@media (max-width: 700px) { .page { width: min(100% - 24px, 1180px); padding-top: 25px; }.topbar, .board-toolbar { align-items: stretch; flex-direction: column; }.lanes { grid-template-columns: 1fr; }.order-filter { width: 100%; max-width: none; }.button--secondary { width: 100%; }.t3-evidence summary { align-items: start; }.t3-evidence__value { margin-top: 5px; }.t3-evidence__download { width: 100%; }.order-details__fields { grid-template-columns: 1fr; }.order-details__fields div { grid-column: 1 / -1; } }