<!-- 区域定价弹窗 -->
<div id="regionPricingModal" class="modal-overlay" style="display: none;">
        <div class="modal-content" style="width: 90%; height: 90%; max-width: 1800px;">
            <div class="modal-header">
                <h3>区域定价</h3>
                <button id="closeRegionModal" class="modal-close">
                    <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_close.png" alt="关闭">
                </button>
            </div>
            <div class="modal-body" style="padding: 0; height: calc(100% - 50px);">
                <div class="region-modal-container">
                    <!-- 上部分：征税国家 -->
                    <div class="region-top-section">
                        <h4>征税国家设置</h4>
                        <div id="taxCountriesContainer" class="tax-countries-grid">
                            <!-- 动态生成 -->
                        </div>
                    </div>
                    
                    <!-- 中间部分 -->
                    <div class="region-middle-section">
                        <!-- 左侧：国家多选 -->
                        <div class="region-left-panel">
                            <div class="panel-header" style="display:flex; flex-direction:column; gap:8px;">
                                <!-- 第一行：标题靠左（含已选计数），核算按钮靠右 -->
                                <div style="display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%;">
                                    <div style="font-weight:bold; white-space:nowrap; overflow:visible;">区域定价国家选择 <span id="selectedCountryCount" style="font-size: 12px; color: #666; font-weight: normal; margin-left:8px;">(已选: 0)</span></div>
                                    <button id="calculateRegionPricing" class="sku-submit-btn" style="padding:2px 6px; font-size:12px; min-width:56px; height:28px;">核算</button>
                                </div>

                                <!-- 第二行：搜索框与全选在同一行（宽度不受限，搜索框高度略增） -->
                                <div style="display:flex; gap:8px; align-items:center; margin-top:6px; width:100%;">
                                    <input type="text" id="regionCountrySearch" placeholder="搜索国家..." style="flex:1; height:34px; padding:8px; border:1px solid #e0e0e0; border-radius:4px; font-size:13px;">
                                    <label style="font-weight: 700; font-size: 14px; cursor: pointer; display:flex; align-items:center; gap:6px; white-space:nowrap;">
                                        <input type="checkbox" id="selectAllRegionCountries" style="vertical-align: middle;"> 全选
                                    </label>
                                </div>
                            </div>
                            <div id="regionCountriesContainer" class="country-select-container">
                                <!-- 动态生成 -->
                            </div>
                        </div>
                        
                        <!-- 右侧：表格 -->
                        <div class="region-right-panel">
                            <div style="display:flex; justify-content:space-between; align-items:center; padding:8px 12px; border-bottom:1px solid #f0f0f0;">
                                <div style="font-weight:bold">定价结果</div>
                                <div style="display:flex; align-items:center; gap:8px;">
                                    <!-- SKU 筛选图标 -->
                                    <button id="skuFilterToggle" title="筛选 SKU" style="background:none;border:0;cursor:pointer;padding:4px;">
                                        <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_search.png" alt="筛选" style="width:18px; height:18px; opacity:0.7;">
                                    </button>
                                    <input id="skuFilterInput" type="text" placeholder="筛选 SKU..." style="display:none; padding:6px; border:1px solid #e0e0e0; border-radius:4px; font-size:12px; width:180px;">
                                    <input id="countryFilterInput" type="text" placeholder="筛选 国家..." style="display:none; padding:6px; border:1px solid #e0e0e0; border-radius:4px; font-size:12px; width:160px;">
                                </div>
                            </div>
                            <div id="regionNoData">
                                <!-- <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_close.png" style="width: 48px; height: 48px; opacity: 0.2;" alt=""> -->
                                <div>暂无数据，请选择区域定价国家</div>
                            </div>
                            <div class="region-table-container" id="regionTableContainer" style="display: none;">
                                <table class="region-table">
                                    <thead>
                                        <tr>
                                            <th>SKU</th>
                                            <th>国家</th>
                                            <th>重量(g)</th>
                                            <th>物流路线</th>
                                            <th>邮费</th>
                                            <th>区域定价</th>
                                            <th>利润</th>
                                        </tr>
                                    </thead>
                                    <tbody id="regionTableBody">
                                        <!-- 动态生成 -->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 下部分：提交 -->
                    <div class="region-bottom-section">
                        <button id="submitRegionPricing">提交区域定价</button>
                    </div>
                </div>
            </div>
        </div>
    </div>






