.demo-modal.order-drawer{top:0;right:0;left:auto;transform:none;width:min(1024px,calc(100vw - 5px));height:100vh;max-height:100vh;box-shadow:-3px 0 10px #0002;color:#7b858d;font-size:12px}.order-drawer .modal-head{height:40px;padding:0 18px}.order-drawer .modal-head h2{font-size:16px;color:#7b858d}.order-drawer .modal-head button{font-size:21px;font-weight:300;color:#7b858d}.order-drawer .modal-content{padding:14px 34px 120px;overflow-y:auto}.order-drawer .modal-foot{height:56px;flex:none;padding:14px 20px;gap:14px;border-top:1px solid #e1e1e1;background:#fff}.order-drawer .modal-foot button{width:25%;max-width:245px;min-width:0;height:29px;border-radius:1px;font-size:12px;background:#eee;color:#647888}.order-drawer .modal-foot .green{background:#5db660!important;border-color:#5db660!important}.oc-step-one{max-width:590px;margin:0 auto}.oc-step-one .oc-field{grid-template-columns:85px minmax(0,1fr);width:100%;margin-bottom:0}.oc-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.oc-field{display:grid;grid-template-columns:94px minmax(0,247px);gap:8px;align-items:center;margin-bottom:20px;min-height:30px}.oc-label{display:block;text-align:right;line-height:16px;font-size:12px;color:#80878d;white-space:nowrap}.oc-label em,.oc-cargo-table em{color:#ff5757;font-style:normal}.oc-control{min-width:0}.oc-control>input,.oc-control>textarea,.oc-select select,.oc-city input{width:100%;height:30px;border:1px solid #d9d9d9;background:white;padding:4px 10px;border-radius:1px;outline:none;color:#717d86;font:inherit;box-shadow:none}.oc-control input:focus,.oc-control textarea:focus,.oc-select select:focus,.oc-city input:focus{border-color:#40a9ff;box-shadow:0 0 0 1px #40a9ff20}.oc-control input::placeholder{color:#c0c4c8}.oc-select{position:relative}.oc-select:after{content:"";position:absolute;right:11px;top:10px;width:6px;height:6px;border-right:1px solid #b9bec2;border-bottom:1px solid #b9bec2;transform:rotate(45deg);pointer-events:none}.oc-select select{appearance:none;padding-right:25px}.oc-section-title{max-width:349px;font-size:18px;font-weight:400;margin:24px 0 22px;border-bottom:1px solid #d9d9d9;padding:0 0 3px;color:#788795;line-height:23px}.oc-city{display:flex}.oc-city input{width:33.333%;min-width:0;padding:4px 9px;font-size:11px}.oc-city input+input{border-left:0}.oc-top-align{align-items:start}.oc-top-align .oc-label{padding-top:7px}.oc-control>textarea{height:55px;resize:vertical}.oc-flags{display:flex;flex-direction:column;gap:3px;padding:1px 0 3px}.oc-flags label{display:flex;align-items:center;gap:7px;height:16px;font-size:12px}.oc-flags input,.oc-fba input{appearance:none;margin:0;width:14px;height:14px;border:1px solid #d9d9d9;border-radius:1px;background:#fff;flex:none}.oc-flags input:checked,.oc-fba input:checked{appearance:auto;accent-color:#52b760}.oc-radios{display:flex;width:144px}.oc-radios label{position:relative;display:grid;place-items:center;width:72px;height:30px;border:1px solid #d9d9d9;cursor:pointer}.oc-radios label+label{border-left:0}.oc-radios input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.oc-radios label:has(input:checked){color:#389b42;border-color:#5db660;background:#f6fcf6}.oc-cargo{margin:44px -34px -100px;padding:0 0 0}.oc-cargo[hidden]{display:none}.oc-cargo h3{font-size:12px;font-weight:400;margin:0 0 3px;line-height:18px}.oc-cargo-top{display:flex;align-items:flex-start;gap:60px;min-height:158px;padding-top:0}.oc-cargo-top .oc-field{grid-template-columns:88px 105px;margin:0;gap:8px}.oc-fba{display:flex;gap:7px;align-items:center;padding-top:8px;white-space:nowrap}.oc-packing{display:flex;align-items:flex-start;position:relative;gap:5px;margin-left:50px}.oc-packing>span{padding-top:7px}.oc-upload{position:relative;width:94px;height:94px;border:1px dashed #d9d9d9;background:#fafafa;display:grid;place-items:center;cursor:pointer;overflow:hidden}.oc-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.oc-upload b{font-size:42px;font-weight:200;color:#ccc}.oc-upload-name{display:none;font-size:11px;padding:5px;overflow-wrap:anywhere;text-align:center}.oc-upload.has-file b{display:none}.oc-upload.has-file .oc-upload-name{display:block}.oc-packing>button{border:0;background:#fff;color:#a6afb7;cursor:pointer}.oc-grid-wrap{overflow:auto;max-height:280px;scrollbar-width:thin}.oc-cargo-table{table-layout:fixed;border-collapse:collapse;width:1043px;color:#425363;font-size:12px}.oc-cargo-table th,.oc-cargo-table td{border:1px solid #ccc;padding:0;max-width:none;vertical-align:middle;height:29px;overflow:visible;text-overflow:clip;background:#fff}.oc-cargo-table thead th{font-weight:400;height:25px;background:#f1f1f1;text-align:center;white-space:nowrap;font-size:11px}.oc-cargo-table tbody th{font-weight:400;text-align:center;background:#f0f0f0}.oc-cargo-table input{width:100%;min-width:0;height:28px;border:0;border-radius:0;background:transparent;padding:3px;font:inherit;outline:none;color:#4a5968}.oc-cargo-table td:focus-within{outline:2px solid #62b165;outline-offset:-2px}.oc-cargo-table tbody tr:hover td{background:white}@media(max-width:760px){.order-drawer .modal-content{padding:14px 20px 120px}.oc-columns{gap:20px;grid-template-columns:1fr}.oc-field{grid-template-columns:94px minmax(0,1fr)}.oc-section-title{max-width:none}.oc-cargo{margin-left:-20px;margin-right:-20px}.oc-cargo-top{gap:20px;flex-wrap:wrap;min-height:160px}.oc-packing{margin-left:0}.oc-step-one .oc-field{grid-template-columns:70px minmax(0,1fr)}}

.oc-step-one{max-width:688px;padding-top:5px}.oc-step-one .oc-field{grid-template-columns:85px minmax(0,1fr)}.oc-step-one .oc-control{width:100%}.oc-step-one .oc-select{max-width:493px}
.oc-step-one .oc-document-field{margin-top:24px;align-items:start}.oc-document-field .oc-label{padding-top:7px}.oc-document-field .si-links{flex-wrap:wrap}.oc-document-field .si-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.oc-document-field #oc-order-document-list{margin-top:12px;max-width:493px;overflow-wrap:anywhere;line-height:1.6}.oc-document-field .si-upload:focus-within{outline:2px solid #40a9ff;outline-offset:2px}
.oc-fba-fields{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:35px 20px 28px}.oc-fba-fields[hidden]{display:none}.oc-fba-fields label{display:flex;align-items:center;gap:6px;font-size:11px;color:#788795}.oc-fba-fields input,.oc-fba-fields select{height:29px;width:110px;border:1px solid #ddd;padding:4px 8px;color:#75808b;font-size:11px}.oc-fba-fields input[name=fbaId]{width:175px}.oc-fba-fields small{color:#8c979e}
/* 宽屏下单：扩大抽屉与货物表，减少非内容留白。 */
.demo-modal.order-drawer:has(.oc-order-form){width:min(2000px,96vw)}
.order-drawer:has(.oc-order-form) .modal-content{padding:14px 24px 24px}
.oc-order-form .oc-columns{gap:36px}
.oc-order-form .oc-field{grid-template-columns:100px minmax(0,1fr);margin-bottom:12px}
.oc-order-form .oc-section-title{max-width:none;margin:16px 0 12px}
.oc-order-form .oc-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px;padding-top:7px}
.oc-order-form .oc-cargo{margin:22px 0 0}
.oc-order-form .oc-cargo-top{min-height:90px;gap:35px;align-items:flex-start}
.oc-order-form .oc-cargo-top .oc-field{grid-template-columns:55px 105px}
.oc-order-form .oc-packing{margin-left:15px}
.oc-order-form .oc-upload{width:76px;height:76px}
.oc-order-form .oc-fba-fields{margin:12px 0 16px;gap:20px}
.oc-order-form .oc-grid-wrap{max-height:clamp(360px,55vh,760px)}
.oc-order-form .oc-cargo-table{width:100%;min-width:1450px}
.oc-order-form .oc-cargo-table col:nth-child(2){width:90px!important}
.oc-order-form .oc-cargo-table thead th{position:sticky;top:0;z-index:2}
.oc-order-form .oc-cargo-table input[data-cargo-key=boxNo]{font-size:12px;padding-left:6px}
@media(max-width:760px){.demo-modal.order-drawer:has(.oc-order-form){width:100vw}.oc-order-form .oc-flags{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-order-form .oc-cargo-top{flex-wrap:wrap}.oc-order-form .oc-grid-wrap{max-height:55vh}}
.oc-order-form .oc-cargo-top{flex-wrap:wrap}
.oc-customs #oc-customs-list{max-width:240px;font-size:12px;line-height:1.6}
#oc-customs-list>div{display:flex;align-items:start;gap:8px;margin-top:5px}
#oc-customs-list>div>span{overflow-wrap:anywhere;flex:1;min-width:0}
#oc-customs-list button{border:0;background:transparent;color:#82909a;cursor:pointer}
#oc-customs-list small{display:block;color:#8b949c;margin-top:4px}