.list-main { background:var(--page); }.list-main .order-topbar { background:#fff; }.tab-row { display:flex; gap:8px; padding:10px 28px; border-bottom:1px solid var(--line); background:#fff; }.tab-row button { padding:6px 10px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--regular); font-size:12px; }.tab-row button.active { border-color:var(--primary); background:var(--primary); color:#fff; }.tab-row i { margin-left:6px; font-style:normal; }.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:14px 28px 0; }.stat-grid button { display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto; column-gap:6px; row-gap:2px; padding:13px 18px; border:0; background:#fff; color:var(--text); text-align:left; }.stat-grid b { grid-row:1 / span 2; align-self:center; min-width:40px; font-size:28px; font-weight:400; line-height:1; }.stat-grid span { font-size:14px; line-height:18px; }.stat-grid small { color:var(--muted); font-size:11px; line-height:16px; }.orange { color:var(--warning); }.green { color:var(--success); }.red { color:#ff6464; }.blue { color:var(--primary); }.list-card { margin:14px 28px 0; padding:18px; background:#fff; }.filters { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)) auto; gap:14px; align-items:end; }.filters label { display:grid; gap:7px; color:var(--regular); font-size:12px; }.filters input,.filters select { height:34px; padding:0 10px; border:1px solid var(--line); border-radius:4px; outline-color:var(--primary); color:var(--regular); background:#fff; }.filter-actions { display:flex; gap:8px; }.filter-actions .btn { padding:0 13px; }.list-section-head { display:flex; justify-content:space-between; align-items:center; }.list-section-head h2 { margin:0; font-size:16px; }.list-section-head p { margin:4px 0 0; color:var(--muted); font-size:12px; }.list-table-wrap { margin-top:16px; overflow:auto; }.list-table-wrap table { width:100%; min-width:1260px; border-collapse:collapse; font-size:12px; }.list-table-wrap th { padding:11px 12px; border:1px solid var(--line-soft); background:#f7f9fc; color:var(--regular); font-weight:500; text-align:left; }.list-table-wrap td { padding:11px 12px; border:1px solid var(--line-soft); color:var(--regular); vertical-align:middle; }.list-table-wrap td:nth-child(1) { min-width:104px; }.list-table-wrap td:nth-child(2) { min-width:160px; }.list-table-wrap td b,.list-table-wrap td small { display:block; }.list-table-wrap td b { color:var(--regular); font-weight:500; }.list-table-wrap td small { margin-top:3px; color:var(--muted); }.list-table-wrap td:last-child { min-width:192px; white-space:nowrap; }.list-table-wrap a,.list-table-wrap button { margin-right:8px; border:0; background:transparent; color:var(--primary); font-size:12px; text-decoration:none; }.list-table-wrap .green-action { color:var(--success); }.list-table-wrap .danger-action { color:#f56c6c; }.order-tag,.guamaoyun-tag { display:inline-block; padding:3px 7px; border-radius:3px; font-size:11px; }.order-tag { background:#f6f8fa; color:var(--regular); }.order-tag.warning { color:var(--warning); background:#fffbf3; }.order-tag.reviewing { color:var(--primary); background:#f0f7ff; }.order-tag.submit { color:#a66bf0; background:#f8f3ff; }.order-tag.submitted { color:var(--success); background:#f2faed; }.guamaoyun-tag.synced { color:var(--success); background:#f2faed; }.guamaoyun-tag.unsynced { color:var(--warning); background:#fffbf3; }.pagination { display:flex; justify-content:center; align-items:center; gap:8px; padding:18px 0 2px; color:var(--muted); font-size:12px; }.pagination span { margin-right:12px; }.pagination button { width:27px; height:27px; border:0; border-radius:3px; background:#fff; color:var(--regular); }.pagination button.current { background:#eef7ff; color:var(--primary); }.pagination button:disabled { color:#c9d0db; }
@media (max-width:1280px) { .filters { grid-template-columns:repeat(3,1fr); }.stat-grid { grid-template-columns:repeat(2,1fr); } } @media (max-width:760px) { .tab-row,.list-title-card,.stat-grid,.list-card { margin-left:16px; margin-right:16px; }.filters { grid-template-columns:1fr; }.stat-grid { grid-template-columns:1fr; }.list-section-head { align-items:flex-start; gap:12px; flex-direction:column; } }

/* 审核前为红色提示，审核通过后待申报为绿色。 */
.order-tag.reviewing { color:#ff6464; background:#fff2f2; }
.order-tag.submit { color:var(--success); background:#f2faed; }
.order-tag.declared { color:var(--primary); background:#f0f7ff; }

/* 草单下载在悬停或键盘聚焦时显示格式选择。 */
.draft-download { position:relative; display:inline-block; margin-right:8px; }
.draft-download > button { margin-right:0; }
.draft-download-trigger i { margin-left:2px; font-size:10px; font-style:normal; }
.draft-download-menu { position:absolute; z-index:12; top:calc(100% + 4px); left:-8px; display:none; min-width:104px; padding:5px 0; border:1px solid var(--line); border-radius:4px; background:#fff; box-shadow:0 6px 14px rgba(24,55,88,.14); }
.draft-download:hover .draft-download-menu,.draft-download:focus-within .draft-download-menu { display:grid; }
.draft-download-menu button { width:100%; height:28px; margin:0; padding:0 12px; color:var(--regular); text-align:left; white-space:nowrap; }
.draft-download-menu button:hover,.draft-download-menu button:focus { background:#f0f7ff; color:var(--primary); outline:0; }
.list-table-wrap table { min-width:1540px; }.list-table-wrap td:nth-child(11) { min-width:96px; font-variant-numeric:tabular-nums; }.list-table-wrap td:nth-child(12) { min-width:132px; }.empty-download-record { color:#c0c7d1; }

/* 状态类列预留足够宽度，避免标题、标签被拆成两行。 */
.list-table-wrap th:nth-child(9),.list-table-wrap td:nth-child(9) { width:92px; min-width:92px; white-space:nowrap; }
.list-table-wrap th:nth-child(10),.list-table-wrap td:nth-child(10) { width:96px; min-width:96px; white-space:nowrap; }
.list-table-wrap .order-tag,.list-table-wrap .guamaoyun-tag { white-space:nowrap; }
.list-table-wrap .declare-plane { width:17px; height:17px; margin:0 0 0 5px; padding:0; border:0; background:transparent; color:var(--primary); vertical-align:middle; cursor:pointer; }
.list-table-wrap .declare-plane svg { display:block; width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.list-table-wrap .declare-plane:hover,.list-table-wrap .declare-plane:focus { color:#096dd9; outline:0; transform:translate(1px,-1px); }

.list-head-actions { display:flex; align-items:center; }
.list-table-wrap { position:relative; }
.field-adjustment-note { position:absolute; z-index:2; top:11px; right:12px; color:var(--muted); font-size:12px; line-height:18px; pointer-events:none; }

/* 下载记录只展示次数，悬停或聚焦时显示完整下载明细。 */
.list-table-wrap .download-record-count { position:relative; margin:0; padding:0; color:var(--primary); cursor:default; }
.download-record-detail { position:absolute; z-index:20; bottom:calc(100% + 8px); left:50%; display:none; width:max-content; max-width:260px; padding:8px 10px; border-radius:4px; background:#26384d; box-shadow:0 5px 16px rgba(18,36,58,.2); color:#fff; font-size:12px; line-height:20px; text-align:left; transform:translateX(-50%); }
.download-record-detail::after { position:absolute; top:100%; left:50%; border:5px solid transparent; border-top-color:#26384d; content:""; transform:translateX(-50%); }
.download-record-detail span { display:block; white-space:nowrap; }
.download-record-count:hover .download-record-detail,.download-record-count:focus .download-record-detail { display:block; }
.list-table-wrap .review-action { color:#3b82f6; }

/* 提交前二次确认，避免误操作使订单进入待审核。 */
.submit-confirm-modal[hidden] { display:none; }
.submit-confirm-modal { position:fixed; z-index:40; inset:0; display:grid; place-items:center; padding:24px; background:rgba(18,36,58,.38); }
.submit-confirm-dialog { width:min(400px,100%); padding:22px; border-radius:8px; background:#fff; box-shadow:0 18px 42px rgba(26,48,77,.22); }
.submit-confirm-dialog h2 { margin:0; color:var(--text); font-size:16px; line-height:24px; }
.submit-confirm-dialog p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:20px; }
.submit-confirm-dialog p b { color:var(--regular); font-weight:500; }
.submit-confirm-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.submit-confirm-actions .btn { height:32px; padding:0 14px; font-size:12px; }