.color-ratio-container[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;min-height:600px;padding:6px}.left-product-panel[data-v-0eed9d0c]{width:240px;-ms-flex-negative:0;flex-shrink:0;background:linear-gradient(135deg,#f6f9fc,#eef2f7);border-radius:12px;padding:16px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid #e1e8ed}.product-info-card[data-v-0eed9d0c]{background:#fff;border-radius:8px;padding:16px;margin-bottom:20px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.04);box-shadow:0 2px 6px rgba(0,0,0,.04);border:1px solid #f0f0f0}.product-header[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.product-icon[data-v-0eed9d0c]{font-size:16px;color:#4a90e2;margin-right:8px}.product-title[data-v-0eed9d0c]{font-size:14px;font-weight:600;color:#2c3e50}.product-details[data-v-0eed9d0c]{gap:12px}.product-details[data-v-0eed9d0c],.product-item[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product-item[data-v-0eed9d0c]{gap:4px}.product-label[data-v-0eed9d0c]{font-size:12px;color:#8c98a4;font-weight:500}.product-value[data-v-0eed9d0c]{padding:6px 8px;border-radius:4px;font-size:13px;border:1px solid #e8e8e8;min-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.barcode-value[data-v-0eed9d0c]{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);color:#1890ff;font-family:Monaco,Consolas,monospace;font-weight:600;letter-spacing:1px}.name-value[data-v-0eed9d0c]{background:linear-gradient(135deg,#f6ffed,#f0f9e8);color:#52c41a;font-weight:500}.spec-value[data-v-0eed9d0c]{background:linear-gradient(135deg,#fff7e6,#fef5e6);color:#fa8c16;font-weight:500}.ratio-summary[data-v-0eed9d0c]{background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.04);box-shadow:0 2px 6px rgba(0,0,0,.04)}.summary-title[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;color:#2c3e50;font-weight:600}.summary-title .anticon[data-v-0eed9d0c]{margin-right:6px;color:#52c41a}.summary-content[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.summary-item[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 0}.summary-label[data-v-0eed9d0c]{color:#5a6c7d;font-size:13px}.summary-value[data-v-0eed9d0c]{font-weight:600;color:#8c98a4;background:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.summary-value.has-data[data-v-0eed9d0c]{color:#2c3e50;background:#f0f7ff;-webkit-box-shadow:0 1px 3px rgba(74,144,226,.1);box-shadow:0 1px 3px rgba(74,144,226,.1)}.right-ratio-panel[data-v-0eed9d0c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06)}.ratio-card[data-v-0eed9d0c]{border-radius:12px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid #e8f4f8}[data-v-0eed9d0c] .ant-card-extra{padding:0}[data-v-0eed9d0c] .ant-card-extra .ant-btn{line-height:1.2}.ratio-section[data-v-0eed9d0c]{margin-bottom:24px}.core-material-section[data-v-0eed9d0c]{margin-bottom:0}.section-header[data-v-0eed9d0c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#fafbfc,#f4f6f8);border-radius:8px;border:1px solid #e8f4f8}.header-left[data-v-0eed9d0c],.section-header[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-icon[data-v-0eed9d0c]{font-size:16px;margin-right:8px;color:#4a90e2}.section-icon.core-icon[data-v-0eed9d0c]{color:#ff7875}.section-title[data-v-0eed9d0c]{font-size:15px;font-weight:600;color:#2c3e50}.section-subtitle[data-v-0eed9d0c]{font-size:12px;color:#8c98a4;font-style:italic}.enhanced-table-wrapper[data-v-0eed9d0c]{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #f0f0f0}.enhanced-table[data-v-0eed9d0c]{width:100%;background:#fff}.enhanced-table-header[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;background:linear-gradient(135deg,#fafbfc,#f4f6f8);border-bottom:2px solid #e8f4f8;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.enhanced-table-header .th-item[data-v-0eed9d0c]{padding:12px 8px;font-weight:600;font-size:13px;color:#2c3e50;border-right:1px solid #e8f4f8;text-align:center;background:linear-gradient(135deg,#fafbfc,#f4f6f8)}.enhanced-table-header .th-item[data-v-0eed9d0c]:last-child{border-right:none}.enhanced-table-body[data-v-0eed9d0c]{background:#fff}.enhanced-table-row[data-v-0eed9d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f5f5f5;-webkit-transition:all .2s ease;transition:all .2s ease}.enhanced-table-row[data-v-0eed9d0c]:hover{background-color:#fafafa}.enhanced-table-row.row-filled[data-v-0eed9d0c]{background:linear-gradient(135deg,#f6ffed,#fcffe6)}.enhanced-table-row.row-filled[data-v-0eed9d0c]:hover{background:linear-gradient(135deg,#f0f9e8,#f7ffe0)}.enhanced-table-row[data-v-0eed9d0c]:last-child{border-bottom:none}.enhanced-table-row .td-item[data-v-0eed9d0c]{padding:8px;border-right:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px}.enhanced-table-row .td-item[data-v-0eed9d0c]:last-child{border-right:none}.sequence-col[data-v-0eed9d0c]{width:55px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.supplier-col[data-v-0eed9d0c]{width:200px}.material-col[data-v-0eed9d0c]{width:180px}.color-code-col[data-v-0eed9d0c],.supplier-color-col[data-v-0eed9d0c]{width:110px}.process-col[data-v-0eed9d0c]{width:140px}.fineness-col[data-v-0eed9d0c]{width:95px}.quantity-col[data-v-0eed9d0c]{width:85px}.percentage-col[data-v-0eed9d0c],.weight-col[data-v-0eed9d0c]{width:95px}.remark-col[data-v-0eed9d0c]{width:160px}.sequence-badge[data-v-0eed9d0c]{width:24px;height:24px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;font-size:12px}.yarn-badge[data-v-0eed9d0c]{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;-webkit-box-shadow:0 2px 4px rgba(74,144,226,.3);box-shadow:0 2px 4px rgba(74,144,226,.3)}.core-badge[data-v-0eed9d0c]{background:linear-gradient(135deg,#ff7875,#ff4d4f);color:#fff;-webkit-box-shadow:0 2px 4px rgba(255,120,117,.3);box-shadow:0 2px 4px rgba(255,120,117,.3)}.badge-number[data-v-0eed9d0c]{font-size:11px}.enhanced-input[data-v-0eed9d0c]{width:100%;border-radius:4px;border:1px solid #d9d9d9;-webkit-transition:all .2s ease;transition:all .2s ease}.enhanced-input[data-v-0eed9d0c]:hover{border-color:#4a90e2}.enhanced-input[data-v-0eed9d0c]:focus{border-color:#4a90e2;-webkit-box-shadow:0 0 0 2px rgba(74,144,226,.1);box-shadow:0 0 0 2px rgba(74,144,226,.1)}.supplier-select-fixed[data-v-0eed9d0c]{width:100%!important;min-width:168px!important;max-width:168px!important}.supplier-select-fixed .ant-select-selection[data-v-0eed9d0c]{width:100%!important;background:#fafafa;border:1px solid #e0e0e0;-webkit-transition:all .3s ease;transition:all .3s ease;padding-right:20px}.supplier-select-fixed .ant-select-selection[data-v-0eed9d0c]:hover{border-color:#4a90e2;background:#fff}.supplier-select-fixed.ant-select-focused .ant-select-selection[data-v-0eed9d0c]{border-color:#4a90e2;background:#fff;-webkit-box-shadow:0 0 0 2px rgba(74,144,226,.1);box-shadow:0 0 0 2px rgba(74,144,226,.1)}.supplier-select-fixed .ant-select-selection__rendered[data-v-0eed9d0c]{width:100%!important;margin-right:24px}.supplier-select-fixed .ant-select-selection-selected-value[data-v-0eed9d0c]{max-width:calc(100% - 25px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important;font-size:12px}.supplier-select-fixed .ant-select-dropdown[data-v-0eed9d0c]{min-width:200px!important;max-width:300px!important}.supplier-select-fixed .ant-select-dropdown-menu-item[data-v-0eed9d0c]{padding:8px 12px;-webkit-transition:all .2s;transition:all .2s}.supplier-select-fixed .ant-select-dropdown-menu-item[data-v-0eed9d0c]:hover{background:#f0f7ff}.supplier-select-core[data-v-0eed9d0c]{width:100%!important;min-width:140px!important;max-width:140px!important}.supplier-select-core .ant-select-selection[data-v-0eed9d0c]{width:100%!important;background:#fafafa;border:1px solid #e0e0e0;-webkit-transition:all .3s ease;transition:all .3s ease;padding-right:20px}.supplier-select-core .ant-select-selection[data-v-0eed9d0c]:hover{border-color:#4a90e2;background:#fff}.supplier-select-core.ant-select-focused .ant-select-selection[data-v-0eed9d0c]{border-color:#4a90e2;background:#fff;-webkit-box-shadow:0 0 0 2px rgba(74,144,226,.1);box-shadow:0 0 0 2px rgba(74,144,226,.1)}.supplier-select-core .ant-select-selection__rendered[data-v-0eed9d0c]{width:100%!important;margin-right:24px}.supplier-select-core .ant-select-selection-selected-value[data-v-0eed9d0c]{max-width:calc(100% - 25px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important;font-size:12px}.supplier-select-core .ant-select-dropdown[data-v-0eed9d0c]{min-width:180px!important;max-width:260px!important}.supplier-select-core .ant-select-dropdown-menu-item[data-v-0eed9d0c]{padding:8px 12px;-webkit-transition:all .2s;transition:all .2s}.supplier-select-core .ant-select-dropdown-menu-item[data-v-0eed9d0c]:hover{background:#f0f7ff}.add-supplier-option[data-v-0eed9d0c]{padding:8px 12px;cursor:pointer;color:#4a90e2;font-size:13px;-webkit-transition:background-color .2s;transition:background-color .2s}.add-supplier-option[data-v-0eed9d0c]:hover{background-color:#f0f7ff}.add-supplier-option .anticon[data-v-0eed9d0c]{margin-right:6px}