:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#1f2937;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.page{max-width:1280px;margin:0 auto;padding:32px 24px 72px}.hero{padding:24px 2px 30px}.eyebrow{color:#2563eb;font-weight:700;letter-spacing:.12em;font-size:13px}h1{font-size:32px;line-height:1.3;margin:10px 0}h2{font-size:19px;margin:0 0 5px}.hero p,.section-head p{color:#64748b;margin:0}.card{background:white;border:1px solid #dfe5ee;border-radius:14px;padding:26px;margin-bottom:18px;box-shadow:0 4px 18px #1c376008}.section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.step{display:inline-grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e8f0ff;color:#1d4ed8;font-weight:700}.upload-line,.actions,.settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-line input{flex:1;min-width:280px}.button{border:0;border-radius:8px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}.primary{background:#2563eb;color:white}.secondary{background:#e8f0ff;color:#1d4ed8}.button:disabled{opacity:.5;cursor:not-allowed}.muted,footer{font-size:13px;color:#64748b;margin-top:14px}.hidden{display:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e5eaf0;padding:12px 9px;vertical-align:middle}th{background:#f8fafc;color:#475569;white-space:nowrap}input[type=text],input[type=number],select{border:1px solid #cbd5e1;border-radius:7px;background:white;padding:9px 10px;font:inherit;max-width:100%}td input[type=text]{min-width:140px}td input[type=number]{width:110px}.settings{padding:14px 18px;background:#f8fafc;border-radius:9px;margin-bottom:18px}.settings input{width:95px;margin:0 6px}.pill{background:#e9f7ee;color:#137a42;padding:8px 12px;border-radius:20px;font-size:13px}.dimension{border-top:1px solid #e5eaf0;padding-top:16px;margin-top:16px}.dimension h3{font-size:15px;margin:0 0 12px}.spec-grid{display:flex;gap:10px;flex-wrap:wrap}.spec-grid label{border:1px solid #e2e8f0;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:6px;font-size:13px}.spec-grid input{width:78px}.error{color:#b42318;background:#fff1f0;padding:12px;border-radius:7px;margin-top:14px}.success{color:#0f7a43;background:#eaf8ef;padding:12px;border-radius:7px;margin-top:14px}.issue-list{margin:12px 0;padding-left:22px;color:#b42318}.sample{margin-top:18px}.sample h3{font-size:15px}footer{text-align:center;margin-top:24px}@media(max-width:700px){.page{padding:18px 12px}.card{padding:18px}.hero h1{font-size:26px}.section-head p{font-size:13px}}
:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#1f2937;background:#f3f6fa}
.rule{display:flex;align-items:center;gap:8px;white-space:nowrap}
.rule input[type=number]{width:82px}
.category-dimensions{border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-top:14px}
.category-title{font-size:16px;font-weight:700;color:#1d4ed8}
.category-title span{font-size:13px;font-weight:400;color:#64748b;margin-left:8px}
.dimension-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.dimension-head h3{margin:0}
.remove-spec,.remove-spec-value{display:inline-grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border:0;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:19px;line-height:1;cursor:pointer}
.remove-spec:hover,.remove-spec-value:hover{background:#fee2e2;color:#b42318}
.spec-value{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:7px;padding-right:6px}
.spec-grid .spec-value label{border:0;padding:8px 6px 8px 10px}
.restore-specs{margin-left:12px;border:0;background:none;color:#2563eb;font:inherit;font-size:13px;font-weight:400;cursor:pointer}
.restore-specs:hover{text-decoration:underline}
.product-overrides{border-top:1px solid #e5eaf0;margin-top:18px;padding-top:18px}
.product-overrides-head{font-size:15px;font-weight:700;margin-bottom:12px}
.product-overrides-head span{font-size:13px;font-weight:400;color:#64748b;margin-left:8px}
.product-override-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.product-override-picker select{min-width:220px;max-width:min(100%,400px)}
.product-override-picker .button{padding:9px 14px}
.product-override-list{display:grid;gap:14px;margin-top:14px}
.product-override-item{border-top:1px solid #e5eaf0;padding-top:14px}
.product-override-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:14px}
.remove-product-override{border:0;background:transparent;color:#64748b;font-size:20px;line-height:1;cursor:pointer}
.remove-product-override:hover{color:#b42318}
.product-price-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.product-price-toggle input{accent-color:#2563eb}
.product-price-fields{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.product-price-fields .rule input[type=number]{width:90px}
.product-tail-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.product-tail-options label{display:inline-flex;align-items:center;gap:3px}
.product-tail-options input{accent-color:#2563eb}
.product-spec-fields{margin-top:13px}
.product-spec-title{font-size:13px;font-weight:600;margin-bottom:8px}
.product-spec-title span{color:#64748b;font-weight:400;margin-left:6px}
.product-spec-grid{display:flex;gap:8px;flex-wrap:wrap}
.product-spec-field{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:7px;padding:7px 9px;font-size:13px}
.product-spec-field input{width:104px}
.tail-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tail-options label{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.tail-options input{margin:0}.tail-hint{display:block;margin-top:5px}

.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file-picker{min-width:0;flex:1 1 320px;display:flex;align-items:center;gap:12px;border:1px solid #cbd5e1;border-radius:9px;padding:4px 12px 4px 4px;background:#f8fafc;cursor:pointer}
.file-picker:hover{border-color:#2563eb;background:#f5f8ff}
.file-picker-button{flex:0 0 auto;padding:9px 14px;border-radius:7px;background:#e8f0ff;color:#1d4ed8;font-weight:600}
.file-name{overflow:hidden;color:#475569;text-overflow:ellipsis;white-space:nowrap}
.upload-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:11px;color:#64748b;font-size:13px}
.source-info{color:#2563eb}
.settings .export-option{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.settings .export-option input{width:auto;margin:0;accent-color:#2563eb}
.category-picker{display:inline-flex;align-items:center;gap:6px}
.category-count{display:inline;color:#64748b;font-size:13px;margin:0;white-space:nowrap}
th small{color:#94a3b8;font-size:12px;font-weight:400}
.tail-option{display:inline-flex!important;align-items:center;justify-content:center;min-width:48px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:7px;color:#475569;cursor:pointer;user-select:none}
.tail-option:hover{border-color:#93b4f4;background:#f5f8ff}
.tail-option:has(input:checked){border-color:#2563eb;background:#e8f0ff;color:#1d4ed8;font-weight:600}
.tail-option input{margin:0 5px 0 0!important;accent-color:#2563eb}
#mappingBody tr:hover{background:#fbfdff}
.primary:hover{background:#1d4ed8}
.secondary:hover{background:#dbe7ff}
input[type=text]:focus,input[type=number]:focus,select:focus{border-color:#2563eb;outline:3px solid #2563eb22}

#mappingSection .section-head{margin-bottom:18px}
#mappingSection .section-head p+p{margin-top:4px}
#mappingSection th{padding:14px 10px}
#mappingSection td{padding:16px 10px;vertical-align:middle}
#mappingSection .category-picker{white-space:nowrap}
#mappingSection .tail-options{gap:8px;min-width:360px}
#mappingSection .box-fee-field{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#mappingSection .map-box-fee{width:92px}

@media(max-width:700px){
  .file-picker{flex-basis:100%}
  .upload-line .button{width:100%}
  .rule{flex-wrap:wrap;white-space:normal}
}