/* Shared flat layout for owner quotation backends (/quote/{IBR,Double,…}/). - main max-width 1200px - no 参数/常数 mega-cards: inner cards sit in main - compact content-fit cards (flex-wrap, max-content) - section divider between 参数 zone and 常数 zone - notes under tables cannot widen past table width */ header > div, main { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; box-sizing: border-box !important; } @media (max-width: 1280px) { main { max-width: min(1200px, 100%) !important; } } /* ---- Parameters: flat flex of inner cards (beats existing-quotes-layout grid) ---- */ #parametersSection.quote-backend-params-flat, #parametersSection.parameter-group-grid.quote-backend-params-flat, #parametersSection[data-quote-backend].parameter-group-grid.quote-backend-params-flat, #parametersSection[data-quote-backend].quote-backend-params-flat.parameter-group-grid, .quote-backend-params-flat { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; margin-bottom: 18px !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; grid-template-columns: none !important; grid-template-rows: none !important; grid-auto-flow: unset !important; grid-auto-rows: unset !important; } #parametersSection.quote-backend-params-flat > .card, .quote-backend-params-flat > .card { grid-column: auto !important; grid-row: auto !important; width: max-content !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; box-sizing: border-box !important; justify-self: auto !important; } /* Glazed / Embossing: display:contents so param cards join one flat flex + CSS order works. */ #parametersSection.quote-backend-params-flat .parameter-dashboard, #parametersSection.quote-backend-params-flat .parameter-dashboard__main, #parametersSection.quote-backend-params-flat .parameter-dashboard__left, #parametersSection.quote-backend-params-flat .parameter-dashboard__right, #parametersSection.quote-backend-params-flat .parameter-dashboard__quotes, #parametersSection.quote-backend-params-flat .parameter-dashboard__pack, #parametersSection.quote-backend-params-flat .parameter-dashboard__design, #parametersSection.quote-backend-params-flat .parameter-dashboard__tools, #parametersSection.quote-backend-params-flat .parameter-left-stack, #parametersSection.quote-backend-params-flat .peak-action-stack { display: contents !important; } #parametersSection.quote-backend-params-flat .parameter-dashboard .card, #parametersSection.quote-backend-params-flat .card { width: max-content !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0 !important; } /* Scroll targets: leave room under sticky UI when nav locates a card */ #parametersSection.quote-backend-params-flat .card[id], .decoiler-workspace-grid .card[id], #constantsCards .constants-dynamic-card[id], #constantsExtraCards .card[id], #dropZone, #dropZone .price-category-card[id], #parametersSection { scroll-margin-top: 28px !important; } /* Existing quotes: hug table width; do not force a full row */ #parametersSection.quote-backend-params-flat .existing-quotes-card, .quote-backend-params-flat .existing-quotes-card { flex: 0 0 auto !important; width: max-content !important; max-width: 100% !important; } /* ---- Parameter card visual order (match floating nav L2) ---- */ /* 峰高 → 报价 → 现存报价单 → 价格计算 → 倍率 → 文件名 */ #parametersSection[data-quote-backend="ibr"] #navPeakHeight, #parametersSection[data-quote-backend="paishujiage"] #navPeakHeight, #parametersSection[data-quote-backend="double"] #navPeakHeight { order: 1 !important; } #parametersSection[data-quote-backend="ibr"] #navQuote, #parametersSection[data-quote-backend="paishujiage"] #navQuote, #parametersSection[data-quote-backend="double"] #navQuote { order: 2 !important; } #parametersSection[data-quote-backend="ibr"] #navProfileDrawing, #parametersSection[data-quote-backend="paishujiage"] #navProfileDrawing, #parametersSection[data-quote-backend="double"] #navProfileDrawing { order: 3 !important; } #parametersSection[data-quote-backend="ibr"] #existingQuotesCard, #parametersSection[data-quote-backend="paishujiage"] #existingQuotesCard, #parametersSection[data-quote-backend="double"] #existingQuotesCard { order: 4 !important; } #parametersSection[data-quote-backend="ibr"] #profileExistingQuotesCard, #parametersSection[data-quote-backend="paishujiage"] #profileExistingQuotesCard, #parametersSection[data-quote-backend="double"] #profileExistingQuotesCard { order: 5 !important; } #parametersSection[data-quote-backend="ibr"] #navHeightCalc, #parametersSection[data-quote-backend="paishujiage"] #navHeightCalc, #parametersSection[data-quote-backend="double"] #navHeightCalc { order: 6 !important; } #parametersSection[data-quote-backend="ibr"] #navSizeWeight, #parametersSection[data-quote-backend="paishujiage"] #navSizeWeight { order: 7 !important; } #parametersSection[data-quote-backend="ibr"] #navMultiplier, #parametersSection[data-quote-backend="paishujiage"] #navMultiplier, #parametersSection[data-quote-backend="double"] #navMultiplier { order: 8 !important; } #parametersSection[data-quote-backend="ibr"] #navFileName, #parametersSection[data-quote-backend="paishujiage"] #navFileName, #parametersSection[data-quote-backend="double"] #navFileName { order: 9 !important; } #parametersSection[data-quote-backend="ibr"] #navPacking, #parametersSection[data-quote-backend="paishujiage"] #navPacking { order: 10 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navMaterial { order: 1 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navPrice { order: 2 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navQuote { order: 3 !important; } #parametersSection[data-quote-backend="cut-to-length"] #existingQuotesCard { order: 4 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navHeightCalc { order: 5 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navFileName { order: 6 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navJiangHaoRef { order: 7 !important; } #parametersSection[data-quote-backend="cut-to-length"] #navConveyorStackerRef { order: 8 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navDesign { order: 1 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navPrice { order: 2 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navQuote { order: 3 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #existingQuotesCard { order: 4 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navFileName { order: 5 !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navHeightCalc { order: 6 !important; } #parametersSection[data-quote-backend="door"] #navDoorSupplier { order: 4 !important; } #parametersSection[data-quote-backend="door"] #existingQuotesCard { order: 5 !important; } #parametersSection[data-quote-backend="door"] #navFileName { order: 6 !important; } #parametersSection:is([data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navNotesRef { order: 7 !important; } #parametersSection:is([data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navOptionsRef { order: 8 !important; } #parametersSection:is([data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navOutputCalc { order: 9 !important; } #parametersSection:is([data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) #navWeiPriceRef { order: 10 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navWeiPriceRef { order: 1 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navDesign { order: 2 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navPrice { order: 3 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navQuote { order: 4 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #existingQuotesCard { order: 5 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navFileName { order: 6 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navHeightCalc { order: 7 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navNotesRef { order: 8 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navOptionsRef { order: 9 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navOutputCalc { order: 10 !important; } #parametersSection[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"] #navSizeRange { order: 11 !important; } /* Glazed 表 → 报价 → 现存报价单 → 尺寸重量 → 倍率 → 价格计算 → 文件名 */ #parametersSection[data-quote-backend="glazed"] #navModel { order: 1 !important; } #parametersSection[data-quote-backend="glazed"] #navModel.glazed-model-card { width: fit-content !important; max-width: 100% !important; } #parametersSection[data-quote-backend="glazed"] #navQuote { order: 2 !important; } #parametersSection[data-quote-backend="glazed"] #navProfileDrawing { order: 3 !important; } #parametersSection[data-quote-backend="glazed"] #existingQuotesCard { order: 4 !important; } #parametersSection[data-quote-backend="glazed"] #profileExistingQuotesCard { order: 5 !important; } #parametersSection[data-quote-backend="glazed"] #navSizeWeight { order: 6 !important; } #parametersSection[data-quote-backend="glazed"] #navMultiplier { order: 7 !important; } #parametersSection[data-quote-backend="glazed"] #navHeightCalc { order: 8 !important; } #parametersSection[data-quote-backend="glazed"] #navFileName { order: 9 !important; } /* DoubleGlazed: Glazed 表 → 峰高 → 报价 → 现存报价单 → 倍率 → 价格计算 → 文件名 */ #parametersSection[data-quote-backend="double-glazed"] #navModel { order: 1 !important; } #parametersSection[data-quote-backend="double-glazed"] #navModel.glazed-model-card { width: fit-content !important; max-width: 100% !important; } #parametersSection[data-quote-backend="double-glazed"] #navPeakHeight { order: 2 !important; } #parametersSection[data-quote-backend="double-glazed"] #navQuote { order: 3 !important; } #parametersSection[data-quote-backend="double-glazed"] #navProfileDrawing { order: 4 !important; } #parametersSection[data-quote-backend="double-glazed"] #existingQuotesCard { order: 5 !important; } #parametersSection[data-quote-backend="double-glazed"] #profileExistingQuotesCard { order: 6 !important; } #parametersSection[data-quote-backend="double-glazed"] #navMultiplier { order: 7 !important; } #parametersSection[data-quote-backend="double-glazed"] #navHeightCalc { order: 8 !important; } #parametersSection[data-quote-backend="double-glazed"] #navFileName { order: 9 !important; } /* Compact common param cards */ #parametersSection.quote-backend-params-flat .multiplier-card, #parametersSection.quote-backend-params-flat .generator-action-card, #parametersSection.quote-backend-params-flat .filename-card, #parametersSection.quote-backend-params-flat .peak-height-card, #parametersSection.quote-backend-params-flat .model-select-card { max-width: min(100%, 320px) !important; } /* Glazed: 报价卡固定宽；Glazed 表卡随内容 */ #parametersSection[data-quote-backend="glazed"].quote-backend-params-flat .parameter-dashboard .generator-action-card, #parametersSection[data-quote-backend="glazed"] .generator-action-card, #parametersSection[data-quote-backend="double-glazed"].quote-backend-params-flat .parameter-dashboard .generator-action-card, #parametersSection[data-quote-backend="double-glazed"] .generator-action-card { width: 288px !important; max-width: min(100%, 288px) !important; } #parametersSection.quote-backend-params-flat .design-card, #parametersSection.quote-backend-params-flat .material-card, #parametersSection[data-quote-backend].quote-backend-params-flat .design-card, #parametersSection[data-quote-backend].quote-backend-params-flat .material-card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__design > .design-card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-card { width: max-content !important; max-width: min(100%, 560px) !important; flex: 0 0 auto !important; grid-column: auto !important; grid-row: auto !important; } #parametersSection.quote-backend-params-flat .design-fields, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-card-body, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-fields { width: max-content !important; max-width: 100% !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__design, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__body, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__main, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__price-row, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .parameter-dashboard__aux { display: contents !important; width: auto !important; max-width: none !important; } /* Price L1: divider is the title; keep section body compact */ .quote-backend-section-divider + .price-section > h2, main > .quote-backend-section-divider + section.price-section > h2 { display: none !important; } main > .price-section, .quote-backend-section-divider + .price-section, main > .price-section.card, .quote-backend-section-divider + .price-section.card, .price-section-flat { width: 100% !important; max-width: 1200px !important; padding: 0 !important; margin: 0 0 18px !important; box-sizing: border-box !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } main > .price-section .price-layout, .quote-backend-section-divider + .price-section .price-layout { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; } main > .price-section .price-column, .quote-backend-section-divider + .price-section .price-column { display: contents !important; } main > .price-section .price-category-card, .quote-backend-section-divider + .price-section .price-category-card { width: max-content !important; max-width: min(100%, 420px) !important; flex: 0 0 auto !important; margin: 0 !important; } #parametersSection.quote-backend-params-flat .existing-quotes-card, #parametersSection.quote-backend-params-flat .height-tax-card, .quote-backend-params-flat .existing-quotes-card, .quote-backend-params-flat .height-tax-card { width: max-content !important; max-width: 100% !important; flex: 0 1 auto !important; overflow-x: auto !important; } #parametersSection.quote-backend-params-flat .existing-quotes-table-wrap, #parametersSection.quote-backend-params-flat .calc-table-wrap, .quote-backend-params-flat .existing-quotes-table-wrap, .quote-backend-params-flat .calc-table-wrap { width: max-content !important; max-width: 100% !important; overflow-x: auto !important; } #parametersSection.quote-backend-params-flat .existing-quotes-table, #parametersSection.quote-backend-params-flat .calc-table, .quote-backend-params-flat .existing-quotes-table, .quote-backend-params-flat .calc-table { width: max-content !important; max-width: none !important; table-layout: auto !important; } /* Decoiler workspace alias */ .decoiler-workspace-grid[data-quote-backend="decoiler"] { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; margin-bottom: 18px !important; } .decoiler-workspace-grid[data-quote-backend="decoiler"] > .card { width: max-content !important; max-width: 100% !important; flex: 0 0 auto !important; margin-bottom: 0 !important; box-sizing: border-box !important; } .decoiler-workspace-grid[data-quote-backend="decoiler"] .existing-quotes-card { flex: 0 1 auto !important; overflow-x: auto !important; } .decoiler-workspace-grid[data-quote-backend="decoiler"] .existing-quotes-table-wrap, .decoiler-workspace-grid[data-quote-backend="decoiler"] .existing-quotes-table { width: max-content !important; max-width: 100% !important; } /* ---- Price section: content-fit, not forced full blank ---- */ main > .price-section { width: 100% !important; max-width: 1200px !important; box-sizing: border-box !important; margin-bottom: 18px !important; } /* ---- Divider between 参数 zone and 常数 zone ---- */ .quote-backend-section-divider, .decoiler-section-divider { display: flex !important; align-items: center !important; gap: 14px !important; width: 100% !important; margin: 8px 0 20px !important; color: #0f4c81 !important; } .quote-backend-section-divider::before, .quote-backend-section-divider::after, .decoiler-section-divider::before, .decoiler-section-divider::after { content: "" !important; flex: 1 1 auto !important; height: 0 !important; border-top: 2px solid #c5d8ec !important; } .quote-backend-section-divider-label, .decoiler-section-divider-label { flex: 0 0 auto !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.06em !important; color: #0f4c81 !important; background: #eef5fb !important; border: 1px solid #c5d8ec !important; border-radius: 999px !important; padding: 5px 14px !important; line-height: 1.2 !important; white-space: nowrap !important; } /* ---- Constants: compact adaptive cards ---- */ #constantsCards.constants-flat-grid, .constants-flat-grid { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; margin-bottom: 18px !important; } #constantsCards.constants-flat-grid .constants-dynamic-card, .constants-flat-grid .constants-dynamic-card, #constantsExtraCards .constants-dynamic-card, #constantsExtraCards > .card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: max-content !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 0 0 !important; overflow: visible !important; box-sizing: border-box !important; } #constantsCards.constants-flat-grid .constants-dynamic-card .table-scroll, .constants-flat-grid .constants-dynamic-card .table-scroll { width: max-content !important; max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; } #constantsCards.constants-flat-grid .constants-dynamic-card table, .constants-flat-grid .constants-dynamic-card table { width: max-content !important; max-width: none !important; } /* Notes / lead text below table: never wider than the table */ #constantsCards.constants-flat-grid .constants-dynamic-card .card-note, #constantsCards.constants-flat-grid .constants-dynamic-card .why-us-lead, #constantsCards.constants-flat-grid .constants-dynamic-card .card-ref-note, .constants-flat-grid .constants-dynamic-card .card-note, .constants-flat-grid .constants-dynamic-card .why-us-lead, .constants-flat-grid .constants-dynamic-card .card-ref-note, .quote-backend-params-flat .card-ref-note, .quote-backend-params-flat .filename-formula, .quote-backend-params-flat .exchange-rate-status, .quote-backend-params-flat .peak-height-note, .decoiler-workspace-grid .card-ref-note, .decoiler-workspace-grid .filename-formula, .decoiler-workspace-grid .exchange-rate-status, .multiplier-card .exchange-rate-status, .multiplier-card .peak-height-note { width: 0 !important; min-width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; word-break: break-word !important; white-space: normal !important; } .quote-backend-params-flat .peak-height-note .peak-height-note-line1 { display: block !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; } .quote-backend-params-flat .exchange-rate-status, .decoiler-workspace-grid .exchange-rate-status, .multiplier-card .exchange-rate-status { white-space: pre-line !important; } /* 倍率卡：宽度跟表格走，下方状态文字不能把卡片撑宽 */ .multiplier-card, #parametersSection.quote-backend-params-flat > .multiplier-card { width: max-content !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; box-sizing: border-box !important; } .multiplier-card .multiplier-table-wrap, #parametersSection.quote-backend-params-flat .multiplier-card .multiplier-table-wrap { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: max-content !important; max-width: 100% !important; box-sizing: border-box !important; } .multiplier-card .multiplier-table, #parametersSection.quote-backend-params-flat .multiplier-card .multiplier-table { width: max-content !important; max-width: 100% !important; table-layout: auto !important; } .multiplier-card .exchange-rate-status, #parametersSection.quote-backend-params-flat .multiplier-card .exchange-rate-status { width: 0 !important; min-width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; word-break: break-word !important; white-space: pre-line !important; } /* 文件名备注与倍率区 .exchange-rate-status 同款 */ #parametersSection.quote-backend-params-flat .exchange-rate-status, .quote-backend-params-flat .exchange-rate-status, .quote-backend-params-flat .card-ref-note, .decoiler-workspace-grid .card-ref-note, .quote-backend-params-flat .filename-formula, .decoiler-workspace-grid .filename-formula, .quote-backend-params-flat .filename-formula .card-ref-note, .decoiler-workspace-grid .filename-formula .card-ref-note { display: block !important; position: relative !important; z-index: 1 !important; margin: 10px 2px 0 !important; color: #111 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.45 !important; } @media (max-width: 900px) { #parametersSection.quote-backend-params-flat > .card, .quote-backend-params-flat > .card, #constantsCards.constants-flat-grid .constants-dynamic-card, .constants-flat-grid .constants-dynamic-card, .decoiler-workspace-grid[data-quote-backend="decoiler"] > .card { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; } #constantsCards.constants-flat-grid .constants-dynamic-card .table-scroll, #constantsCards.constants-flat-grid .constants-dynamic-card table, .constants-flat-grid .constants-dynamic-card .table-scroll, .constants-flat-grid .constants-dynamic-card table { width: 100% !important; max-width: 100% !important; } } /* IBR/PSJG: kill legacy full-width param grid */ #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; max-width: 1200px !important; grid-template-columns: none !important; grid-template-rows: none !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat > .card:not(.profile-drawing-card), #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat > .card:not(.profile-drawing-card) { width: max-content !important; max-width: 100% !important; flex: 0 0 auto !important; grid-column: auto !important; grid-row: auto !important; justify-self: auto !important; } @media (min-width: 901px) { #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat > .profile-drawing-card, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat > .profile-drawing-card { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; min-width: 280px !important; box-sizing: border-box !important; } } @media (max-width: 900px) { #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat > .profile-drawing-card, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat > .profile-drawing-card { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; min-width: 0 !important; box-sizing: border-box !important; } } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat > .height-tax-card, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat > .height-tax-card { width: max-content !important; max-width: 100% !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat > .size-weight-card, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat > .size-weight-card, #parametersSection[data-quote-backend="glazed"].quote-backend-params-flat .size-weight-card { width: max-content !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .calc-table, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat .calc-table { width: max-content !important; table-layout: auto !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table-wrap, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat .size-weight-card .calc-table-wrap, #parametersSection[data-quote-backend="glazed"].quote-backend-params-flat .size-weight-card .calc-table-wrap { width: max-content !important; max-width: 100% !important; overflow-x: auto !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table, #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat .size-weight-card .calc-table, #parametersSection[data-quote-backend="glazed"].quote-backend-params-flat .size-weight-card .calc-table { width: max-content !important; min-width: 0 !important; table-layout: auto !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table th:nth-child(1), #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(1), #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table th:nth-child(2), #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(2) { width: 1% !important; white-space: nowrap !important; padding-left: 8px !important; padding-right: 8px !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .height-tax-card .calc-table td:nth-child(3) { white-space: normal !important; line-height: 1.35 !important; max-width: none !important; width: auto !important; } #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(3), #parametersSection[data-quote-backend="ibr"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(5), #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(3), #parametersSection[data-quote-backend="paishujiage"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(5), #parametersSection[data-quote-backend="glazed"].quote-backend-params-flat .size-weight-card .calc-table td:nth-child(3) { white-space: nowrap !important; line-height: 1.35 !important; min-width: 0 !important; max-width: none !important; } /* Price category order + long label wrap */ main > .price-section #navPriceMachine, .quote-backend-section-divider + .price-section #navPriceMachine { order: 1 !important; } main > .price-section #navPriceDecoiler, .quote-backend-section-divider + .price-section #navPriceDecoiler { order: 2 !important; } main > .price-section #navPriceBelt, .quote-backend-section-divider + .price-section #navPriceBelt { order: 3 !important; } main > .price-section #navPriceStand, .quote-backend-section-divider + .price-section #navPriceStand { order: 4 !important; } main > .price-section .price-item, .quote-backend-section-divider + .price-section .price-item { align-items: flex-start !important; grid-template-columns: minmax(0, 1fr) auto !important; } main > .price-section .price-item-main, .quote-backend-section-divider + .price-section .price-item-main { min-width: 0 !important; } main > .price-section .price-item-name, .quote-backend-section-divider + .price-section .price-item-name { white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; line-height: 1.35 !important; } main > .price-section #navPriceDecoiler, .quote-backend-section-divider + .price-section #navPriceDecoiler { max-width: min(100%, 520px) !important; } /* Independent price category cards */ .price-section .price-category-card, .price-section-flat .price-category-card { background: rgba(255, 255, 255, 0.96) !important; border: 1px solid #e8eef7 !important; border-radius: 20px !important; box-shadow: 0 10px 26px #0f4c810d !important; overflow: hidden !important; } /* ---- CutToLength / Embossing: content-fit compact cards (beat legacy full-row grids) ---- */ #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; max-width: 1200px !important; padding: 0 !important; margin: 0 0 18px !important; background: transparent !important; border: none !important; box-shadow: none !important; grid-template-columns: none !important; grid-template-rows: none !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat > .card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat > .card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .card { width: max-content !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; margin: 0 !important; justify-self: start !important; grid-column: auto !important; grid-row: auto !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .material-card, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .design-card { width: max-content !important; max-width: 100% !important; align-self: flex-start !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .material-card .design-fields, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .design-card .design-fields, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .material-card .design-field-row { width: max-content !important; max-width: 100% !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .peak-height-table, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .multiplier-table, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .calc-table, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .existing-quotes-table, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .peak-height-table, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .multiplier-table, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .calc-table, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .existing-quotes-table { width: max-content !important; max-width: 100% !important; min-width: 0 !important; table-layout: auto !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .peak-height-table-wrap, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .multiplier-table-wrap, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .calc-table-wrap, #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .existing-quotes-table-wrap, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .peak-height-table-wrap, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .multiplier-table-wrap, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .calc-table-wrap, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .existing-quotes-table-wrap { width: max-content !important; max-width: 100% !important; } #parametersSection[data-quote-backend="cut-to-length"].quote-backend-params-flat .height-tax-card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .height-tax-card { width: max-content !important; max-width: 100% !important; } #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-card, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-card-body, #parametersSection:is([data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .design-fields { width: max-content !important; max-width: min(100%, 720px) !important; } /* Merged 价格+倍率 table (name / price / multiplier) */ #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .peak-height-card.price-multiplier-card, #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .peak-height-card.price-multiplier-card { width: max-content !important; max-width: min(100%, 440px) !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table, #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]).quote-backend-params-flat .price-multiplier-table { width: max-content !important; max-width: 100% !important; table-layout: auto !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table th, #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table td { width: auto !important; white-space: nowrap !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table thead th { font-size: 13px !important; font-weight: 800 !important; color: #0f4c81 !important; text-align: right !important; background: #f8fbff !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table thead th:first-child { text-align: left !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table tbody th { text-align: left !important; background: #f8fbff !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table tbody tr:nth-child(even) th { background: #f3f8fe !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table tbody td { text-align: right !important; background: #fff !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table tbody tr.exchange-row th, #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-table tbody tr.exchange-row td { background: #fffaf0 !important; } #parametersSection:is([data-quote-backend="cut-to-length"],[data-quote-backend="emboss"],[data-quote-backend="purlin-manual"],[data-quote-backend="door"],[data-quote-backend="angle"],[data-quote-backend="purlin-auto"],[data-quote-backend="purlin-auto-standard"],[data-quote-backend="kr18"],[data-quote-backend="barrel"]) .price-multiplier-card .exchange-rate-status { width: 0 !important; min-width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-wrap: anywhere !important; word-break: break-word !important; white-space: pre-line !important; } /* Plain-text numbers (汇率, Purlin fixed prices): same red figure as inputs, not editable */ .multiplier-table .multiplier-result, .peak-height-table .multiplier-result, .price-multiplier-table .multiplier-result { display: inline-block; vertical-align: middle; min-width: 72px; min-height: 34px; padding: 4px 8px; color: #e23b2d; font-size: 20px; font-weight: 400; line-height: 26px; text-align: right; box-sizing: border-box; } /* Formula settlement results: blue. Must beat page `.calc-table td { color:#111 }`. */ #parametersSection .height-tax-card .calc-table td[id^="heightTax"], #parametersSection .size-weight-card .calc-table td[id^="sizeWeight"], #parametersSection .purlin-auto-output-card .calc-table td.output-calc-result, #multiplierBaseTaxed.multiplier-result { color: #155a91 !important; }