/* ===== 商品管理 - 新增商品：规格模式与多规格 ===== */
    .pc-mode-card {
      height: 60px;
      margin-bottom: 12px;
      padding: 0 78px;
      display: flex;
      align-items: stretch;
      border-radius: 6px;
      background: #fff;
      box-shadow: 0 1px 3px rgba(30, 42, 62, .025);
    }
    .pc-mode-option {
      position: relative;
      width: 132px;
      height: 60px;
      display: block;
      color: #30363f;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
    }
    .pc-mode-option input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .pc-mode-option > span {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: color .16s ease, background-color .16s ease;
    }
    .pc-mode-option > span::after {
      content: '';
      position: absolute;
      right: 24px;
      bottom: 0;
      left: 24px;
      height: 3px;
      border-radius: 3px 3px 0 0;
      background: #63b98a;
      opacity: 0;
      transform: scaleX(.35);
      transition: opacity .16s ease, transform .16s ease;
    }
    .pc-mode-option:hover > span {
      background: #f7fbf9;
      color: #4ca978;
    }
    .pc-mode-option input:checked + span {
      background: linear-gradient(180deg, rgba(99, 185, 138, 0) 0%, rgba(99, 185, 138, .08) 100%);
      color: #43a572;
      font-weight: 800;
    }
    .pc-mode-option input:checked + span::after {
      opacity: 1;
      transform: scaleX(1);
    }
    .pc-mode-option input:focus-visible + span {
      outline: 2px solid rgba(99, 185, 138, .34);
      outline-offset: -4px;
      border-radius: 5px;
    }
    .pc-mode-panel[hidden] { display: none !important; }
    .pc-page.mode-multi { min-width: 1180px; }
    .pc-section-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .pc-multi-heading-main {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 24px;
    }
    .pc-multi-auto-name {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #4c5662;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
    }
    .pc-multi-auto-name input {
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      width: 42px;
      height: 22px;
      margin: 0;
      opacity: 0;
      cursor: pointer;
      transform: translateY(-50%);
    }
    .pc-multi-auto-name input:disabled { cursor: not-allowed; }
    .pc-multi-auto-switch {
      position: relative;
      width: 42px;
      height: 22px;
      flex-shrink: 0;
      border-radius: 11px;
      background: #c9cfd6;
      box-shadow: inset 0 0 0 1px rgba(68, 78, 90, .06);
      transition: background-color .16s ease, box-shadow .16s ease;
    }
    .pc-multi-auto-switch::after {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 1px 4px rgba(46, 56, 68, .22);
      transition: transform .16s ease;
    }
    .pc-multi-auto-name input:checked + .pc-multi-auto-switch {
      background: #63b98a;
      box-shadow: inset 0 0 0 1px rgba(49, 151, 97, .08);
    }
    .pc-multi-auto-name input:checked + .pc-multi-auto-switch::after {
      transform: translateX(20px);
    }
    .pc-multi-auto-name input:focus-visible + .pc-multi-auto-switch {
      box-shadow: 0 0 0 3px rgba(99, 185, 138, .2);
    }
    .pc-multi-auto-name input:disabled + .pc-multi-auto-switch {
      opacity: .55;
      cursor: not-allowed;
    }
    .pc-multi-auto-name small {
      color: #929aa4;
      font-size: 12px;
      font-weight: 400;
    }
    .pc-section-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .pc-table-action {
      min-width: 118px;
      height: 36px;
      padding: 0 18px;
      border: 1px solid #d7dce2;
      border-radius: 19px;
      background: #fff;
      color: #444c57;
      font-size: 13px;
      font-weight: 700;
    }
    .pc-table-action:hover { border-color: #65ba8b; color: #48a875; }
    .pc-table-action.primary {
      border-color: #63b98a;
      background: #63b98a;
      color: #fff;
    }
    .pc-multi-section { padding: 22px 28px 26px; }
    .pc-multi-table-scroll {
      margin-top: 18px;
      overflow-x: auto;
      border: 1px solid #edf0f3;
      border-radius: 6px;
      background: #fff;
    }
    .pc-multi-table { min-width: 1538px; }
    .pc-multi-grid {
      display: grid;
      /* 末列操作列要容下「绑定 / 解绑 / 删除」三个按钮（解绑仅编辑态出现） */
      grid-template-columns: 148px 190px 170px 112px 112px 116px 168px 112px 112px 140px;
      gap: 10px;
      align-items: start;
    }
    .pc-multi-head {
      min-height: 48px;
      padding: 0 14px;
      align-items: center;
      background: #f4f6f9;
      color: #343b45;
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }
    .pc-multi-head span { color: #ef625c; }
    .pc-multi-row {
      min-height: 126px;
      padding: 16px 14px;
      border-top: 1px solid #edf0f3;
      background: #fff;
    }
    .pc-multi-row:nth-child(even) { background: #fafbfc; }
    .pc-multi-cell {
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 7px;
    }
    .pc-multi-input,
    .pc-multi-other-input {
      width: 100%;
      border: 1px solid #dce1e6;
      outline: 0;
      background: #fff;
      color: #343b45;
      font-family: inherit;
      font-size: 13px;
    }
    .pc-multi-input {
      height: 34px;
      padding: 0 11px;
      border-radius: 18px;
    }
    .pc-multi-input:focus,
    .pc-multi-other-input:focus {
      border-color: #66bd8e;
      box-shadow: 0 0 0 2px rgba(82, 183, 136, .08);
    }
    .pc-multi-input.is-invalid,
    .pc-multi-input.is-invalid:focus {
      border-color: #ef625c;
      box-shadow: 0 0 0 2px rgba(239, 98, 92, .1);
    }
    .pc-multi-input:disabled {
      background: #f3f4f6;
      color: #aeb4bc;
    }
    .pc-multi-input::placeholder,
    .pc-multi-other-input::placeholder { color: #b5bbc3; }
    .pc-multi-barcode-choice {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      align-self: flex-start;
      color: #58ad79;
      font-size: 12px;
      cursor: pointer;
    }
    .pc-multi-barcode-choice input {
      width: 15px;
      height: 15px;
      accent-color: #66b989;
    }
    .pc-multi-generate {
      align-self: center;
      color: #4e9ef7;
      font-size: 12px;
      line-height: 18px;
      cursor: pointer;
    }
    .pc-multi-generate:hover { color: #277fdc; }
    .pc-multi-other-input {
      min-height: 66px;
      padding: 8px 10px;
      border-radius: 6px;
      resize: vertical;
      line-height: 17px;
    }
    .pc-multi-other-cell.is-hidden .pc-multi-other-input { display: none; }
    .pc-multi-other-cell.is-hidden::after {
      content: '未启用';
      padding-top: 9px;
      color: #b7bdc5;
      font-size: 12px;
      text-align: center;
    }
    .pc-multi-delete {
      margin-top: 8px;
      color: #50a2f5;
      font-size: 13px;
      white-space: nowrap;
    }
    .pc-multi-delete:hover { color: #ef625c; }
    .pc-multi-name-reset {
      align-self: flex-start;
      margin-left: 8px;
      color: #4e9ef7;
      font-size: 12px;
      line-height: 18px;
      cursor: pointer;
    }
    .pc-multi-name-reset:hover { color: #277fdc; }
    .pc-multi-name-reset.is-hidden { display: none; }
    .pc-multi-image-section { padding: 22px 78px 30px; }
    .pc-multi-image-head,
    .pc-multi-image-row {
      width: 290px;
      display: grid;
      grid-template-columns: 170px 96px;
      align-items: center;
      gap: 24px;
    }
    .pc-multi-image-head {
      margin-top: 22px;
      color: #5b6470;
      font-size: 13px;
      text-align: center;
    }
    .pc-multi-image-row {
      min-height: 94px;
      padding: 12px 0;
      border-bottom: 1px solid #f0f2f5;
    }
    .pc-multi-image-row:last-child { border-bottom: 0; }
    .pc-multi-name {
      min-width: 0;
      overflow: hidden;
      color: #3b424c;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pc-upload-box.compact {
      width: 68px;
      height: 68px;
      margin: 0 auto;
      gap: 2px;
    }
    .pc-upload-box.compact .pc-upload-plus { font-size: 19px; }
    .pc-upload-box.compact .pc-upload-text { font-size: 11px; }
    .pc-multi-upload-tip { margin-left: 194px; white-space: normal; }
    .pc-multi-advanced { min-height: 360px; }
    .pc-multi-setting-panel {
      width: 720px;
      margin: 12px 0 8px 34px;
      padding: 12px 18px;
      display: none;
      border: 1px solid #edf0f3;
      border-radius: 6px;
      background: #fafbfc;
    }
    .pc-multi-setting-panel.show { display: block; }
    .pc-multi-setting-head,
    .pc-multi-setting-row {
      display: grid;
      grid-template-columns: 190px 170px 190px;
      align-items: center;
      gap: 18px;
    }
    .pc-multi-setting-head {
      min-height: 34px;
      color: #6a7380;
      font-size: 12px;
      text-align: center;
    }
    .pc-multi-setting-row {
      min-height: 52px;
      border-top: 1px solid #edf0f3;
    }
    .pc-multi-setting-row:first-child { border-top: 0; }
    .pc-multi-setting-row .pc-multi-name { padding-left: 8px; }
    .pc-multi-setting-input,
    .pc-multi-setting-addon {
      width: 160px;
      height: 34px;
      border: 1px solid #dce1e6;
      border-radius: 18px;
      background: #fff;
      color: #343b45;
      font-family: inherit;
      font-size: 13px;
    }
    .pc-multi-setting-input {
      padding: 0 12px;
      outline: 0;
    }
    .pc-multi-setting-addon {
      display: flex;
      align-items: stretch;
      overflow: hidden;
    }
    .pc-multi-setting-addon input {
      min-width: 0;
      flex: 1;
      padding: 0 11px;
      border: 0;
      outline: 0;
      background: transparent;
      font-family: inherit;
    }
    .pc-multi-setting-addon span {
      width: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-left: 1px solid #dce1e6;
      color: #5f6873;
      flex-shrink: 0;
    }
    .pc-multi-setting-input:focus,
    .pc-multi-setting-addon:focus-within {
      border-color: #66bd8e;
      box-shadow: 0 0 0 2px rgba(82, 183, 136, .08);
      outline: 0;
    }
    .pc-multi-setting-panel input:disabled {
      background: #f3f4f6;
      color: #b5bbc3;
    }
    .pc-multi-setting-head.warning,
    .pc-multi-setting-row.warning {
      grid-template-columns: 190px 170px 190px;
    }
    .pc-multi-setting-head.repurchase,
    .pc-multi-setting-row.repurchase {
      grid-template-columns: 190px 140px;
    }
    .pc-repurchase-setting-row {
      width: auto;
      flex-wrap: wrap;
    }
    .pc-setting-tip {
      color: #77808b;
      font-size: 12px;
    }
    .pc-setting-tip i {
      margin-right: 4px;
      color: #ef625c;
      font-style: normal;
    }
    .pc-multi-repurchase-control {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .pc-required-marker {
      margin-right: 5px;
      color: #ef4f4f;
      font-style: normal;
      font-weight: 700;
    }
    .pc-switch.compact {
      width: 46px;
      height: 22px;
    }
    .pc-switch.compact .pc-switch-track {
      width: 46px;
      height: 22px;
      line-height: 22px;
    }
    .pc-switch.compact .pc-switch-track::before {
      width: 16px;
      height: 16px;
    }
    .pc-switch.compact input:checked + .pc-switch-track::before { transform: translateX(24px); }
    .pc-switch.compact .pc-switch-text { padding-left: 22px; font-size: 10px; }
    .pc-switch.compact input:checked + .pc-switch-track .pc-switch-text { padding-left: 6px; }

    @media (max-width: 1280px) {
      .pc-mode-card { padding-left: 44px; padding-right: 44px; }
      .pc-multi-image-section { padding-left: 44px; padding-right: 44px; }
      .pc-multi-setting-panel { margin-left: 0; }
    }