<!-- 类目选择弹窗 -->
<div id="categorySelectionModal" class="modal-overlay" style="display: none; z-index: 9999;">
    <div class="modal-content category-selection-content" style="width: 1000px; height: 700px; display: flex; flex-direction: column;">
        <div class="modal-header">
            <h2 style="margin: 0;">选择类目</h2>
            <button id="closeCategoryModal" class="modal-close" style="background: none; border: none; cursor: pointer;">
                <img src="chrome-extension://__MSG_@@extension_id__/assets/icons/font/AliExpress_close.png" alt="关闭" style="width: 16px; height: 16px;">
            </button>
        </div>
        
        <div class="modal-body" style="flex: 1; overflow: hidden; display: flex; flex-direction: column;">
            <!-- 搜索框 -->
            <div class="category-search-bar" style="margin-bottom: 10px; padding: 0 5px;">
                <input type="text" id="categorySearchInput" placeholder="搜索类目..." style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
            </div>
            
            <!-- 面包屑导航 -->
            <div id="categoryBreadcrumb" style="padding: 5px; color: #666; font-size: 12px; min-height: 20px;"></div>

            <!-- 级联选择区域 (Miller Columns) -->
            <div class="category-columns-container" style="flex: 1; display: flex; overflow-x: auto; border: 1px solid #eee; border-radius: 4px;">
                <!-- 动态生成列 -->
            </div>
        </div>

        <div class="modal-footer" style="padding-top: 15px; text-align: right; border-top: 1px solid #eee;">
            <button id="confirmCategoryBtn" class="sku-submit-btn" style="width: auto; padding: 8px 20px;">确定</button>
        </div>
    </div>
</div>





