:root {
  --oq-ink:#202d29; --oq-muted:#45554e; --oq-paper:#ffffff; --oq-soft:#edf3f0;
  --oq-green:#064e3b; --oq-green-hover:#064e3b; --oq-on-green:#064e3b; --oq-green-soft:#dcfce7;
  --oq-warning:#694608; --oq-warning-bg:#fff2d8; --oq-danger:#962435; --oq-line:#c5d3cb;
  --oq-overlay:rgba(15,27,21,.48); --oq-shadow-none:none; --oq-shadow-lg:0 24px 64px rgba(15,27,21,.22);
  --oq-s1:8px; --oq-s2:16px; --oq-s3:24px; --oq-s4:32px; --oq-s5:40px; --oq-s6:48px;
  --oq-radius-sm:8px; --oq-radius-md:16px; --oq-radius-lg:24px; --oq-pill:999px;
  --oq-text-sm:.875rem; --oq-text:1rem; --oq-title:1.25rem; --oq-heading:1.5625rem;
  --oq-body-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --oq-mono-font:ui-monospace,Menlo,Consolas,monospace; --oq-image:112px;
  --oq-dialog-width:680px; --oq-content-height:240px;
  --oq-badge-ink:#064e3b; --oq-badge-bg:#dcfce7; --oq-badge-hover:#edf3f0;
  --oq-badge-size:11px; --oq-badge-line:1.7; --oq-badge-pad:1px; --oq-action-height:calc(20px * 4 / 3); --oq-action-width:calc((4em + 2 * var(--oq-s1)) * 4 / 3);
  --oq-gray-glass:#edf3f0; --oq-gray-hover:#c5d3cb;
}
:root[data-theme=dark] {
  --oq-ink:#f1f7f3; --oq-muted:#ccd9d1; --oq-paper:#202924; --oq-soft:#2b3830;
  --oq-green:#064e3b; --oq-green-hover:#064e3b; --oq-on-green:#064e3b; --oq-green-soft:#dcfce7;
  --oq-warning:#ffe0a1; --oq-warning-bg:#45381f; --oq-danger:#ffbdc6; --oq-line:#708778;
  --oq-overlay:rgba(6,15,10,.7);
  --oq-badge-ink:#b6e7cd; --oq-badge-bg:#2b3830; --oq-badge-hover:#2b3830;
  --oq-gray-glass:#2b3830; --oq-gray-hover:#45554e;
}
.default-order-query .oq-query-controls { display:flex; justify-content:center; align-items:center; gap:var(--oq-s2); }
.default-order-query .oq-query-input { flex:1; max-width:400px; min-width:0; }
.default-order-query .oq-notice:empty,.oq-dialog .oq-notice:empty { display:none; }
.oq-notice { margin:var(--oq-s2) 0 0; font-size:var(--oq-text-sm); color:var(--oq-muted); overflow-wrap:anywhere; }
.default-order-query .oq-order { background:var(--oq-paper); color:var(--oq-ink); border:0; box-shadow:var(--oq-shadow-none); padding:var(--oq-s3); border-radius:var(--oq-radius-md); }
.default-order-query .oq-order:hover { box-shadow:var(--oq-shadow-none); }
.oq-order .order-basic,.oq-order .amount-label { color:var(--oq-muted); }
.oq-order .order-no,.oq-order .goods-name,.oq-order .shipment-title { color:var(--oq-ink); }
.oq-order .order-basic { overflow-wrap:anywhere; }
.oq-order .amount-value { color:var(--oq-danger); font-variant-numeric:tabular-nums; }
.oq-order :is(.status-paid,.shipment-paid,.oq-quantity) { display:inline-flex; align-items:center; padding:var(--oq-badge-pad) var(--oq-s1); border-radius:var(--oq-pill); font-size:var(--oq-badge-size); font-weight:500; line-height:var(--oq-badge-line); background:var(--oq-badge-bg); color:var(--oq-badge-ink); }
.oq-order :is(.status-pending,.shipment-waiting) { background:var(--oq-warning-bg); color:var(--oq-warning); }
.oq-order .goods-section { display:grid; grid-template-columns:var(--oq-image) minmax(0,1fr); align-items:center; gap:var(--oq-s2); border:0; margin-top:var(--oq-s3); padding-top:0; }
.oq-order .goods-thumb { align-self:center; }
.oq-order .goods-image { display:block; width:var(--oq-image); height:var(--oq-image); border-radius:var(--oq-radius-md); background:var(--oq-soft); }
.oq-order .goods-details { display:grid; grid-template-rows:minmax(0,1fr) auto minmax(0,1fr); row-gap:var(--oq-s1); min-width:0; min-height:var(--oq-image); }
.oq-goods-heading { grid-row:1; align-self:start; display:flex; align-items:flex-start; gap:var(--oq-s2); width:100%; }
.oq-order .goods-name { margin:0; font-size:var(--oq-text); line-height:1.5; overflow-wrap:anywhere; }
.oq-order .goods-sku:not(.oq-quantity) { color:var(--oq-muted); background:var(--oq-soft); font-size:var(--oq-badge-size); }
.oq-order .oq-quantity { flex-shrink:0; white-space:nowrap; font-variant-numeric:tabular-nums; margin:0; }
.oq-goods-heading .shipment-badge { margin-left:auto; flex-shrink:0; white-space:nowrap; }
.oq-order .goods-meta { grid-row:2; align-self:center; align-items:center; gap:var(--oq-s1); }
.oq-content-actions { grid-row:3; align-self:end; display:flex; gap:var(--oq-s1); margin:0; padding:0; }
.oq-actions { display:flex; flex-wrap:wrap; gap:var(--oq-s1); }
.oq-button { display:inline-flex; justify-content:center; align-items:center; gap:var(--oq-s1); min-height:var(--oq-s5); padding:var(--oq-s1) var(--oq-s2); border:0; border-radius:var(--oq-pill); background:var(--oq-soft); color:var(--oq-ink); font-family:var(--oq-body-font); font-size:var(--oq-text-sm); font-weight:600; line-height:1.5; cursor:pointer; white-space:nowrap; }
.oq-button:hover { background:var(--oq-soft); color:var(--oq-ink); }
.oq-button:active { transform:translateY(1px); }
.oq-button-view { background:var(--oq-badge-bg); color:var(--oq-badge-ink); }
.oq-button-view:hover { background:var(--oq-badge-hover); color:var(--oq-badge-ink); }
.oq-actions .oq-button,.oq-card-dialog .oq-button:not(.oq-close) { min-height:var(--oq-action-height); height:var(--oq-action-height); width:var(--oq-action-width); flex-shrink:0; padding:0 var(--oq-s1); font-size:var(--oq-badge-size); line-height:var(--oq-badge-line); font-weight:500; }
.oq-button[data-order-action=copy],.oq-button[data-order-action=export],.oq-button[data-card-action] { background:var(--oq-gray-glass); color:var(--oq-ink); }
.oq-button[data-order-action=copy]:hover,.oq-button[data-order-action=export]:hover,.oq-button[data-card-action]:hover { background:var(--oq-gray-hover); color:var(--oq-ink); }
.oq-button:focus-visible,.oq-dialog a:focus-visible,.oq-dialog input:focus-visible,.oq-secret-box:focus-visible { outline:2px solid var(--oq-green); outline-offset:3px; }
.oq-button:disabled { cursor:not-allowed; opacity:.5; transform:none; }
.oq-dialog { width:calc(100% - var(--oq-s4)); max-width:var(--oq-dialog-width); max-height:calc(100dvh - var(--oq-s4)); padding:var(--oq-s3); margin:auto; border:0; border-radius:var(--oq-radius-lg); box-shadow:var(--oq-shadow-lg); background:var(--oq-paper); color:var(--oq-ink); font-family:var(--oq-body-font); overflow:auto; overscroll-behavior:contain; }
.oq-dialog[open] { display:flex; flex-direction:column; }
.oq-dialog::backdrop { background:var(--oq-overlay); }
.oq-dialog [hidden] { display:none !important; }
.oq-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--oq-s2); flex-shrink:0; }
.oq-dialog h2 { margin:0; font-size:var(--oq-heading); line-height:1.5; font-weight:700; color:var(--oq-ink); }
.oq-close { width:var(--oq-s5); padding:0; font-size:var(--oq-heading); }
.oq-help { margin:var(--oq-s1) 0 var(--oq-s3); color:var(--oq-muted); font-size:var(--oq-text-sm); overflow-wrap:anywhere; }
.oq-dialog-footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:var(--oq-s1); margin-top:var(--oq-s3); flex-shrink:0; }
.oq-secret-box { flex-shrink:0; max-height:min(var(--oq-content-height),40dvh); min-height:var(--oq-s6); overflow:auto; padding:var(--oq-s2); border-radius:var(--oq-radius-md); background:var(--oq-soft); scrollbar-gutter:stable; overscroll-behavior:contain; }
.oq-secret-text { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; color:var(--oq-ink); font-family:var(--oq-mono-font); font-size:var(--oq-text-sm); line-height:1.8; }
.oq-leave-message { margin:var(--oq-s2) 0 0; max-height:96px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--oq-muted); font-size:var(--oq-text-sm); }
.oq-unlock label { display:block; margin-bottom:var(--oq-s1); }
.oq-unlock-controls { display:flex; gap:var(--oq-s1); }
.oq-unlock input { min-width:0; flex:1; }
.oq-unlock input:disabled { opacity:.5; }
.oq-unlock input:hover { border-color:var(--oq-green) !important; }
.oq-dialog .form-control { background:var(--oq-soft) !important; color:var(--oq-ink) !important; border-color:var(--oq-line) !important; }
.oq-dialog .form-control::placeholder { color:var(--oq-muted) !important; }
.oq-copy-buffer { position:fixed; top:0; left:0; opacity:0; pointer-events:none; }
.oq-dialog { --acg-delivery-accent:var(--oq-green); --acg-delivery-accent-soft:var(--oq-green-soft); --acg-delivery-on-accent:var(--oq-on-green); --acg-delivery-surface:var(--oq-paper); --acg-delivery-border:var(--oq-line); --acg-delivery-success:var(--oq-green); }
.oq-dialog .acg-delivery__text { color:var(--oq-ink); }
.oq-dialog .acg-delivery__copy,.oq-dialog .acg-delivery__name,.oq-dialog .acg-delivery__url,.oq-dialog .acg-delivery__sub { color:var(--oq-ink); }
.oq-dialog a:active { opacity:.8; }
.oq-dialog a[aria-disabled=true] { pointer-events:none; opacity:.5; }
@media (max-width:600px) {
  .default-order-query .panel-body { padding:var(--oq-s2); }
  .default-order-query .oq-order { padding:var(--oq-s2); }
  .oq-order .goods-section { grid-template-columns:var(--oq-s6) minmax(0,1fr); gap:var(--oq-s1); }
  .oq-order .goods-image { width:var(--oq-s6); height:var(--oq-s6); border-radius:var(--oq-radius-sm); }
  .oq-goods-heading { gap:var(--oq-s1); }
  .oq-order .goods-name { flex:1; min-width:0; }
  .oq-actions { gap:var(--oq-s1); }
  .oq-actions .oq-button { padding-inline:var(--oq-s1); }
  .oq-query-controls { flex-wrap:wrap; }
  .default-order-query .oq-query-input { flex-basis:100%; max-width:none; }
  .oq-dialog { padding:var(--oq-s2); }
  .oq-unlock-controls { flex-wrap:wrap; }
  .oq-order .order-header { gap:var(--oq-s2); }
}
@media (prefers-reduced-motion:reduce) {
  .default-order-query *, .oq-dialog *, .oq-dialog { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}