/* ===== 商品选择器弹窗 ===== */
    .mtgm-pick-overlay {
      position: fixed; inset: 0; background: rgba(0,0,0,.45);
      display: flex; align-items: center; justify-content: center;
      z-index: 10000;
    }
    .mtgm-pick-modal {
      background: #fff; border-radius: 12px; width: 900px; max-width: 90vw;
      height: 640px; max-height: 85vh;
      display: flex; flex-direction: column; box-shadow: 0 8px 32px rgba(0,0,0,.18);
      overflow: hidden;
    }
    .mtgm-pick-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 12px 20px; border-bottom: 1px solid var(--border);
      flex-shrink: 0;
    }
    .mtgm-pick-title { font-size: 16px; font-weight: 600; color: var(--text-primary); }
    .mtgm-pick-head-right { display: flex; align-items: center; gap: 12px; }
    .mtgm-pick-stats {
      font-size: 13px; color: var(--text-secondary);
    }
    .mtgm-pick-stats .num { color: var(--brand); font-weight: 600; }
    .mtgm-pick-confirm {
      padding: 6px 20px; background: var(--brand); color: #fff;
      border: none; border-radius: 20px; font-size: 13px; cursor: pointer;
    }
    .mtgm-pick-confirm:hover { background: var(--brand-dark); }
    .mtgm-pick-close {
      width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
      font-size: 18px; color: var(--text-muted); cursor: pointer; border-radius: 4px;
    }
    .mtgm-pick-close:hover { background: #f5f5f5; color: var(--text-primary); }

    .mtgm-pick-tabs {
      display: flex; gap: 8px; padding: 10px 20px 0; border-bottom: 1px solid var(--border);
      flex-shrink: 0;
    }
    .mtgm-pick-tab {
      padding: 8px 20px; font-size: 14px; color: var(--text-secondary);
      cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px;
      transition: all .2s;
    }
    .mtgm-pick-tab:hover { color: var(--brand); }
    .mtgm-pick-tab.active { color: var(--brand); border-bottom-color: var(--brand); font-weight: 500; }

    .mtgm-pick-body {
      display: flex; flex: 1; overflow: hidden;
    }
    .mtgm-pick-sidebar {
      width: 160px; border-right: 1px solid var(--border); overflow-y: auto;
      padding: 12px 0; flex-shrink: 0; background: #fafafa;
    }
    .mtgm-pick-cat {
      padding: 8px 16px; font-size: 13px; color: var(--text-primary);
      cursor: pointer; display: flex; align-items: center; justify-content: space-between;
      transition: background .15s;
    }
    .mtgm-pick-cat:hover { background: #f0f0f0; }
    .mtgm-pick-cat.active { background: var(--brand-light); color: var(--brand-dark); font-weight: 500; }
    .mtgm-pick-cat-arrow { font-size: 10px; color: var(--text-muted); transition: transform .2s; }
    .mtgm-pick-cat.active .mtgm-pick-cat-arrow { color: var(--brand); }
    .mtgm-pick-subcat {
      padding-left: 16px;
    }
    .mtgm-pick-subcat .mtgm-pick-cat {
      padding: 6px 16px 6px 28px; font-size: 12px;
    }

    .mtgm-pick-main {
      flex: 1; display: flex; flex-direction: column; overflow: hidden;
    }
    .mtgm-pick-toolbar {
      display: flex; align-items: center; gap: 10px;
      padding: 12px 16px; border-bottom: 1px solid var(--border-light);
      flex-shrink: 0;
    }
    .mtgm-pick-search {
      display: flex; align-items: center; gap: 6px; flex: 1; max-width: 320px;
    }
    .mtgm-pick-search input {
      flex: 1; height: 30px; border: 1px solid #d9d9d9; border-radius: 4px;
      padding: 0 10px; font-size: 13px; outline: none;
    }
    .mtgm-pick-search input:focus { border-color: var(--brand); }
    .mtgm-pick-search-btn {
      height: 30px; padding: 0 14px; background: var(--brand); color: #fff;
      border: none; border-radius: 4px; font-size: 13px; cursor: pointer;
    }

    .mtgm-pick-table-wrap { flex: 1; overflow: auto; }
    .mtgm-pick-table {
      width: 100%; border-collapse: collapse; font-size: 13px;
    }
    .mtgm-pick-table th {
      background: #f8f9fa; color: var(--text-secondary); font-weight: 500;
      padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border-light);
      white-space: nowrap; position: sticky; top: 0; z-index: 1;
    }
    .mtgm-pick-table td {
      padding: 10px 12px; border-bottom: 1px solid var(--border-light);
      color: var(--text-primary); vertical-align: middle;
    }
    .mtgm-pick-table tr:hover { background: #f8f9fa; }
    .mtgm-pick-table .cell-img {
      width: 40px; height: 40px; border-radius: 4px;
      background: #f5f5f5; display: flex; align-items: center; justify-content: center;
      font-size: 20px; flex-shrink: 0;
    }
    .mtgm-pick-table .cell-name { font-weight: 500; }
    .mtgm-pick-table .cell-spec { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
    .mtgm-pick-table .cell-price { color: var(--red); font-weight: 500; }
    .mtgm-pick-table .cell-memprice { color: var(--text-secondary); }
    .mtgm-pick-sel-btn {
      width: 24px; height: 24px; border-radius: 50%;
      border: 2px solid #d9d9d9; background: #fff;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; font-size: 12px; color: transparent;
      transition: all .2s; padding: 0;
    }
    .mtgm-pick-sel-btn:hover { border-color: var(--brand); }
    .mtgm-pick-sel-btn.selected {
      background: var(--brand); border-color: var(--brand); color: #fff;
    }

    .mtgm-pick-empty {
      text-align: center; padding: 60px 0; color: var(--text-muted); font-size: 13px;
    }