:root{--ink:#17263e;--muted:#66748a;--line:#dce3ed;--blue:#1859df;--blue-soft:#edf3ff;--paper:#fff;--bg:#f3f6fa;--error:#b42318;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,summary,label{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #8baef5;outline-offset:4px}input:focus,select:focus{outline:2px solid #8baef5;outline-offset:1px;border-color:var(--blue)}
.site-header{background:#14243d;color:#fff}.header-inner{max-width:1240px;margin:auto;min-height:76px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:.9375rem}.brand strong{font-weight:600}.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#fff;color:#14243d;border-radius:8px;font-size:1.125rem;font-weight:800}.brand-separator{color:#8f9cb0;padding:0 14px}.header-link{color:#c6d4ef;font-size:.875rem;white-space:nowrap}
main{max-width:1240px;margin:auto;padding:32px 28px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:var(--blue);font-size:.75rem;letter-spacing:.1em;font-weight:700;margin-bottom:8px}h1{font-size:1.75rem;font-weight:700;line-height:1.4;letter-spacing:-.025em}.origin{font-size:.875rem;color:var(--muted);background:#e7edf5;border:1px solid var(--line);padding:9px 13px;border-radius:6px}.origin strong{color:var(--ink);margin-left:8px;font-weight:600}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.cargo-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}h2{font-size:1.125rem;line-height:1.5;font-weight:650}.small-note{font-size:.8125rem;color:var(--muted)}.route-field label,.mode-field legend{font-size:.875rem;font-weight:600;margin-bottom:9px;display:block}select,input[type=number]{height:44px;border:1px solid #cdd6e4;border-radius:6px;color:var(--ink);background:white;padding:8px 11px;min-width:0;width:100%}select{padding-right:28px}.destination-note{color:#9b4f08;background:#fff7e8;padding:10px 12px;border-radius:6px;margin-top:10px;font-size:.875rem;line-height:1.6}
.mode-field{padding:0;border:0;margin:20px 0 24px;min-width:0}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;background:#f4f6f9;padding:4px;gap:4px}.segmented label{position:relative;text-align:center;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;font-size:.875rem;padding:10px 6px;border-radius:5px;color:var(--muted);line-height:1.35}.segmented input:checked+span{background:white;color:var(--blue);box-shadow:0 1px 4px #17263e18;font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--blue)}
.box-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}h3{font-size:.9375rem;font-weight:650}.sample-tag{font-size:.75rem;color:#9b5b11;background:#fff5e5;padding:5px 8px;border-radius:4px;line-height:1.5}.box-columns,.box-row{display:grid;grid-template-columns:minmax(54px,.75fr) minmax(90px,1.25fr) repeat(3,minmax(60px,1fr)) 30px;gap:8px}.box-columns{font-size:.8125rem;color:var(--muted);margin-bottom:8px}.box-row{margin-bottom:12px;align-items:start}.box-field{min-width:0}.box-field label{display:none}.box-row input{padding:8px;font-variant-numeric:tabular-nums}.box-row input:disabled{background:#f2f4f7;color:#8c95a5;border-color:#e3e7ee}.remove-box{height:44px;width:30px;border:0;background:transparent;color:#6a768a;font-size:1.25rem;border-radius:4px}.remove-box:hover:not(:disabled){background:#fff0ee;color:var(--error)}.remove-box:disabled{opacity:.25}.add-button{width:100%;border:1px dashed #b9c9e3;background:#fafcff;color:var(--blue);border-radius:6px;min-height:42px;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 20px}.add-button:hover{background:var(--blue-soft)}.add-button span{font-size:1.125rem}
.shipment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f5f7fa;border-radius:8px;margin:20px 0;padding:14px 0}.shipment-summary>div{padding:0 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.shipment-summary>div:last-child{border:0}.shipment-summary span{font-size:.8125rem;color:var(--muted)}.shipment-summary strong{font-size:1.0625rem;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.shipment-summary small{font-size:.75rem;font-weight:400;color:var(--muted);margin-left:4px}
summary{cursor:pointer;list-style-position:inside}.settings{border-top:1px solid var(--line);padding-top:16px}.settings summary{font-size:.875rem;font-weight:600;line-height:1.6}.settings summary span{font-weight:400;color:var(--muted);font-size:.8125rem;margin-left:8px}.settings-content{padding-top:16px;display:grid;gap:14px}.settings-field{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:12px;font-size:.875rem}.settings-field select,.settings-field input{font-size:.875rem}.check-field{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.6;cursor:pointer}.check-field input{width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}.assumption-note{font-size:.8125rem;line-height:1.7;color:var(--muted);background:#f5f7fa;padding:12px;border-radius:6px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.form-footer p{font-size:.8125rem;color:var(--muted);line-height:1.7}.calculate-button{border:0;background:var(--blue);color:white;padding:11px 20px;border-radius:6px;font-size:.875rem;font-weight:600;white-space:nowrap}.calculate-button:hover{background:#1047bd}.invalid{border-color:var(--error)!important;outline-color:#eeb5b0!important;background:#fff7f6!important}.form-footer .error{color:var(--error)}
.results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}.results-heading span{font-size:.8125rem;color:var(--muted)}.carrier-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:14px}.carrier-card.anneng{border-top:3px solid var(--blue);padding-top:20px}.carrier-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.carrier-name{display:flex;align-items:center;gap:9px;font-size:1.0625rem;font-weight:650}.carrier-symbol{font-size:.8125rem;width:27px;height:27px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;border-radius:6px;font-weight:700}.suteng .carrier-symbol{background:#eef2f6;color:#52657f}.transit{font-size:.8125rem;color:var(--muted)}.amount-label{font-size:.8125rem;color:var(--muted);margin-bottom:5px}.amount{font-size:2.3rem;line-height:1.25;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.amount .currency{font-size:1.125rem;font-weight:500;margin-right:4px}.anneng .amount{color:var(--blue)}.amount.unpriced{font-size:1.5rem;letter-spacing:0;color:#9b5b11}.amount.invalid-result{font-size:1.375rem;color:var(--muted);letter-spacing:0}.carrier-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}.carrier-metrics>div{min-width:0}.carrier-metrics dt{font-size:.8125rem;color:var(--muted);margin-bottom:5px}.carrier-metrics dd{margin:0;font-size:.9375rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.carrier-metrics .billable{font-weight:700}.fee-breakdown{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.minimum-note{font-size:.8125rem;color:#9b5b11;margin-top:8px}.result-rule{padding:4px 5px;font-size:.8125rem;line-height:1.8;color:var(--muted)}.result-rule strong{color:var(--ink);font-weight:600}.result-rule span,.result-rule strong{display:block}
.detail-panel,.tariff-panel{margin-top:20px}.detail-panel>summary,.tariff-panel>summary{padding:18px 22px;font-size:.9375rem;line-height:1.8}.detail-panel>summary>span,.tariff-panel>summary>span{color:var(--muted);font-size:.8125rem;margin-left:14px}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}.table-scroll th,.table-scroll td{padding:12px 18px;border-top:1px solid #e4e9f0;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.5}.table-scroll th{font-weight:600;color:#516176;background:#f6f8fb;font-size:.8125rem}.table-scroll th small{font-size:.75rem;font-weight:400;color:var(--muted)}.table-scroll tbody tr:hover{background:#f5f8ff}.table-scroll .selected-destination{background:#edf3ff}.table-scroll td:first-child{min-width:140px}.table-empty{padding:16px 22px;color:var(--muted);font-size:.875rem}.tariff-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 22px 18px;font-size:.8125rem;color:var(--muted);line-height:1.7}.tariff-intro a{white-space:nowrap}.page-footer{color:var(--muted);font-size:.75rem;line-height:1.8;margin-top:22px}.page-footer p+p{margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.results{position:sticky;top:24px}}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}.cargo-panel{padding:20px}.carrier-card{padding:20px}.box-columns,.box-row{grid-template-columns:minmax(48px,.8fr) minmax(70px,1.2fr) repeat(3,minmax(45px,1fr)) 24px;gap:6px}.box-row input{padding:7px 5px}.remove-box{width:24px}.small-note{font-size:.75rem}.shipment-summary>div{padding:0 10px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.results{position:static}.results-heading{margin-top:5px}#results-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.carrier-card{margin-bottom:0}.result-rule{margin-top:14px}.box-columns,.box-row{grid-template-columns:minmax(55px,.75fr) minmax(95px,1.25fr) repeat(3,minmax(70px,1fr)) 30px;gap:8px}}
@media(max-width:560px){.header-inner{min-height:66px;padding:14px 18px}.brand{font-size:.875rem;gap:9px}.brand-mark{width:31px;height:31px}.brand-separator{padding:0 8px}.header-link{display:none}main{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}h1{font-size:1.5rem}.origin{font-size:.8125rem;padding:7px 10px}.cargo-panel{padding:20px 16px}.panel-heading{align-items:flex-start;gap:8px}.panel-heading h2{font-size:1rem}.small-note{white-space:nowrap}.box-columns{display:none}.box-section-header{align-items:flex-start}.sample-tag{font-size:.75rem}.box-row{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;border:1px solid var(--line);padding:14px;border-radius:8px;margin-bottom:12px;background:#fafbfd}.box-field label{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:6px;line-height:1.5}.box-field.weight-field{grid-column:2 / 4;margin-right:30px}.remove-box{position:absolute;right:8px;top:39px;width:24px}.box-row input{padding:8px;width:100%}.shipment-summary>div{padding:0 9px}.shipment-summary strong{font-size:.9375rem}.shipment-summary small{display:inline;font-size:.75rem}.settings summary span{display:block;margin:4px 0 0 18px}.settings-field{grid-template-columns:1fr;gap:8px}#results-container{grid-template-columns:1fr}.carrier-card{padding:20px}.carrier-metrics{grid-template-columns:1fr 1fr}.amount{font-size:2.2rem}.detail-panel>summary,.tariff-panel>summary{padding:16px}.detail-panel>summary>span,.tariff-panel>summary>span{display:block;margin-left:18px;margin-top:3px}.tariff-intro{flex-direction:column;align-items:flex-start;padding:0 16px 16px;gap:8px}.table-scroll th,.table-scroll td{padding:12px 14px}.page-footer{font-size:.75rem}}
.address-field{margin-bottom:20px}.address-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.address-label label{font-size:.875rem;font-weight:600}.address-label button{border:0;background:transparent;color:var(--muted);padding:5px 0 5px 12px;font-size:.8125rem}.address-label button:hover{color:var(--blue)}textarea{font:inherit;width:100%;min-height:94px;resize:vertical;border:1px solid #cdd6e4;border-radius:6px;padding:11px 12px;color:var(--ink);background:#fff;line-height:1.6;display:block}textarea:focus{outline:2px solid #8baef5;outline-offset:1px;border-color:var(--blue)}textarea::placeholder{color:#8994a5}.address-help{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:7px}.address-status{font-size:.8125rem;line-height:1.7;margin-top:9px;padding:9px 11px;border-radius:6px;background:var(--blue-soft);color:#194793;overflow-wrap:anywhere}.address-status[data-state=warning]{background:#fff7e8;color:#9b4f08}.address-status[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){button,input,select,textarea{transition:background-color .14s,border-color .14s}}
.product-help{font-size:.8125rem;color:var(--muted);line-height:1.7;margin:-2px 0 14px}.box-row{position:relative;grid-template-columns:minmax(54px,.75fr) minmax(90px,1.25fr) repeat(3,minmax(60px,1fr));border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px;background:#fafbfd;gap:12px 8px}.box-field label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px;line-height:1.5;white-space:nowrap}.box-row .remove-box{position:absolute;right:7px;top:6px;width:26px;height:30px}.product-panel{grid-column:1/-1;min-width:0}.product-panel>label:first-child{display:block;font-size:.8125rem;font-weight:600;margin:0 30px 8px 0;line-height:1.6}.product-select{font-size:.875rem;max-width:100%}.product-info{margin-top:12px;min-width:0}.product-overview{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}.product-image-link{display:block;font-size:.75rem;text-align:center;line-height:1.5}.product-image-link img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px;display:block;margin-bottom:5px;border:1px solid var(--line)}.product-facts strong{font-size:.875rem;font-weight:650;line-height:1.6;display:block;overflow-wrap:anywhere}.product-facts p{font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.product-facts .product-source{font-size:.75rem}.product-warning{font-size:.8125rem;line-height:1.7;color:#9b4f08;background:#fff4df;border-radius:5px;padding:9px 11px;margin-top:10px;overflow-wrap:anywhere}.product-panel .product-review{font-size:.8125rem;align-items:flex-start;margin-top:10px}.product-review input{margin-top:3px}.product-adjustment{font-size:.75rem;color:var(--blue);line-height:1.7;margin-top:8px}.product-info[hidden],.product-review[hidden],.product-adjustment[hidden]{display:none}
@media(max-width:1000px) and (min-width:801px){.box-row{grid-template-columns:minmax(44px,.8fr) minmax(68px,1.2fr) repeat(3,minmax(42px,1fr));padding:12px;gap:12px 5px}.box-field label{font-size:.6875rem}}
@media(max-width:560px){.box-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;padding:12px}.box-field.weight-field{margin-right:0}.box-field label{font-size:.8125rem}.product-overview{grid-template-columns:80px minmax(0,1fr);gap:10px}.product-panel>label:first-child{font-size:.8125rem}.product-facts p{font-size:.75rem}}
.box-row{display:block}.order-quantity-field{margin-top:14px}.order-quantity-field>label,.order-import-content>label{display:block;font-size:.8125rem;font-weight:600;line-height:1.6;margin-bottom:7px}.quantity-control{display:flex;align-items:center;gap:10px}.quantity-control input{max-width:260px}.quantity-unit{color:var(--muted);font-size:.875rem;white-space:nowrap}.carton-conversion{font-size:.8125rem;line-height:1.7;color:var(--blue);margin-top:7px;overflow-wrap:anywhere}.carton-conversion.quantity-error{color:var(--error)}.carton-details{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.carton-details>summary{font-size:.75rem;color:var(--muted);line-height:1.7}.carton-fields{display:grid;grid-template-columns:minmax(54px,.75fr) minmax(90px,1.25fr) repeat(3,minmax(60px,1fr));gap:8px;margin-top:12px}.order-quantity-field[hidden]{display:none}.route-settings{margin:12px 0 22px}.route-settings>summary{font-size:.8125rem;color:var(--muted)}.route-settings .route-field{margin-top:12px}.order-import{padding:13px 14px;border:1px dashed #b9c9e3;border-radius:7px;margin-bottom:22px;background:#fafcff}.order-import>summary{font-size:.875rem;font-weight:600;line-height:1.7}.order-import>summary>span{font-size:.75rem;color:var(--muted);font-weight:400;margin-left:7px}.order-import-content{margin-top:14px;min-width:0}.order-import-content input[type=file]{max-width:100%;font-size:.8125rem;display:block}.template-link{font-size:.8125rem;display:inline-block;margin:10px 0 15px}.import-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.import-actions button{padding:8px 12px;border:1px solid #b9c9e3;background:#fff;color:var(--blue);border-radius:5px;font-size:.8125rem}.import-actions #import-order{background:var(--blue);color:#fff;border-color:var(--blue)}#import-status{font-size:.8125rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;padding:9px 10px;border-radius:5px}.import-error{color:var(--error);background:#fff1ef}.import-success{color:#194793;background:var(--blue-soft)}.settings .mode-field{margin:2px 0 0}
@media(min-width:801px) and (max-width:1000px){.carton-fields{grid-template-columns:minmax(44px,.8fr) minmax(68px,1.2fr) repeat(3,minmax(42px,1fr));gap:5px}}
@media(max-width:560px){.carton-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.carton-fields .weight-field{grid-column:2/4}.order-import>summary>span{display:block;margin:4px 0 0 17px}.quantity-control input{max-width:none}}
.editable-weight{min-width:0}.editable-weight>label{font-size:.8125rem;color:var(--muted)}.summary-weight-control{display:flex;align-items:center;min-width:0;gap:4px}.summary-weight-control input{min-width:0;width:100%;padding:5px 6px;border:1px solid #b9c9e3;border-radius:4px;background:white;font-size:1.0625rem;font-weight:650;font-variant-numeric:tabular-nums}.summary-weight-control input:disabled{background:transparent;border-color:transparent;color:var(--muted)}.summary-weight-control small{margin:0;flex-shrink:0}.editable-weight button{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--blue);font-size:.6875rem;line-height:1.6;text-align:left}.editable-weight button[hidden]{display:none}.weight-adjustment-note{font-size:.75rem;line-height:1.7;color:var(--muted);margin:-10px 0 18px;overflow-wrap:anywhere}.weight-adjustment-note.weight-adjusted{color:#885b16;background:#fff7e8;padding:9px 10px;border-radius:5px}
@media(max-width:560px){.shipment-summary{grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr) minmax(0,1fr)}.summary-weight-control input{font-size:.9375rem;padding:5px 3px;appearance:textfield}.summary-weight-control input::-webkit-inner-spin-button,.summary-weight-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editable-weight>label{font-size:.8125rem}}
.billing-basis{display:inline-block;max-width:100%;margin-top:12px;padding:5px 9px;border-radius:5px;background:var(--blue-soft);color:var(--blue);font-size:.8125rem;line-height:1.6;overflow-wrap:anywhere}