<div id="skuPricingModal" class="modal-overlay sku-pricing-modal" style="display: none;">
    <div class="modal-content fixed-height-layout">
        
        <div class="modal-header">
            <h2>SKU智能定价</h2>
            <button id="closeSkuModal" class="modal-close">
                <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_close.png" alt="关闭">
            </button>
        </div>

        <div class="modal-body-scroll">
            
            <div class="layout-card top-summary-card">
                <div class="card-header"><span class="header-title">基本信息</span></div>
                <div class="card-content">
                    <div class="grid-basic-info">
                        <div class="form-item mini-item"><label>产品成本</label><input type="number" id="productCost" class="sku-input" min="0" step="0.1" value="0"></div>
                        <div class="form-item mini-item"><label>产品重量(kg)</label><input type="number" id="weight" class="sku-input" min="0" step="0.01" value="0"></div>
                        <div class="form-item mini-item"><label>邮费(¥)</label><input type="number" id="baseShippingFeeTop" class="sku-input" value="0" min="0" step="0.01"></div>
                        <div class="form-item mini-item"><label>折损率(%)</label><input type="number" id="lossRate" class="sku-input" min="0" max="100" step="0.01" value="0"></div>
                        <div class="form-item mini-item"><label>营销(%)</label><input type="number" id="goldenMarketingTop" class="sku-input" min="0" max="100" step="0.01" value="0"></div>
                        <div class="form-item mini-item"><label>毛利率(%)</label><input type="number" id="profitMargin" class="sku-input" min="0" max="300" step="0.01" value="0"></div>
                        <div class="form-item mini-item highlight-blue"><label>零售价</label><input type="number" id="recommendPrice" class="sku-input" min="0" step="0.01" value="0"></div>
                        
                        <div class="form-item mini-item">
                            <label class="tooltip-label">货值方式
                                <div class="tooltip-icon">?<span class="tooltip-text">选择推荐核货值价格核算方式为去除邮费的零售价</span></div>
                            </label>
                            <div class="radio-group">
                                <label><input type="radio" name="valuationMethod" value="custom" checked> 自定义</label>
                                <label><input type="radio" name="valuationMethod" value="recommend"> 推荐</label>
                            </div>
                        </div>
                        <div class="form-item mini-item"><label>货值(¥)</label><input type="number" id="goodsValue" class="sku-input" value="0" min="0" step="0.01"></div>
                        
                        <div class="form-item mini-item highlight-blue"><label>展示价</label><input type="number" id="discountPrice" class="sku-input" disabled value="0"></div>
                        <div class="form-item mini-item highlight-green"><label>利润</label><input type="number" id="profit" class="sku-input" value="0"></div>
                        <div class="form-item mini-item"><label>折扣上限</label><input type="number" id="maxDiscountGlobal" class="sku-input" disabled value="0"></div>
                    </div>
                </div>
            </div>

            <div class="middle-big-card">
                <div class="middle-inner-layout">
                    
                    <div class="left-stack">
                        
                        <div class="inner-card">
                            <div class="inner-card-header">物流与规格</div>
                            <div class="inner-card-body">
                                <div class="grid-logistics-12">
                                    <div class="form-item col-span-5">
                                        <label>物流路线</label>
                                        <div class="searchable-select-container" id="logisticsContainer">
                                            <input type="text" id="logisticsInput" class="sku-input" placeholder="搜索..." autocomplete="off">
                                            <img id="logisticsIcon" src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_shousuo_shang.png" class="searchable-select-icon" alt="">
                                            <input type="hidden" id="logistics">
                                            <div id="logisticsDropdown" class="searchable-select-dropdown"></div>
                                        </div>
                                    </div>
                                    <div class="form-item col-span-5">
                                        <label>基准国家</label>
                                        <div class="searchable-select-container" id="baseCountryContainer">
                                            <input type="text" id="baseCountryInput" class="sku-input" placeholder="搜索..." autocomplete="off">
                                            <img id="baseCountryIcon" src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_shousuo_shang.png" class="searchable-select-icon" alt="">
                                            <input type="hidden" id="baseCountry">
                                            <div id="baseCountryDropdown" class="searchable-select-dropdown"></div>
                                        </div>
                                    </div>
                                    <div class="form-item col-span-2">
                                        <label>物流折扣(%)</label>
                                        <input type="number" id="logisticsDiscount" class="sku-input" value="100" min="0" max="100" step="1">
                                    </div>

                                    <div class="form-item col-span-12">
                                        <label>尺寸 (长×宽×高)</label>
                                        <div class="sku-size-inputs">
                                            <input type="number" id="sizeLength" class="sku-input size-mini" placeholder="长" min="0">
                                            <span class="x-sep">×</span>
                                            <input type="number" id="sizeWidth" class="sku-input size-mini" placeholder="宽" min="0">
                                            <span class="x-sep">×</span>
                                            <input type="number" id="sizeHeight" class="sku-input size-mini" placeholder="高" min="0">
                                        </div>
                                    </div>

                                    <div class="form-item col-span-3 expand-2k">
                                        <label>邮费(¥)</label>
                                        <input type="number" id="baseShippingFee" class="sku-input" value="0">
                                    </div>
                                    <div class="form-item col-span-3 expand-2k">
                                        <label class="tooltip-label">SKU前缀
                                            <div class="tooltip-icon">?<span class="tooltip-text">sku编码填充为SKU前缀 + sku属性</span></div>
                                        </label>
                                        <input type="text" id="skuPrefix" class="sku-input" placeholder="前缀">
                                    </div>

                                    <div class="form-item col-span-3 expand-2k">
                                        <label>是否原箱</label>
                                        <div class="searchable-select-container">
                                            <input type="text" id="isOriginalBoxInput" class="sku-input" placeholder="搜索..." autocomplete="off">
                                            <img id="isOriginalBoxIcon" src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_shousuo_shang.png" class="searchable-select-icon" alt="">
                                            <input type="hidden" id="isOriginalBox">
                                            <div id="isOriginalBoxDropdown" class="searchable-select-dropdown"></div>
                                        </div>
                                    </div>

                                    <div class="form-item col-span-3 expand-2k">
                                        <label>特殊类型</label>
                                        <div class="searchable-select-container">
                                            <input type="text" id="specialTypeInput" class="sku-input" placeholder="搜索..." autocomplete="off">
                                            <img id="specialTypeIcon" src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_shousuo_shang.png" class="searchable-select-icon" alt="">
                                            <input type="hidden" id="specialType">
                                            <div id="specialTypeDropdown" class="searchable-select-dropdown"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="inner-card">
                            <div class="inner-card-header">折扣策略</div>
                            <div class="inner-card-body">
                                <div class="grid-3-cols">
                                    <div class="form-item"><label>单品折扣(%)</label><input type="number" id="storeDiscount" class="sku-input" value="0"></div>
                                    <div class="form-item"><label>Code(￥)</label><input type="text" id="promoCode" class="sku-input" placeholder="选填"></div>
                                    <div class="form-item"><label>活动折扣(%)</label><input type="number" id="activityDiscount" class="sku-input" value="0"></div>
                                </div>
                            </div>
                        </div>

                        <div class="inner-card">
                            <div class="inner-card-header">平台抽佣</div>
                            <div class="inner-card-body">
                                <div class="grid-4-cols">
                                    <div class="form-item"><label>联盟佣金(%)</label><input type="number" id="affiliateCommission" class="sku-input" value="0"></div>
                                    <div class="form-item"><label>金币营销(%)</label><input type="number" id="goldenMarketing" class="sku-input" value="0"></div>
                                    <div class="form-item"><label>平台佣金(%)</label><input type="number" id="platformCommission" class="sku-input" value="0"></div>
                                    <div class="form-item"><label>交易费(%)</label><input type="number" id="transactionFee" class="sku-input" value="0"></div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="right-stack">
                        <div class="sku-progress-container"></div>
                        <div class="sku-result-table-container">
                            <table class="sku-result-table">
                                <tbody id="skuTableBody">
                                    <tr class="sku-table-empty">
                                        <td colspan="10">
                                            <div style="padding: 100px 0; text-align: center; color: #ccc;">
                                                <div style="font-size: 40px; margin-bottom: 10px; opacity: 0.5;">📊</div>
                                                <span>暂无数据，请配置左侧参数并点击下方“选择SKU”</span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button id="selectSkuBtn" class="sku-submit-btn sku-select-btn">选择SKU</button>
            <button id="submitBtn" class="sku-submit-btn">提交</button>
        </div>
    </div>
    
    <div id="skuSelectionModal" class="modal-overlay" style="display: none; z-index: 10000;">
        <div class="modal-content sku-selection-content">
            <div class="modal-header">
                <h2 style="text-align: center; width: 100%; margin: 0;">SKU选择</h2>
                <button id="closeSkuSelectionModal" class="modal-close">
                    <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_close.png" alt="关闭">
                </button>
            </div>
            <div class="modal-body sku-selection-body"></div>
            <div class="modal-footer">
                <button id="calculateBtn" class="sku-submit-btn" style="width: 100%;">核算</button>
            </div>
        </div>
    </div>
</div>
