.apparel-b5-workbench{--b5-accent:#3158a5;--b5-ink:#202a3c;--b5-muted:#647087;--b5-line:#d7dfef;--b5-bg:#f5f8ff;box-sizing:border-box;width:min(1160px,calc(100% - 24px));margin:12px auto;padding:clamp(14px,3vw,28px);border:1px solid var(--b5-line);border-radius:18px;background:linear-gradient(145deg,#fff,var(--b5-bg));color:var(--b5-ink);box-shadow:0 18px 48px rgba(34,58,108,.12);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}.apparel-b5-workbench *{box-sizing:border-box}.apparel-b5-workbench[hidden],.apparel-b5-panel[hidden]{display:none!important}
.apparel-b5-header,.apparel-b5-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.apparel-b5-title{margin:0;font-size:clamp(21px,3vw,30px)}.apparel-b5-subtitle,.apparel-b5-copy{margin:8px 0 0;color:var(--b5-muted);font-size:14px;line-height:1.65}.apparel-b5-close,.apparel-b5-tab,.apparel-b5-action{min-height:42px;padding:9px 14px;border:1px solid var(--b5-line);border-radius:10px;background:#fff;color:var(--b5-ink);font:inherit;cursor:pointer}.apparel-b5-close:focus-visible,.apparel-b5-tab:focus-visible,.apparel-b5-action:focus-visible{outline:3px solid rgba(49,88,165,.25);outline-offset:2px}
.apparel-b5-tabs{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px;margin:22px 0 14px;overflow-x:auto;padding-bottom:3px}.apparel-b5-tab{white-space:nowrap}.apparel-b5-tab.is-active{border-color:var(--b5-accent);background:#edf2ff;color:#24488e;font-weight:700}.apparel-b5-panel{min-height:310px;padding:clamp(16px,3vw,28px);border:1px solid var(--b5-line);border-radius:14px;background:rgba(255,255,255,.88)}.apparel-b5-panel-title{margin:0;font-size:20px}.apparel-b5-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.apparel-b5-status--ready{background:#e5f6ea;color:#176337}.apparel-b5-status--blocked{background:#ffefeb;color:#963018}.apparel-b5-status--pending{background:#efefef;color:#625c59}.apparel-b5-facts{display:grid;gap:10px;margin:24px 0;padding-left:22px;line-height:1.55}.apparel-b5-action{border-color:var(--b5-accent);background:var(--b5-accent);color:#fff}.apparel-b5-action:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:600px){.apparel-b5-workbench{width:calc(100% - 12px);margin:6px auto;padding:14px;border-radius:12px}.apparel-b5-tabs{grid-template-columns:repeat(6,minmax(104px,1fr));margin-top:16px}.apparel-b5-panel{min-height:370px;padding:16px}.apparel-b5-panel-head{flex-direction:column}.apparel-b5-action{width:100%;min-height:44px}}@media(min-width:1200px){.apparel-b5-panel{min-height:280px}.apparel-b5-facts{grid-template-columns:repeat(3,1fr);padding-left:20px}}
.apparel-b5-message{margin:14px 0;padding:11px 14px;border-radius:10px;background:#eef3ff;color:#24488e;overflow-wrap:anywhere}.apparel-b5-message[data-tone=success]{background:#e7f7ed;color:#176337}.apparel-b5-message[data-tone=error]{background:#fff0ed;color:#9b2c1c}.apparel-b5-message[data-tone=busy]{background:#fff7dc;color:#765700}.apparel-b5-retry{min-height:42px;margin:0 0 8px;padding:9px 14px;border:1px solid #9b2c1c;border-radius:10px;background:#fff;color:#9b2c1c;font:inherit;cursor:pointer}
.apparel-b5-note,.apparel-b5-warning,.apparel-b5-current{margin:12px 0;color:var(--b5-muted);line-height:1.6}.apparel-b5-warning{padding:10px 12px;border-left:4px solid #d99a00;background:#fff8e6;color:#654b00}.apparel-b5-current{padding:10px 12px;border-radius:10px;background:#eef3ff;color:#24488e;font-weight:700}.apparel-b5-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.apparel-b5-field{display:grid;gap:6px;min-width:0;color:var(--b5-muted);font-size:13px}.apparel-b5-field input,.apparel-b5-field select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--b5-line);border-radius:9px;background:#fff;color:var(--b5-ink);font:inherit}.apparel-b5-field input:focus,.apparel-b5-field select:focus{outline:3px solid rgba(49,88,165,.18);border-color:var(--b5-accent)}
.apparel-b5-primary,.apparel-b5-secondary,.apparel-b5-small{min-height:42px;padding:9px 14px;border:1px solid var(--b5-accent);border-radius:9px;font:inherit;cursor:pointer}.apparel-b5-primary{background:var(--b5-accent);color:#fff}.apparel-b5-secondary,.apparel-b5-small{background:#fff;color:#24488e}.apparel-b5-small{min-height:36px;padding:6px 10px}.apparel-b5-primary:disabled,.apparel-b5-secondary:disabled,.apparel-b5-small:disabled,.apparel-b5-retry:disabled{cursor:not-allowed;opacity:.48}.apparel-b5-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.apparel-b5-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.apparel-b5-table th,.apparel-b5-table td{padding:9px 8px;border-bottom:1px solid var(--b5-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.apparel-b5-table th{background:#eef3ff;color:#30466f}.apparel-b5-empty{text-align:center!important;color:var(--b5-muted)}.apparel-b5-template-fields{max-width:100%;overflow:auto}.apparel-b5-drafts{line-height:1.7}.apparel-b5-workbench[aria-busy=true]{cursor:progress}
.apparel-b5-detail{display:grid;grid-template-columns:minmax(90px,140px) minmax(0,1fr);gap:6px 12px;margin:12px 0;padding:12px;border:1px solid var(--b5-line);border-radius:10px;background:#fff;font-size:13px}.apparel-b5-detail dt{font-weight:700;color:#30466f}.apparel-b5-detail dd{margin:0;overflow-wrap:anywhere}
.apparel-b5-check{display:flex;align-items:center;gap:9px;min-height:42px;color:var(--b5-ink)}.apparel-b5-check span{order:2}.apparel-b5-check input{order:1;width:20px;height:20px;min-height:20px;flex:0 0 20px}
@media(max-width:600px){.apparel-b5-form{grid-template-columns:1fr}.apparel-b5-primary,.apparel-b5-secondary,.apparel-b5-retry{width:100%;min-height:44px}.apparel-b5-panel{overflow-x:auto}.apparel-b5-table{min-width:620px}.apparel-b5-errors{min-width:900px}}