:root {
        --nav: #10365f;
        --nav2: #1b507f;
        --teal: #09a7a3;
        --blue: #176cc7;
        --bg: #f3f5f8;
        --line: #dce2ea;
        --text: #17263a;
        --muted: #6d798b;
        --red: #d44545;
        --green: #15825a;
        --orange: #b8730d;
        --shadow: 0 2px 12px rgba(23, 54, 93, 0.08);
      }
      * {
        box-sizing: border-box;
      }
      body {
        margin: 0;
        min-width: 1400px;
        background: var(--bg);
        color: var(--text);
        font:
          14px/1.45 Arial,
          "Microsoft YaHei",
          "PingFang SC",
          sans-serif;
      }
      button,
      input,
      select,
      textarea {
        font: inherit;
      }
      .top {
        height: 60px;
        background: var(--nav);
        color: #fff;
        display: flex;
        align-items: center;
        padding: 0 15px;
        position: sticky;
        top: 0;
        z-index: 80;
      }
      .logo {
        width: 174px;
        font-size: 20px;
        font-weight: 800;
      }
      .mainnav {
        height: 60px;
        display: flex;
      }
      .mainnav button {
        height: 60px;
        border: 0;
        background: transparent;
        color: #dce8f5;
        padding: 0 15px;
        cursor: pointer;
      }
      .mainnav button.active,
      .mainnav button:hover {
        background: var(--nav2);
        color: #fff;
        font-weight: 800;
      }
      .global {
        margin-left: auto;
        display: flex;
        gap: 6px;
      }
      .gbtn {
        height: 34px;
        border: 1px solid rgba(255, 255, 255, 0.27);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        border-radius: 5px;
        padding: 0 9px;
        cursor: pointer;
        font-size: 12px;
      }
      .gbtn.sync {
        background: #0869b5;
      }
      .gbtn.fx {
        background: #87590d;
      }
      .gbtn.tree {
        background: #0b8e88;
      }
      .sub {
        height: 49px;
        background: #fff;
        border-bottom: 1px solid var(--line);
        display: flex;
        align-items: flex-end;
        padding-left: 174px;
        gap: 2px;
        position: sticky;
        top: 60px;
        z-index: 70;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        overflow-x: auto;
      }
      .sub button {
        height: 49px;
        border: 0;
        background: #fff;
        color: #536177;
        padding: 0 16px;
        cursor: pointer;
        border-bottom: 3px solid transparent;
        white-space: nowrap;
      }
      .sub button.active {
        color: var(--blue);
        font-weight: 800;
        border-bottom-color: var(--blue);
      }
      .page {
        max-width: 1920px;
        margin: auto;
        padding: 17px 22px 60px;
      }
      .head {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
      }
      .head h1 {
        font-size: 23px;
        margin: 0;
      }
      .desc {
        margin-left: 12px;
        color: var(--muted);
      }
      .actions {
        margin-left: auto;
        display: flex;
        gap: 7px;
      }
      .btn {
        height: 35px;
        border: 1px solid #ccd5e1;
        background: #fff;
        color: #344760;
        border-radius: 5px;
        padding: 0 13px;
        cursor: pointer;
        white-space: nowrap;
      }
      .btn:hover {
        background: #f7f9fb;
      }
      .btn.primary {
        background: var(--blue);
        border-color: var(--blue);
        color: #fff;
      }
      .btn.teal {
        background: var(--teal);
        border-color: var(--teal);
        color: #fff;
      }
      .btn.danger {
        background: var(--red);
        border-color: var(--red);
        color: #fff;
      }
      .btn.small {
        height: 29px;
        padding: 0 9px;
      }
      .panel {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        box-shadow: var(--shadow);
        margin-bottom: 12px;
        overflow: hidden;
      }
      .panel-title {
        font-weight: 800;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
        background: #fbfcfd;
        display: flex;
        align-items: center;
      }
      .panel-title small {
        font-weight: 400;
        color: var(--muted);
        margin-left: 10px;
      }
      .tabs {
        height: 49px;
        display: flex;
        align-items: flex-end;
        padding: 0 12px;
        border-bottom: 1px solid var(--line);
        overflow-x: auto;
      }
      .tab {
        height: 49px;
        border: 0;
        background: #fff;
        color: #59687a;
        padding: 0 18px;
        cursor: pointer;
        border-bottom: 3px solid transparent;
        white-space: nowrap;
      }
      .tab.active {
        color: var(--teal);
        font-weight: 800;
        border-bottom-color: var(--teal);
      }
      .count {
        display: inline-block;
        margin-left: 5px;
        padding: 1px 7px;
        border-radius: 99px;
        background: #edf2f8;
        font-size: 12px;
      }
      .filters,
      .toolbar,
      .control-grid {
        padding: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }
      .toolbar {
        border-top: 1px solid #eef1f4;
        border-bottom: 1px solid var(--line);
        background: #fbfcfd;
      }
      .spacer {
        flex: 1;
      }
      .field {
        height: 35px;
        min-width: 135px;
        border: 1px solid #d2dae5;
        background: #fff;
        color: #657387;
        border-radius: 5px;
        padding: 7px 9px;
      }
      .field.wide {
        min-width: 230px;
      }
      .field.xwide {
        min-width: 315px;
      }
      .notice {
        margin: 0 12px 12px;
        padding: 9px 11px;
        border: 1px solid #efd37c;
        background: #fff9e4;
        border-radius: 5px;
        color: #725c16;
      }
      table {
        width: 100%;
        border-collapse: collapse;
      }
      th {
        height: 43px;
        background: #f5f7fa;
        color: #5c697c;
        text-align: left;
        padding: 8px 9px;
        white-space: nowrap;
        border-bottom: 1px solid var(--line);
      }
      td {
        padding: 10px 9px;
        border-bottom: 1px solid #e9edf2;
        vertical-align: middle;
      }
      tr:hover td {
        background: #fbfdff;
      }
      .product {
        display: flex;
        gap: 10px;
        align-items: center;
        min-width: 330px;
      }
      .thumb {
        width: 60px;
        height: 60px;
        border-radius: 6px;
        background: linear-gradient(135deg, #dec477, #806020);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
      }
      .thumb.blue {
        background: linear-gradient(135deg, #9ebfe7, #32639d);
      }
      .thumb.green {
        background: linear-gradient(135deg, #8fd2b3, #237557);
      }
      .title {
        font-weight: 800;
        margin-bottom: 3px;
      }
      .meta {
        font-size: 12px;
        color: var(--muted);
        margin-top: 2px;
      }
      .miniurl {
        font-size: 11px;
        color: #0c6d9e;
        max-width: 310px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .badge {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 99px;
        background: #eaf2fb;
        color: #2b69ad;
        font-size: 12px;
      }
      .badge.green {
        background: #e7f7ef;
        color: #147c55;
      }
      .badge.red {
        background: #fdeaea;
        color: #b73232;
      }
      .badge.orange {
        background: #fff1dc;
        color: #a45e07;
      }
      .badge.purple {
        background: #eeeafa;
        color: #6846a8;
      }
      .link {
        color: var(--blue);
        cursor: pointer;
        margin-right: 10px;
        white-space: nowrap;
      }
      .pager {
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        padding: 8px 12px;
      }
      .pager [data-live-invert] {
        margin-right: auto;
      }
      .pager [data-live-tiktok-selection-summary] {
        margin-right: auto;
      }
      .pagebtn {
        height: 31px;
        min-width: 32px;
        border: 1px solid #d1d8e3;
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
      }
      .pagebtn.active {
        background: var(--blue);
        color: #fff;
        border-color: var(--blue);
      }
      .split {
        display: inline-flex;
        width: 26px;
        height: 26px;
        background: #e23d3d;
        color: #fff;
        border-radius: 3px;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        margin-right: 7px;
        box-shadow: 0 0 0 2px #ffd1d1;
      }
      .order-card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        box-shadow: var(--shadow);
        margin-bottom: 12px;
        overflow: hidden;
      }
      .order-head {
        height: 48px;
        background: #fbfcfd;
        border-bottom: 1px solid var(--line);
        display: flex;
        align-items: center;
        padding: 0 13px;
      }
      .order-grid {
        display: grid;
        grid-template-columns: minmax(620px, 1.55fr) 240px 260px 190px;
      }
      .order-cell {
        padding: 13px;
        border-right: 1px solid #e7ebf0;
      }
      .order-cell:last-child {
        border-right: 0;
      }
      .sku-line {
        display: grid;
        grid-template-columns: 72px 1fr 135px;
        gap: 11px;
        align-items: center;
      }
      .money {
        font-weight: 800;
      }
      .currency {
        color: #9b5b08;
      }
      .countdown {
        font-size: 21px;
        color: #d04343;
        font-weight: 800;
        margin: 6px 0;
      }
      .modal-mask {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(10, 25, 45, 0.46);
        z-index: 200;
        align-items: center;
        justify-content: center;
        padding: 14px;
      }
      .modal-mask.show {
        display: flex;
      }
      .modal {
        background: #fff;
        border-radius: 9px;
        box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
        overflow: hidden;
      }
      .modal.small {
        width: 720px;
        max-height: 88vh;
      }
      .modal.medium {
        width: 960px;
        max-height: 92vh;
      }
      .modal.full {
        width: 96vw;
        height: 92vh;
        display: flex;
        flex-direction: column;
      }
      .modal-h {
        height: 57px;
        display: flex;
        align-items: center;
        padding: 0 16px;
        border-bottom: 1px solid var(--line);
        background: #fbfcfd;
      }
      .modal-h h2 {
        margin: 0;
        font-size: 19px;
      }
      .close {
        margin-left: auto;
        border: 0;
        background: transparent;
        font-size: 26px;
        cursor: pointer;
        color: #687588;
      }
      .modal-body {
        padding: 16px;
        overflow: auto;
      }
      .modal-foot {
        height: 58px;
        border-top: 1px solid var(--line);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 0 16px;
      }
      .group-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
      }
      .group-item {
        border: 1px solid #d6deea;
        border-radius: 6px;
        padding: 10px;
        cursor: pointer;
      }
      .group-item.active {
        border-color: var(--teal);
        background: #ebfbfa;
      }
      .new-group {
        display: flex;
        gap: 8px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--line);
      }
      .sort-list {
        display: grid;
        gap: 8px;
      }
      .sort-row {
        display: grid;
        grid-template-columns: 1fr 110px 110px;
        align-items: center;
        border: 1px solid #dce3ec;
        border-radius: 6px;
        padding: 10px;
      }
      .tri {
        font-size: 17px;
      }
      .tri.up {
        color: #247ac2;
      }
      .tri.down {
        color: #c16d13;
      }
      .price-modal {
        width: 700px;
      }
      .price-tabs {
        height: 50px;
        display: flex;
        align-items: flex-end;
        border-bottom: 1px solid var(--line);
        padding: 0 18px;
      }
      .price-tab {
        height: 50px;
        border: 0;
        background: #fff;
        padding: 0 14px;
        color: #536177;
        border-bottom: 2px solid transparent;
        cursor: pointer;
      }
      .price-tab.active {
        color: var(--teal);
        font-weight: 800;
        border-bottom-color: var(--teal);
      }
      .price-form {
        padding: 10px 18px 18px;
      }
      .price-line {
        display: grid;
        grid-template-columns: 125px 1fr;
        gap: 10px;
        align-items: center;
        margin: 10px 0;
      }
      .radio-line {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .formula {
        display: grid;
        grid-template-columns: 160px 25px 100px 25px 115px 25px 115px;
        gap: 7px;
        align-items: center;
      }
      .rounds,
      .decimals {
        display: flex;
        align-items: center;
        gap: 22px;
      }
      .red-tip {
        color: #fa4f4f;
        margin: 18px 0 10px;
      }
      .switch-line {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .switch {
        width: 34px;
        height: 18px;
        border-radius: 99px;
        background: #d6dce4;
        position: relative;
      }
      .switch:after {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 2px;
        top: 2px;
      }
      .help {
        display: inline-flex;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #8e99a8;
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 11px;
      }
      #tiktokBulkPriceMask .tiktok-live-bulk-price-modal {
        width: min(795px, calc(100vw - 32px));
      }
      #tiktokBulkPriceMask .tiktok-live-bulk-price-form {
        padding: 0;
      }
      #tiktokBulkPriceMask .tiktok-live-bulk-price-extras {
        padding: 0 18px 18px;
      }
      #tiktokBulkPriceMask .tiktok-create-price-body {
        padding: 16px 14px 6px;
      }
      #tiktokBulkPriceMask .tiktok-create-price-line {
        display: grid;
        grid-template-columns: 120px 130px minmax(0, 1fr);
        gap: 6px;
        align-items: center;
        margin: 10px 0;
      }
      #tiktokBulkPriceMask .tiktok-create-price-line > span:first-child { text-align: right; color: #59636f; }
      #tiktokBulkPriceMask .tiktok-create-price-line > label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
      #tiktokBulkPriceMask .tiktok-create-price-line > .tiktok-create-price-options { grid-column: 2 / 4; display: flex; gap: 22px; text-align: left; }
      #tiktokBulkPriceMask .tiktok-create-price-line > input.field { grid-column: 2 / 4; max-width: 290px; }
      #tiktokBulkPriceMask .tiktok-create-price-money,
      #tiktokBulkPriceMask .tiktok-create-price-amount { display: flex; align-items: center; height: 34px; border: 1px solid #d6dfe8; border-radius: 4px; background: #f6f8fa; overflow: hidden; }
      #tiktokBulkPriceMask .tiktok-create-price-money b,
      #tiktokBulkPriceMask .tiktok-create-price-amount b { padding: 0 9px; color: #7a8796; font-weight: 500; }
      #tiktokBulkPriceMask .tiktok-create-price-money input,
      #tiktokBulkPriceMask .tiktok-create-price-amount input { height: 100%; min-width: 0; flex: 1; border: 0; border-left: 1px solid #d6dfe8; padding: 0 8px; background: #fff; }
      #tiktokBulkPriceMask .tiktok-create-price-formula { display: grid; grid-template-columns: minmax(110px, 1fr) auto 78px auto minmax(105px, 1fr) auto minmax(105px, 1fr); gap: 6px; align-items: center; }
      #tiktokBulkPriceMask .tiktok-create-price-formula > .field { width: 100%; min-width: 0; }
      #tiktokBulkPriceMask .tiktok-create-price-options input[type="radio"],
      #tiktokBulkPriceMask .tiktok-create-price-line input[type="radio"] { accent-color: #00a99d; }
      @media (max-width: 760px) {
        #tiktokBulkPriceMask .tiktok-create-price-line { grid-template-columns: 100px minmax(0, 1fr); }
        #tiktokBulkPriceMask .tiktok-create-price-line > *:nth-child(3) { grid-column: 2; }
        #tiktokBulkPriceMask .tiktok-create-price-formula { grid-template-columns: 1fr auto 70px; overflow-x: auto; }
      }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-modal {
        width: min(900px, calc(100vw - 32px));
        max-height: calc(100vh - 32px);
        display: flex;
        flex-direction: column;
      }
      #tiktokMultiCountrySettingsMask .modal-body { overflow: auto; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-loading { padding: 40px; text-align: center; color: #7a8796; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-loading.error { color: #c33; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-source {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        padding: 14px 18px 8px;
      }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-source .field { min-width: 260px; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-tabs { display: flex; gap: 0; padding: 0 18px; border-bottom: 1px solid #dfe5eb; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-tabs .tab { min-width: 82px; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-panel { padding: 12px 18px 6px; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-enabled { display: flex; align-items: center; gap: 7px; font-weight: 600; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-warehouse {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        margin: 12px 0;
      }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-warehouse .field { min-width: 280px; }
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-inventory-note,
      #tiktokMultiCountrySettingsMask .tiktok-multi-country-language-note { margin: 8px 0; line-height: 1.6; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-body { padding: 10px 0 2px; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line {
        display: grid;
        grid-template-columns: 120px 130px minmax(0, 1fr);
        gap: 6px;
        align-items: center;
        margin: 10px 0;
      }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line > span:first-child { text-align: right; color: #59636f; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line > label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line > .tiktok-create-price-options { grid-column: 2 / 4; display: flex; gap: 22px; text-align: left; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line > input.field { grid-column: 2 / 4; max-width: 290px; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-money,
      #tiktokMultiCountrySettingsMask .tiktok-create-price-amount { display: flex; align-items: center; height: 34px; border: 1px solid #d6dfe8; border-radius: 4px; background: #f6f8fa; overflow: hidden; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-money b,
      #tiktokMultiCountrySettingsMask .tiktok-create-price-amount b { padding: 0 9px; color: #7a8796; font-weight: 500; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-money input,
      #tiktokMultiCountrySettingsMask .tiktok-create-price-amount input { height: 100%; min-width: 0; flex: 1; border: 0; border-left: 1px solid #d6dfe8; padding: 0 8px; background: #fff; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-formula { display: grid; grid-template-columns: minmax(110px, 1fr) auto 78px auto minmax(105px, 1fr) auto minmax(105px, 1fr); gap: 6px; align-items: center; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-formula > .field { width: 100%; min-width: 0; }
      #tiktokMultiCountrySettingsMask .tiktok-create-price-options input[type="radio"],
      #tiktokMultiCountrySettingsMask .tiktok-create-price-line input[type="radio"] { accent-color: #00a99d; }
      @media (max-width: 760px) {
        #tiktokMultiCountrySettingsMask .tiktok-create-price-line { grid-template-columns: 100px minmax(0, 1fr); }
        #tiktokMultiCountrySettingsMask .tiktok-create-price-line > *:nth-child(3) { grid-column: 2; }
        #tiktokMultiCountrySettingsMask .tiktok-create-price-formula { grid-template-columns: 1fr auto 70px; overflow-x: auto; }
        #tiktokMultiCountrySettingsMask .tiktok-multi-country-tabs { overflow-x: auto; }
      }
      #tiktokClaimSettingsMask .tiktok-claim-settings-modal {
        width: min(1000px, calc(100vw - 32px)) !important;
        max-width: 1000px !important;
        max-height: calc(100vh - 32px);
        display: flex;
        flex-direction: column;
      }
      #tiktokClaimSettingsMask .modal-body { padding: 0; overflow: auto; }
      #tiktokClaimSettingsMask .tiktok-claim-settings-page { padding: 4px 20px 12px; }
      #tiktokClaimSettingsMask .tiktok-claim-section { padding: 16px 0; border-bottom: 1px solid #e6ebf0; }
      #tiktokClaimSettingsMask .tiktok-claim-section:last-child { border-bottom: 0; }
      #tiktokClaimSettingsMask .tiktok-claim-section h3 { margin: 0 0 12px; font-size: 15px; color: #263746; }
      #tiktokClaimSettingsMask .tiktok-claim-grid { display: grid; gap: 12px; }
      #tiktokClaimSettingsMask .tiktok-claim-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #tiktokClaimSettingsMask .tiktok-claim-grid.four { grid-template-columns: repeat(4, minmax(120px, 1fr)); margin-top: 10px; }
      #tiktokClaimSettingsMask .tiktok-claim-note,
      #tiktokClaimSettingsMask .tiktok-claim-price-note { margin: 8px 0 0; color: #8994a2; font-size: 12px; line-height: 1.6; }
      #tiktokClaimSettingsMask .tiktok-claim-country-tabs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; }
      #tiktokClaimSettingsMask .tiktok-claim-country-item { flex: 1 0 150px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dfe6ed; border-radius: 6px; overflow: hidden; background: #fff; }
      #tiktokClaimSettingsMask .tiktok-claim-country-item .tab { height: 38px; padding: 0 12px; border-bottom-width: 2px; }
      #tiktokClaimSettingsMask .tiktok-claim-switch,
      #tiktokClaimSettingsMask .tiktok-claim-cod { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: #52616f; }
      #tiktokClaimSettingsMask .tiktok-claim-switch { padding-right: 10px; font-size: 12px; }
      #tiktokClaimSettingsMask .tiktok-claim-switch input,
      #tiktokClaimSettingsMask .tiktok-claim-cod input { position: absolute; opacity: 0; pointer-events: none; }
      #tiktokClaimSettingsMask .tiktok-claim-switch span,
      #tiktokClaimSettingsMask .tiktok-claim-cod span { width: 30px; height: 17px; border-radius: 10px; background: #cbd3da; position: relative; transition: background .15s ease; }
      #tiktokClaimSettingsMask .tiktok-claim-switch span:after,
      #tiktokClaimSettingsMask .tiktok-claim-cod span:after { content: ''; position: absolute; width: 13px; height: 13px; left: 2px; top: 2px; border-radius: 50%; background: #fff; transition: transform .15s ease; }
      #tiktokClaimSettingsMask .tiktok-claim-switch input:checked + span,
      #tiktokClaimSettingsMask .tiktok-claim-cod input:checked + span { background: #00a99d; }
      #tiktokClaimSettingsMask .tiktok-claim-switch input:checked + span:after,
      #tiktokClaimSettingsMask .tiktok-claim-cod input:checked + span:after { transform: translateX(13px); }
      #tiktokClaimSettingsMask .tiktok-claim-price-panel { padding: 8px 12px 2px; background: #fafcfd; border: 1px solid #e2e8ed; border-radius: 6px; }
      #tiktokClaimSettingsMask .tiktok-create-price-body { padding: 4px 0; }
      #tiktokClaimSettingsMask .tiktok-create-price-line { display: grid; grid-template-columns: 120px 130px minmax(0, 1fr); gap: 6px; align-items: center; margin: 10px 0; }
      #tiktokClaimSettingsMask .tiktok-create-price-line > span:first-child { text-align: right; color: #59636f; }
      #tiktokClaimSettingsMask .tiktok-create-price-line > label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
      #tiktokClaimSettingsMask .tiktok-create-price-line > .tiktok-create-price-options { grid-column: 2 / 4; display: flex; gap: 22px; text-align: left; }
      #tiktokClaimSettingsMask .tiktok-create-price-line > input.field { grid-column: 2 / 4; max-width: 290px; }
      #tiktokClaimSettingsMask .tiktok-create-price-money,
      #tiktokClaimSettingsMask .tiktok-create-price-amount { display: flex; align-items: center; height: 34px; border: 1px solid #d6dfe8; border-radius: 4px; background: #f6f8fa; overflow: hidden; }
      #tiktokClaimSettingsMask .tiktok-create-price-money b,
      #tiktokClaimSettingsMask .tiktok-create-price-amount b { padding: 0 9px; color: #7a8796; font-weight: 500; }
      #tiktokClaimSettingsMask .tiktok-create-price-money input,
      #tiktokClaimSettingsMask .tiktok-create-price-amount input { height: 100%; min-width: 0; flex: 1; border: 0; border-left: 1px solid #d6dfe8; padding: 0 8px; background: #fff; }
      #tiktokClaimSettingsMask .tiktok-create-price-formula { display: grid; grid-template-columns: minmax(110px, 1fr) auto 78px auto minmax(105px, 1fr) auto minmax(105px, 1fr); gap: 6px; align-items: center; }
      #tiktokClaimSettingsMask .tiktok-create-price-formula > .field { width: 100%; min-width: 0; }
      #tiktokClaimSettingsMask .tiktok-claim-inline { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
      #tiktokClaimSettingsMask .tiktok-claim-inline .short { width: 110px; min-width: 110px; }
      #tiktokClaimSettingsMask .tiktok-claim-low-stock { margin-top: 10px; padding-left: 4px; }
      #tiktokClaimSettingsMask .tiktok-claim-package-row { display: grid; grid-template-columns: 1.15fr repeat(3, 1fr); gap: 12px; }
      #tiktokClaimSettingsMask .tiktok-claim-package-row > label { display: grid; gap: 6px; color: #52616f; }
      #tiktokClaimSettingsMask .tiktok-claim-unit-field { display: flex; align-items: stretch; min-width: 0; }
      #tiktokClaimSettingsMask .tiktok-claim-unit-field .field { min-width: 0; width: 100%; }
      #tiktokClaimSettingsMask .tiktok-claim-unit-field select.field { flex: 0 0 72px; border-left: 0; }
      #tiktokClaimSettingsMask .tiktok-claim-unit-field > b { flex: 0 0 48px; display: flex; align-items: center; justify-content: center; border: 1px solid #d6dfe8; border-left: 0; border-radius: 0 4px 4px 0; background: #f6f8fa; color: #8994a2; font-weight: 500; }
      #tiktokClaimSettingsMask .tiktok-claim-group-manager { margin-top: 10px; padding: 12px; border-radius: 6px; background: #f7fafb; }
      #tiktokClaimSettingsMask .tiktok-claim-group-tags { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
      #tiktokClaimSettingsMask .tiktok-claim-group-tag { padding: 4px 9px; border-radius: 12px; background: #e8f6f4; color: #07857e; font-size: 12px; }
      #tiktokClaimSettingsMask .tiktok-claim-sku-custom { margin-top: 12px; padding: 12px; border: 1px solid #e2e8ed; border-radius: 6px; }
      #tiktokClaimSettingsMask .tiktok-claim-variable-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
      #tiktokClaimSettingsMask .tiktok-claim-cod { margin-top: 14px; font-weight: 600; }
      #tiktokClaimSettingsMask .tiktok-claim-foot { position: sticky; bottom: 0; z-index: 2; background: #fff; border-top: 1px solid #e2e8ed; margin: 0; padding: 12px 20px; }
      @media (max-width: 760px) {
        #tiktokClaimSettingsMask .tiktok-claim-grid.two,
        #tiktokClaimSettingsMask .tiktok-claim-grid.four,
        #tiktokClaimSettingsMask .tiktok-claim-package-row { grid-template-columns: 1fr; }
        #tiktokClaimSettingsMask .tiktok-create-price-line { grid-template-columns: 100px minmax(0, 1fr); }
        #tiktokClaimSettingsMask .tiktok-create-price-line > *:nth-child(3) { grid-column: 2; }
        #tiktokClaimSettingsMask .tiktok-create-price-formula { grid-template-columns: 1fr auto 70px; overflow-x: auto; }
      }
      .editor {
        display: grid;
        grid-template-columns: 260px 1fr;
        min-height: 0;
        flex: 1;
      }
      .editor-list {
        border-right: 1px solid var(--line);
        background: #fafbfd;
        overflow: auto;
      }
      .elist {
        padding: 10px;
        border-bottom: 1px solid #e5e9ef;
        display: flex;
        gap: 8px;
      }
      .elist.active {
        background: #eaf3ff;
        border-left: 3px solid var(--blue);
      }
      .mini {
        width: 46px;
        height: 46px;
        border-radius: 5px;
        background: #ccac63;
      }
      .editor-main {
        min-width: 0;
        display: flex;
        flex-direction: column;
      }
      .section-nav {
        height: 49px;
        display: flex;
        overflow-x: auto;
        border-bottom: 1px solid var(--line);
      }
      .section-nav button {
        height: 49px;
        border: 0;
        background: #fff;
        padding: 0 14px;
        color: #56657a;
        white-space: nowrap;
        border-bottom: 3px solid transparent;
      }
      .section-nav button.active {
        color: var(--teal);
        font-weight: 800;
        border-bottom-color: var(--teal);
      }
      .editor-scroll {
        padding: 15px;
        background: #f6f8fb;
        overflow: auto;
        flex: 1;
      }
      .section {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 14px;
        margin-bottom: 13px;
      }
      .section h3 {
        margin: 0 0 12px;
      }
      .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .form-item label {
        display: block;
        margin-bottom: 5px;
        color: #4f5f73;
      }
      .req {
        color: #e43e3e;
        font-weight: 900;
        margin-right: 3px;
      }
      .images {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 8px;
      }
      .slot {
        aspect-ratio: 1;
        border: 1px dashed #adb8c7;
        border-radius: 6px;
        background: #fafbfd;
        color: #667489;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-width: 70px;
      }
      .slot.filled {
        border-style: solid;
        background: linear-gradient(135deg, #dbc177, #816023);
        color: white;
      }
      .metrics {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 9px;
        margin-bottom: 12px;
      }
      .kpi {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 10px;
        box-shadow: var(--shadow);
      }
      .kpi small {
        color: var(--muted);
      }
      .kpi b {
        display: block;
        font-size: 18px;
        margin-top: 4px;
      }
      .chart {
        height: 260px;
        background: linear-gradient(180deg, #eef6ff, #fff);
        border: 1px solid var(--line);
        border-radius: 7px;
        position: relative;
        padding: 15px;
      }
      .chart:after {
        content: "";
        position: absolute;
        left: 40px;
        right: 40px;
        bottom: 60px;
        height: 2px;
        background: #75a9df;
        transform: skewY(-4deg);
        box-shadow:
          90px -35px 0 #75a9df,
          180px 12px 0 #75a9df,
          270px -55px 0 #75a9df;
      }
      .tree-layout {
        display: grid;
        grid-template-columns: 330px 1fr;
        gap: 12px;
      }
      .tree-left,
      .tree-main {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        box-shadow: var(--shadow);
        overflow: auto;
        max-height: calc(100vh - 185px);
      }
      .tree-search {
        padding: 12px;
        border-bottom: 1px solid var(--line);
        position: sticky;
        top: 0;
        background: #fff;
      }
      .tree-page {
        padding: 10px 12px;
        border-bottom: 1px solid #edf0f4;
        cursor: pointer;
      }
      .tree-page.active {
        background: #eaf3ff;
        color: var(--blue);
        font-weight: 800;
      }
      @media (max-width: 1500px) {
        .mainnav button {
          padding: 0 10px;
        }
        .sub {
          padding-left: 55px;
        }
        .metrics {
          grid-template-columns: repeat(5, 1fr);
        }
      }

      /* V9.2 instant editor + category matching + universal SKU/media controls */
      .editor-statusbar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 14px;
        background: #f3fbfa;
        border-bottom: 1px solid #d5ece8;
        font-size: 12px;
        color: #35645f;
      }
      .editor-statusbar .dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #20a392;
        box-shadow: 0 0 0 3px #d9f5f0;
      }
      .editor-statusbar .right {
        margin-left: auto;
      }
      .editor-section {
        scroll-margin-top: 10px;
      }
      .section-head {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
      }
      .section-head h3 {
        margin: 0;
      }
      .section-head .section-actions {
        margin-left: auto;
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
      }
      .lazy-note {
        font-size: 12px;
        color: #67788c;
        background: #f7f9fc;
        border: 1px dashed #cfd8e5;
        border-radius: 5px;
        padding: 7px 9px;
      }
      .match-card {
        display: grid;
        grid-template-columns: 1fr 140px;
        gap: 12px;
        border: 1px solid #b9ddd8;
        background: #f0fbf9;
        border-radius: 7px;
        padding: 12px;
        margin-bottom: 12px;
      }
      .match-path {
        font-weight: 800;
        color: #264e4a;
        margin-top: 5px;
      }
      .match-reason {
        font-size: 12px;
        color: #647488;
        margin-top: 5px;
      }
      .confidence {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #cfe7e3;
      }
      .confidence b {
        font-size: 26px;
        color: #168b7d;
      }
      .confidence span {
        font-size: 12px;
        color: #647488;
      }
      .attribute-groups {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .attribute-box {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 11px;
      }
      .attribute-box h4 {
        margin: 0 0 9px;
      }
      .rule-badge {
        display: inline-flex;
        align-items: center;
        border: 1px solid #f1c2c2;
        background: #fff3f3;
        color: #b83737;
        border-radius: 999px;
        padding: 2px 7px;
        font-size: 11px;
      }
      .schema-badge {
        display: inline-flex;
        align-items: center;
        border: 1px solid #bed7f2;
        background: #eef6ff;
        color: #236ba8;
        border-radius: 999px;
        padding: 2px 7px;
        font-size: 11px;
      }
      .spec-editor {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 12px;
      }
      .spec-box {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 10px;
      }
      .spec-title {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 8px;
      }
      .spec-title input {
        font-weight: 800;
      }
      .spec-values {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .spec-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border: 1px solid #cfd8e4;
        background: #f8fafc;
        border-radius: 5px;
        padding: 5px 7px;
        cursor: grab;
      }
      .spec-chip .mini-move {
        border: 0;
        background: transparent;
        color: #52708e;
        cursor: pointer;
        padding: 0 2px;
      }
      .sku-table-wrap {
        border: 1px solid var(--line);
        border-radius: 7px;
        overflow: auto;
        max-height: 320px;
      }
      .sku-table-wrap table {
        margin: 0;
      }
      .sku-row {
        background: #fff;
      }
      .sku-row.dragging {
        opacity: 0.45;
      }
      .drag-handle {
        cursor: grab;
        font-size: 17px;
        color: #6a7890;
      }
      .sku-thumb {
        width: 38px;
        height: 38px;
        border-radius: 5px;
        background: linear-gradient(135deg, #d9bd70, #775620);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 10px;
      }
      .inline-input {
        width: 82px;
        min-width: 70px;
        border: 1px solid #ccd6e2;
        border-radius: 4px;
        padding: 6px;
      }
      .media-toolbar {
        display: flex;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 10px;
      }
      .images.v92 {
        grid-template-columns: repeat(5, minmax(110px, 1fr));
      }
      .media-slot {
        position: relative;
        aspect-ratio: 1;
        border: 1px dashed #aebaca;
        border-radius: 7px;
        background: #fbfcfe;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        cursor: grab;
        color: #65758b;
      }
      .media-slot.filled {
        border-style: solid;
        background: linear-gradient(135deg, #d9bd70, #79561e);
        color: white;
      }
      .media-slot.dragging {
        opacity: 0.45;
      }
      .media-slot .slot-label {
        position: absolute;
        top: 6px;
        left: 6px;
        background: rgba(0, 0, 0, 0.56);
        color: #fff;
        border-radius: 4px;
        padding: 2px 5px;
        font-size: 11px;
      }
      .media-slot .slot-actions {
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        display: flex;
        justify-content: center;
        gap: 4px;
      }
      .media-slot .slot-actions button {
        border: 0;
        border-radius: 4px;
        padding: 4px 6px;
        font-size: 11px;
        background: rgba(255, 255, 255, 0.9);
        color: #34465a;
        cursor: pointer;
      }
      .media-slot input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
      }
      .video-slot {
        width: 230px;
        min-height: 150px;
        aspect-ratio: 16/9;
      }
      .country-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 9px;
      }
      .country-card {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 10px;
        background: #fff;
      }
      .country-card.active {
        border-color: #46aa9d;
        background: #f1fbfa;
      }
      .desc-toolbar {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        border: 1px solid var(--line);
        border-bottom: 0;
        border-radius: 7px 7px 0 0;
        padding: 7px;
        background: #f7f9fb;
      }
      .desc-editor {
        min-height: 180px;
        border: 1px solid var(--line);
        border-radius: 0 0 7px 7px;
        padding: 12px;
        background: #fff;
        line-height: 1.65;
      }
      .ai-panel {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 9px;
      }
      .ai-action {
        border: 1px solid #d6dfeb;
        border-radius: 7px;
        padding: 12px;
        background: #fff;
        cursor: pointer;
      }
      .ai-action:hover {
        border-color: #8dbcb6;
        background: #f2fbfa;
      }
      .ai-action b {
        display: block;
        margin-bottom: 4px;
      }
      .endpoint-box {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        background: #172133;
        color: #d9e6f4;
        border-radius: 7px;
        padding: 11px;
        white-space: pre-wrap;
      }
      .check-list {
        display: grid;
        gap: 7px;
      }
      .check-item {
        display: flex;
        align-items: center;
        gap: 9px;
        border: 1px solid var(--line);
        border-radius: 6px;
        padding: 9px;
      }
      .check-item.ok {
        border-color: #b9dfcb;
        background: #f2fbf6;
      }
      .check-item.warn {
        border-color: #efc5c5;
        background: #fff5f5;
      }
      .check-icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        background: #dff3e8;
        color: #218052;
      }
      .check-item.warn .check-icon {
        background: #f8dddd;
        color: #bd3939;
      }
      .editor-main .modal-foot {
        flex: none;
      }
      .editor-main {
        min-width: 0;
      }
      .editor-list {
        flex: 0 0 240px;
      }
      .section-nav button {
        cursor: pointer;
      }
      .section-nav button:hover {
        background: #f6fafc;
      }
      .quick-save {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-left: auto;
      }
      .ai-top {
        border-color: #8d75cf;
        color: #6545ad;
        background: #f6f1ff;
      }
      .upload-progress {
        height: 5px;
        border-radius: 999px;
        background: #e7edf4;
        overflow: hidden;
        margin-top: 5px;
      }
      .upload-progress i {
        display: block;
        height: 100%;
        width: 68%;
        background: #2c9f90;
      }
      .category-candidates {
        display: grid;
        gap: 6px;
        margin-top: 9px;
      }
      .candidate {
        display: grid;
        grid-template-columns: 32px 1fr 70px;
        align-items: center;
        border: 1px solid #d9e1eb;
        border-radius: 6px;
        padding: 7px;
        background: #fff;
      }
      .candidate b {
        color: #278d80;
      }
      .panel-placeholder {
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed #cbd6e3;
        border-radius: 7px;
        color: #68788c;
        background: #fafbfd;
      }
      @media (max-width: 1200px) {
        .images.v92 {
          grid-template-columns: repeat(3, 1fr);
        }
        .attribute-groups,
        .spec-editor {
          grid-template-columns: 1fr;
        }
        .country-grid {
          grid-template-columns: 1fr 1fr;
        }
        .ai-panel {
          grid-template-columns: 1fr 1fr;
        }
        .editor-list {
          display: none;
        }
      }

      /* V9.6: order cards, domestic purchase dashboard and screenshot-aligned analytics */
      .toast {
        position: fixed;
        right: 24px;
        bottom: 24px;
        z-index: 300;
        background: #172b42;
        color: #fff;
        border-radius: 7px;
        padding: 10px 14px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
        opacity: 0;
        transform: translateY(12px);
        pointer-events: none;
        transition: 0.2s;
        max-width: 420px;
      }
      .toast.show {
        opacity: 1;
        transform: none;
      }
      .editor {
        grid-template-columns: 232px minmax(0, 1fr);
        height: calc(92vh - 57px);
        min-height: 0;
        overflow: hidden;
        flex: none;
      }
      .editor-main {
        height: 100%;
        min-height: 0;
        overflow: hidden;
      }
      .editor-scroll {
        height: 0;
        min-height: 0;
        flex: 1 1 auto;
      }
      .editor-list {
        padding: 14px 12px;
        background: #f7f9fc;
        overflow: hidden;
      }
      .editor-list .elist {
        border: 1px solid #dce4ee;
        border-radius: 8px;
        background: #fff;
        padding: 12px;
        display: block;
        position: sticky;
        top: 0;
      }
      .editor-list .mini {
        width: 100%;
        height: 158px;
        border-radius: 7px;
        margin-bottom: 10px;
        background: linear-gradient(135deg, #dec67e, #76551e);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 800;
      }
      .editor-list .product-title {
        font-weight: 800;
        line-height: 1.5;
        margin: 4px 0 8px;
      }
      .editor-list .source-id {
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
        color: #54657b;
        font-size: 12px;
        word-break: break-all;
      }
      .section-nav {
        position: relative;
        scroll-behavior: smooth;
        scrollbar-width: thin;
        flex: none;
        background: #fff;
      }
      .section-nav button {
        min-width: max-content;
        transition: 0.15s;
      }
      .section-nav button.active {
        background: #f1fbfa;
      }
      .editor-scroll {
        scroll-behavior: smooth;
      }
      .editor-section {
        scroll-margin-top: 8px;
        min-height: 180px;
      }
      .editor-section > .section-head {
        position: relative;
      }
      .editor-section .section-body {
        border-top: 1px solid #edf1f5;
        padding-top: 12px;
      }
      .store-summary {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
      }
      .store-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border: 1px solid #b9d7ef;
        background: #eef7ff;
        color: #24608d;
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 12px;
      }
      .store-chip b {
        font-weight: 800;
      }
      .store-chip button {
        border: 0;
        background: transparent;
        color: #52708c;
        cursor: pointer;
      }
      .store-picker-layout {
        display: grid;
        grid-template-columns: 210px 1fr;
        min-height: 420px;
        border: 1px solid var(--line);
        border-radius: 7px;
        overflow: hidden;
      }
      .store-country-list {
        background: #f7f9fc;
        border-right: 1px solid var(--line);
        padding: 8px;
      }
      .store-country {
        padding: 10px;
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
      }
      .store-country.active,
      .store-country:hover {
        background: #eaf4ff;
        color: #176cc7;
        font-weight: 800;
      }
      .store-list {
        padding: 12px;
      }
      .store-row {
        display: grid;
        grid-template-columns: 28px 1fr 120px 120px;
        align-items: center;
        gap: 8px;
        padding: 11px;
        border-bottom: 1px solid #edf1f5;
      }
      .store-row:hover {
        background: #fafcfe;
      }
      .store-row .ok {
        color: #16825a;
      }
      .store-row .warn {
        color: #b8730d;
      }
      .category-layout {
        display: grid;
        grid-template-columns: 280px 1fr;
        min-height: 430px;
        border: 1px solid var(--line);
        border-radius: 7px;
        overflow: hidden;
      }
      .category-tree {
        background: #f7f9fc;
        border-right: 1px solid var(--line);
        padding: 10px;
        overflow: auto;
      }
      .tree-node {
        padding: 8px 9px;
        border-radius: 5px;
        cursor: pointer;
      }
      .tree-node.active,
      .tree-node:hover {
        background: #eaf4ff;
        color: #176cc7;
        font-weight: 800;
      }
      .category-detail {
        padding: 14px;
      }
      .category-search {
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
      }
      .candidate-list {
        display: grid;
        gap: 7px;
      }
      .candidate-row {
        display: grid;
        grid-template-columns: 28px 1fr 70px 90px;
        gap: 8px;
        align-items: center;
        border: 1px solid #dce4ed;
        border-radius: 6px;
        padding: 9px;
      }
      .candidate-row.selected {
        border-color: #20a392;
        background: #f0fbf9;
      }
      .candidate-row input {
        accent-color: #0aa39b;
      }
      .batch-edit-tabs {
        display: flex;
        gap: 5px;
        overflow: auto;
        border-bottom: 1px solid var(--line);
        margin: -4px -4px 12px;
        padding: 4px;
      }
      .batch-edit-tabs button {
        border: 0;
        background: transparent;
        padding: 9px 12px;
        border-bottom: 3px solid transparent;
        white-space: nowrap;
        cursor: pointer;
      }
      .batch-edit-tabs button.active {
        color: #176cc7;
        font-weight: 800;
        border-bottom-color: #176cc7;
      }
      .batch-pane {
        display: none;
      }
      .batch-pane.active {
        display: block;
      }
      .publish-layout {
        display: grid;
        grid-template-columns: 1fr 330px;
        gap: 14px;
      }
      .publish-options {
        display: grid;
        gap: 10px;
      }
      .publish-side {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 12px;
        background: #fafbfd;
      }
      .publish-side h4 {
        margin: 0 0 10px;
      }
      .intervals {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .intervals label {
        border: 1px solid #d6dfe9;
        border-radius: 5px;
        padding: 6px 9px;
        cursor: pointer;
      }
      .intervals input {
        accent-color: #176cc7;
      }
      .source-price {
        color: #6d798b;
        font-size: 12px;
      }
      .sku-mode {
        display: flex;
        align-items: center;
        gap: 22px;
        margin-bottom: 12px;
      }
      .sku-mode input {
        accent-color: #09a7a3;
      }
      .spec-box {
        background: #fff;
      }
      .spec-option-row {
        display: grid;
        grid-template-columns: 1fr 72px 34px;
        gap: 7px;
        align-items: center;
        margin-top: 7px;
      }
      .spec-img {
        width: 64px;
        height: 64px;
        border: 1px dashed #b7c3d0;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fafbfd;
        cursor: pointer;
      }
      .sku-table-wrap table {
        min-width: 1180px;
      }
      .sku-table-wrap th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f7f9fb;
      }
      .sku-table-wrap .bulk-row th {
        top: 0;
        background: #eef6ff;
      }
      .sku-table-wrap .header-row th {
        top: 44px;
      }
      .media-slot {
        min-height: 128px;
      }
      .media-slot.filled {
        background-size: cover;
        background-position: center;
      }
      .media-slot .file-name {
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .video-workspace {
        display: grid;
        grid-template-columns: 310px 1fr;
        gap: 14px;
      }
      .video-preview {
        aspect-ratio: 16/9;
        border: 1px dashed #aebaca;
        border-radius: 7px;
        background: #172133;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
      }
      .video-preview video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #000;
      }
      .video-controls {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 12px;
      }
      .description-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 260px;
        gap: 12px;
      }
      .desc-editor {
        min-height: 300px;
        max-height: 520px;
        overflow: auto;
      }
      .desc-assets {
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 10px;
        background: #fafbfd;
      }
      .desc-asset {
        display: flex;
        gap: 8px;
        align-items: center;
        padding: 7px;
        border-bottom: 1px solid #e8edf3;
      }
      .desc-asset .thumb {
        width: 44px;
        height: 44px;
        flex: none;
      }
      .external-store-banner {
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #bcd9ef;
        background: #eef7ff;
        border-radius: 7px;
        padding: 9px 11px;
        margin-bottom: 12px;
      }
      .external-store-banner .spacer {
        flex: 1;
      }
      .interface-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .interface-form .full {
        grid-column: 1/-1;
      }
      .interface-list {
        border: 1px solid var(--line);
        border-radius: 7px;
        overflow: hidden;
      }
      .interface-list .row {
        display: grid;
        grid-template-columns: 28px 1fr 130px;
        gap: 8px;
        padding: 10px;
        border-bottom: 1px solid #edf1f5;
        align-items: center;
      }
      .interface-note {
        border: 1px solid #d5e2ef;
        background: #f4f8fc;
        border-radius: 6px;
        padding: 10px;
        color: #506177;
      }
      .danger-confirm {
        border: 1px solid #efc6c6;
        background: #fff4f4;
        border-radius: 7px;
        padding: 14px;
        color: #a52f2f;
      }

      /* V9.6 - 订单、国内采购与分析页面 */
      .order-card { overflow-x: auto; }
      .order-grid {
        min-width: 1420px;
        grid-template-columns: minmax(540px, 1.55fr) 270px 175px 270px 185px;
      }
      .order-product-meta { display: grid; gap: 4px; margin-top: 5px; }
      .source-link { color: #087bc1; text-decoration: underline; cursor: pointer; word-break: break-all; }
      .translated-spec { color: #1e6f63; font-weight: 700; }
      .payment-method {
        display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
        padding: 6px 9px; border-radius: 5px; background: #eff8f7; color: #087c70;
        font-weight: 800; border: 1px solid #c9e8e3;
      }
      .purchase-inline { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 8px; }
      .purchase-input-wrap label { display: block; font-size: 12px; color: #68788c; margin-bottom: 4px; }
      .purchase-input {
        width: 145px; height: 36px; border: 1px solid #adc1d7; border-radius: 5px;
        padding: 0 9px; font-size: 18px; font-weight: 900; color: #b85a00; background: #fffdf5;
      }
      .purchase-input.refund { color: #b42e46; background: #fff7f8; }
      .purchase-net { margin-top: 7px; font-size: 14px; font-weight: 800; color: #176f60; }
      .analytics-notice {
        border: 1px solid #ffd7b3; background: #fff8ef; color: #e87817;
        padding: 10px 13px; border-radius: 6px; line-height: 1.65; margin-bottom: 10px;
      }
      .analytics-filter { padding: 12px 13px; }
      .filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
      .filter-row:last-child { margin-bottom: 0; }
      .filter-label { min-width: 42px; color: #526173; font-weight: 700; }
      .check-chip { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 13px; }
      .check-chip input { accent-color: #00a99d; }
      .expand-link { color: #00a99d; font-weight: 800; cursor: pointer; border: 0; background: transparent; }
      .quick-range .btn.active, .metric-toggle .btn.active { background: #00a99d; color: #fff; border-color: #00a99d; }
      .analytics-metrics {
        display: grid; grid-template-columns: repeat(7, minmax(135px, 1fr)); gap: 10px; margin: 12px 0;
      }
      .analytics-kpi {
        min-height: 88px; padding: 11px; background: #f8f9fa; border-bottom: 3px solid #15b8aa;
        cursor: pointer; transition: transform .12s ease, box-shadow .12s ease;
      }
      .analytics-kpi:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(25,48,74,.10); }
      .analytics-kpi small { display: block; color: #303b48; font-weight: 700; }
      .analytics-kpi b { display: block; margin: 7px 0 5px; font-size: 18px; color: #111827; }
      .analytics-kpi span { font-size: 12px; color: #7b8796; }
      .trend-panel { padding: 12px 14px; }
      .chart-toolbar { display:flex; align-items:center; gap:8px; justify-content:flex-end; margin-bottom:8px; }
      .chart-legend { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; font-size:12px; color:#3e4b5a; margin:7px 0; }
      .legend-item { display:inline-flex; align-items:center; gap:5px; }
      .legend-line { width:24px; height:3px; border-radius:2px; background:var(--legend); }
      .line-chart { width:100%; height:300px; display:block; background:#fff; }
      .analysis-detail-head { display:flex; align-items:center; gap:8px; margin:14px 0 8px; }
      .analysis-detail-head h3 { margin:0; }
      .sort-wrap { display:inline-flex; flex-direction:column; vertical-align:middle; margin-left:4px; }
      .sort-btn { border:0; background:transparent; color:#a4adb8; font-size:9px; line-height:8px; padding:0 2px; cursor:pointer; }
      .sort-btn.active { color:#00a99d; }
      .sort-btn:hover { color:#007f76; }
      .spark { width:85px; height:34px; }
      .shop-checks { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
      .purchase-dashboard .panel { margin-bottom: 12px; }
      .purchase-summary { display:grid; grid-template-columns: repeat(7,minmax(135px,1fr)); gap:10px; }
      .purchase-chart-grid { display:grid; grid-template-columns: 430px 1fr; gap:14px; }
      .purchase-pie-wrap { display:flex; align-items:center; justify-content:center; gap:24px; min-height:300px; }
      .purchase-pie {
        width:210px; height:210px; border-radius:50%;
        background: conic-gradient(#00a99d 0 28%, #5e80d7 28% 50%, #e7bd31 50% 68%, #ef6c78 68% 82%, #7a55a4 82% 92%, #53b58b 92% 100%);
        position:relative; box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
      }
      .purchase-pie:after { content:'店铺采购占比'; position:absolute; inset:54px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:800; color:#405065; }
      .pie-legend { display:grid; gap:10px; }
      .pie-dot { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:7px; }
      .month-picker { min-width:145px; }
      .purchase-table input { width:110px; height:32px; font-size:16px; font-weight:800; }
      .purchase-table td { vertical-align:middle; }
      .purchase-table .source-link { max-width:210px; display:inline-block; }
      @media (max-width: 1500px) {
        .analytics-metrics, .purchase-summary { grid-template-columns: repeat(4, minmax(140px,1fr)); }
        .purchase-chart-grid { grid-template-columns: 1fr; }
      }

      @media (max-width: 1400px) {
        .description-layout,
        .video-workspace,
        .publish-layout {
          grid-template-columns: 1fr;
        }
        .store-picker-layout,
        .category-layout {
          grid-template-columns: 180px 1fr;
        }
      }
    

/* V1.5: TikTok/Shopee采集箱创建产品按钮下移到批量工具栏右侧，复选框文案改为全页选择 */
.v15-create-product-slot{margin-left:auto;}
.v15-page-select-label{white-space:nowrap;}
.v730-tiktok-claim-settings{margin-left:auto;align-self:center;flex:0 0 auto;white-space:nowrap;}
/* V1.4 TikTok采集箱：认领时间区间筛选 */
.v14-claim-time-label{display:inline-flex;align-items:center;font-size:12px;color:#52616f;margin-left:2px;margin-right:4px;white-space:nowrap}.v14-date-field{width:132px;min-width:132px}.v14-date-sep{font-size:12px;color:#7b8794;margin:0 -3px;white-space:nowrap}



  .batch-order-toolbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 0 10px;background:rgba(255,255,255,.97);border:1px solid #dfe7ec;border-radius:8px;box-shadow:0 4px 14px rgba(25,55,72,.08)}
  .batch-order-toolbar .spacer{flex:1}.batch-order-toolbar .tip{font-size:12px;color:#7a8790}
  .order-head.v95{height:auto;min-height:58px;position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fbfcfd;border-bottom:1px solid #e7ecef}
  .order-grid{grid-template-columns:minmax(520px,1.5fr) 260px 170px 260px 180px}.order-head-actions{display:flex;gap:6px;align-items:center}.order-head-actions .btn{padding:5px 9px;font-size:12px}
  .order-time-block{margin-left:auto;min-width:230px;text-align:right;font-size:12px;color:#6e7d87;line-height:1.75}.order-time-block b{color:#26343d}.order-time-block .countdown{font-size:18px;display:inline-block;margin-left:8px}
  .action-popover{position:fixed;z-index:9999;min-width:180px;background:#fff;border:1px solid #d9e3e8;border-radius:8px;box-shadow:0 12px 30px rgba(25,55,72,.18);padding:6px}
  .action-popover button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:6px;color:#33424b;cursor:pointer}.action-popover button:hover{background:#f0f7f7}.action-popover button.danger{color:#d14545}.action-popover .pop-title{font-size:12px;color:#8a979f;padding:5px 10px;border-bottom:1px solid #eef2f4;margin-bottom:4px}
  .scan-status{display:inline-flex;align-items:center;gap:6px;color:#008f88;font-size:12px}.scan-dot{width:8px;height:8px;border-radius:50%;background:#00b3a6;box-shadow:0 0 0 4px rgba(0,179,166,.12)}
  .scan-hit{animation:scanHit .8s ease}@keyframes scanHit{0%{outline:3px solid #00b3a6;background:#ecfffc}100%{outline:0 solid transparent;background:#fff}}
  .online-action-row{display:flex;gap:6px;flex-wrap:wrap}.online-action-row .btn{padding:5px 8px;font-size:12px}
  .v95-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:#edf7f6;color:#087d77;font-size:11px}



  /* V9.6 targeted refinement: compact order cards + operation log page */
  body.compact-order-page .page{padding-top:11px}
  body.compact-order-page .head{margin-bottom:7px;min-height:30px}
  body.compact-order-page .head h1{font-size:17px;line-height:1.2;font-weight:750}
  body.compact-order-page .head .desc{font-size:12px;margin-left:10px}
  body.compact-order-page .order-card{margin-bottom:9px}
  body.compact-order-page .order-head.v96{min-height:42px;height:42px;padding:0 10px;gap:6px;flex-wrap:nowrap;background:#fbfcfd;border-bottom:1px solid #e2e8ed}
  body.compact-order-page .order-head.v96 .btn{height:29px;padding:0 9px;font-size:12px}
  body.compact-order-page .order-head.v96 b{font-size:13px;white-space:nowrap}
  body.compact-order-page .order-head.v96 .badge{font-size:11px;padding:2px 6px;white-space:nowrap}
  body.compact-order-page .order-grid{grid-template-columns:minmax(500px,1.55fr) 250px 155px 235px 160px;min-width:1300px}
  body.compact-order-page .order-cell{padding:9px 11px;font-size:12px}
  body.compact-order-page .order-cell>b{font-size:13px}
  body.compact-order-page .sku-line{grid-template-columns:64px 1fr;gap:9px;align-items:start}
  body.compact-order-page .sku-line .thumb{width:58px;height:58px;min-width:58px}
  body.compact-order-page .order-product-meta{gap:2px;margin-top:3px;line-height:1.35}
  body.compact-order-page .purchase-inline{gap:6px;margin-top:6px}
  body.compact-order-page .purchase-input{height:31px;font-size:16px;width:132px}
  body.compact-order-page .payment-method{margin-top:6px;padding:5px 7px;font-size:12px}
  .order-time-footer-v96{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-height:34px;padding:5px 11px;border-top:1px solid #e6ebef;background:#fcfdfe;color:#667781;font-size:12px;white-space:nowrap}
  .order-time-footer-v96 b{color:#2c3e49}.order-time-footer-v96 .countdown{font-size:16px;margin:0;color:#d84242}
  .oplog-notice{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:10px;background:#eaf7fc;border:1px solid #cfeaf4;border-radius:6px;color:#2795bd;font-size:12px}
  .oplog-notice .spacer{flex:1}.oplog-close{border:0;background:transparent;color:#8998a1;font-size:18px;cursor:pointer}
  .oplog-filter{padding:12px 14px}.oplog-modules{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:11px}.oplog-modules .btn{height:30px;padding:0 11px}
  .oplog-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}.oplog-row label{font-size:12px;color:#6a7882}.oplog-row .field{height:34px}.oplog-user{min-width:280px}.oplog-time{min-width:235px}.oplog-text{min-width:260px}.oplog-ip{min-width:230px}
  .oplog-table td{vertical-align:top;line-height:1.45}.oplog-table .content-col{min-width:430px;white-space:normal;word-break:break-word}.oplog-module-active{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}
  @media(max-width:1000px){.order-time-footer-v96{justify-content:flex-start;overflow-x:auto}.oplog-row{align-items:stretch}.oplog-row .field{min-width:180px}}


  /* V9.7: login and compact permission matrix */
  .order-time-strip-v97{height:27px;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:0 12px;border-bottom:1px solid #e6ebef;background:#fcfdfe;color:#65747f;font-size:11px;white-space:nowrap}
  .order-time-strip-v97 b{color:#2d3b44}.order-time-strip-v97 .countdown{font-size:14px;margin:0;color:#d84242;font-weight:900}
  body.compact-order-page .order-head.v96{height:38px;padding:0 10px}
  body.compact-order-page .order-head-actions .btn{height:28px;padding:0 9px;font-size:11px}
  body.compact-order-page .order-grid{min-height:0}
  body.compact-order-page .order-cell{padding-top:7px;padding-bottom:7px}

  .v97-account-pop{position:fixed;z-index:9999;min-width:230px;background:#fff;border:1px solid #d9e0e7;border-radius:8px;box-shadow:0 12px 30px rgba(28,45,65,.18);padding:7px}
  .v97-account-pop button{width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:6px;cursor:pointer;color:#34475a}
  .v97-account-pop button:hover{background:#edf5ff}.v97-account-pop .danger{color:#cf3f3f}.v97-account-pop .account-hint{padding:7px 11px;color:#82909d;font-size:11px;border-bottom:1px solid #edf0f3}
  .login-screen-v97{position:fixed;inset:0;z-index:10020;background:linear-gradient(135deg,#0c3465,#0d6fa8 54%,#dff5f4);display:flex;align-items:center;justify-content:center;padding:24px}
  .login-card-v97{width:390px;background:rgba(255,255,255,.98);border-radius:16px;box-shadow:0 25px 65px rgba(5,34,66,.28);padding:32px}
  .login-brand-v97{font-size:25px;font-weight:900;color:#113b70;margin-bottom:7px}.login-sub-v97{color:#7c8b99;margin-bottom:26px}
  .login-card-v97 label{display:block;font-size:12px;color:#617181;margin:13px 0 5px}.login-card-v97 input{width:100%;height:42px;border:1px solid #ced8e2;border-radius:7px;padding:0 12px;font-size:14px}
  .login-row-v97{display:flex;align-items:center;gap:8px;margin:13px 0 20px;font-size:12px;color:#637585}.login-row-v97 .spacer{flex:1}.login-card-v97 .login-btn{width:100%;height:43px;border:0;border-radius:7px;background:#126bc5;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.login-demo-v97{font-size:11px;color:#8b98a4;margin-top:16px;text-align:center}.login-close-v97{position:absolute;right:20px;top:16px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}

  /* V9.8: order-header time block and left-side purchase editor */
  body.compact-order-page .order-head.v98{height:43px;min-height:43px;gap:6px;overflow:hidden}
  body.compact-order-page .order-head.v98>.spacer{display:none}
  .order-time-inline-v98{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:510px;height:31px;padding:0 8px;border:1px solid #dbe5ea;border-radius:5px;background:#fff;color:#5d6e79;font-size:11px;white-space:nowrap}
  .order-time-inline-v98 b{color:#293d49}.order-time-inline-v98 .countdown{font-size:15px;color:#d93d3d;font-weight:900;margin:0}
  body.compact-order-page .order-grid.v98{grid-template-columns:minmax(670px,1.8fr) 150px 155px 235px 150px;min-width:1420px}
  .product-purchase-cell-v98{padding-right:9px!important}.product-purchase-layout-v98{display:grid;grid-template-columns:minmax(440px,1fr) 190px;gap:12px;align-items:start;min-height:104px}
  .purchase-editor-v98{border-left:1px solid #e3eaee;padding-left:11px;display:grid;gap:5px;align-content:start}.purchase-editor-v98>strong{font-size:12px;color:#334853}
  .purchase-editor-v98 label{display:block;color:#768792;font-size:10px;margin-bottom:2px}.purchase-editor-v98 .purchase-input{width:100%;height:29px;font-size:14px;padding:0 8px}.purchase-editor-v98 .purchase-net{margin-top:0;padding:4px 7px;font-size:11px}
  .order-amount-v98{display:grid;gap:4px}.order-amount-v98 .money{font-size:16px;margin-top:4px}
  @media(max-width:1450px){.order-time-inline-v98{min-width:460px;gap:9px;font-size:10px}.product-purchase-layout-v98{grid-template-columns:minmax(390px,1fr) 180px}}

  .packing-template-editor{display:grid;grid-template-columns:250px minmax(540px,1fr) 260px;gap:14px;align-items:start}
  .packing-template-sidebar,.packing-template-properties{position:sticky;top:8px}.packing-template-sidebar>label,.packing-template-properties>label{display:grid;gap:5px;margin-top:10px;color:#61727d;font-size:12px}.packing-template-sidebar .field,.packing-template-properties .field{width:100%}
  .packing-template-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.packing-template-field-title{margin-top:16px}.packing-template-field-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.packing-template-field-buttons .btn{padding:6px;font-size:11px}
  .packing-template-preview{min-height:620px;padding:13px;border:1px solid #dce5ea;border-radius:9px;background:#eef3f6}.packing-template-preview-head{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:10px;color:#677985;font-size:12px}.packing-template-preview-head b{color:#263b47;font-size:14px}.packing-template-preview-head span:last-child{margin-left:auto}
  .packing-template-canvas-wrap{display:flex;justify-content:center;overflow:auto;padding:16px}.packing-template-canvas{position:relative;width:min(100%,520px);flex:0 0 auto;overflow:hidden;border:2px solid #293d49;background-color:#fff;background-image:linear-gradient(#edf2f4 1px,transparent 1px),linear-gradient(90deg,#edf2f4 1px,transparent 1px);background-size:10% 10%;box-shadow:0 8px 22px rgba(31,55,68,.15);touch-action:none;user-select:none}
  .packing-template-component{position:absolute;display:flex;align-items:center;padding:4px 22px 4px 6px;overflow:hidden;box-sizing:border-box;border:1px dashed #8ea7b3;border-radius:4px;background:rgba(255,255,255,.96);color:#263b47;line-height:1.25;cursor:grab;touch-action:none;word-break:break-word}.packing-template-component:hover,.packing-template-component.is-selected{border:2px solid #00a18f;box-shadow:0 0 0 3px rgba(0,161,143,.13)}.packing-template-component:active{cursor:grabbing}
  .packing-template-component-image{justify-content:center;padding:5px;background:#d9eeec;color:#287e77;font-weight:800}.packing-template-component-line{padding:0;background:transparent}.packing-template-line{width:100%;border-top:2px solid #263b47}.packing-template-component-repeater{align-items:flex-start;background:#f4faf9;font-weight:700}
  .packing-template-component-delete{position:absolute;right:2px;top:2px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#f8e7e7;color:#b93535;font-weight:900;line-height:18px;cursor:pointer}.packing-template-resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;padding:0;border:0;border-left:2px solid #00a18f;border-top:2px solid #00a18f;background:linear-gradient(135deg,transparent 45%,#00a18f 46% 55%,transparent 56%);cursor:nwse-resize}
  .packing-template-selected-name{padding:9px;border-radius:6px;background:#eef8f6;color:#39766f;font-size:12px}.packing-template-delete-selected{width:100%;margin-top:12px}.packing-template-status{min-height:34px;margin-top:14px;padding:8px;border-radius:6px;font-size:12px;line-height:1.45}.packing-template-status:empty{display:none}.packing-template-status[data-packing-status-kind="success"]{background:#e8f7ef;color:#217a59}.packing-template-status[data-packing-status-kind="pending"]{background:#fff5dc;color:#7d5a08}.packing-template-status[data-packing-status-kind="error"]{background:#fdecec;color:#a52f2f}
  .packing-template-loading,.packing-template-load-error{padding:18px}.packing-template-load-error{color:#a52f2f}
  @media(max-width:1260px){.packing-template-editor{grid-template-columns:1fr}.packing-template-sidebar,.packing-template-properties{position:static}.packing-template-preview-head{align-items:flex-start;flex-direction:column}.packing-template-preview-head span:last-child{margin-left:0}}



  /* V9.9: Shopee small-account integration, capability-driven AI, sync/webhook center. Existing TikTok controls and order-card columns stay intact. */
  .platform-chip-v99{height:29px;border:1px solid rgba(255,255,255,.24);background:#17466f;color:#fff;border-radius:4px;padding:0 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
  .platform-chip-v99 .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40d1af;margin-right:5px}
  .v99-kpis{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;margin-bottom:11px}.v99-kpi{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:12px;box-shadow:var(--shadow);border-bottom:3px solid #1d77c8}.v99-kpi small{display:block;color:#7a8996}.v99-kpi b{display:block;font-size:22px;margin:4px 0}.v99-kpi span{font-size:11px;color:#6d7c88}
  .platform-badge-v99{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:10px;font-size:10px;font-weight:900;margin-right:5px}.platform-badge-v99.tiktok{background:#e9f2ff;color:#2467a7}.platform-badge-v99.shopee{background:#fff0e8;color:#c55b25}
  .cap-grid-v99{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.cap-card-v99{background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:12px;box-shadow:var(--shadow)}.cap-card-v99 h3{margin:0 0 4px;font-size:15px}.cap-card-v99 p{margin:0 0 9px;color:#6b7a86;font-size:12px;line-height:1.55}.cap-card-v99 .cap-actions{display:flex;gap:6px;flex-wrap:wrap}.cap-state-v99{font-size:10px;font-weight:800;border-radius:10px;padding:3px 7px;float:right}.cap-state-v99.official{background:#e7f7ef;color:#217a59}.cap-state-v99.local{background:#fff3d7;color:#8b650c}.cap-state-v99.detect{background:#e9f2ff;color:#316da4}
  .v99-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);gap:12px;align-items:start}.v99-stack{display:grid;gap:12px}.v99-panel{background:#fff;border:1px solid #dce3ea;border-radius:8px;box-shadow:var(--shadow);padding:12px}.v99-panel h3{margin:0 0 9px;font-size:15px}.v99-note{background:#f0f8ff;border:1px solid #cfe4f7;border-radius:7px;padding:9px 11px;color:#3d6786;font-size:12px;line-height:1.6}.v99-warning{background:#fff7e7;border-color:#efd69a;color:#7f5d13}
  .sync-flow-v99{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sync-step-v99{border:1px solid #dbe4eb;border-radius:7px;padding:9px;background:#fafcfd;min-height:78px}.sync-step-v99 b{display:block;margin-bottom:5px}.sync-step-v99 small{color:#72818d;line-height:1.45}.sync-step-v99.active{border-color:#24a98d;background:#effaf7}
  .port-table-v99 td,.port-table-v99 th{padding:8px 9px}.port-private-v99{color:#18745d;font-weight:800}.port-public-v99{color:#b65c21;font-weight:800}
  .shop-health-v99{display:inline-flex;align-items:center;gap:5px;color:#25805e;font-weight:800}.shop-health-v99:before{content:'';width:7px;height:7px;border-radius:50%;background:#35b987}
  .ai-toolbar-v99{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ai-toolbar-v99 .btn{height:31px}.ai-official-v99{border-color:#2a9f7b!important;color:#19735a!important;background:#f0fbf7!important}
  .v99-page-subtabs{display:flex;gap:6px;margin-bottom:10px}.v99-page-subtabs button{border:1px solid #d4dde5;background:#fff;border-radius:6px;height:31px;padding:0 12px;cursor:pointer}.v99-page-subtabs button.active{background:#176cc7;color:#fff;border-color:#176cc7}
  @media(max-width:1250px){.v99-kpis{grid-template-columns:repeat(2,1fr)}.cap-grid-v99{grid-template-columns:1fr 1fr}.v99-layout{grid-template-columns:1fr}.sync-flow-v99{grid-template-columns:1fr 1fr}}



  /* V10.0 additive UI layer. Existing TikTok pages, buttons and all order-card layout remain untouched. */
  .platform-tabs-v100{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.platform-tab-v100{height:33px;border:1px solid #d4dde6;background:#fff;border-radius:6px;padding:0 14px;cursor:pointer;color:#526176}.platform-tab-v100.active{background:#176cc7;border-color:#176cc7;color:#fff;font-weight:800}.platform-tab-v100.shopee.active{background:#ee5b2a;border-color:#ee5b2a}.platform-note-v100{background:#f6f9fc;border:1px solid #dbe5ed;border-radius:7px;padding:9px 11px;margin-bottom:10px;color:#617181;font-size:12px;line-height:1.55}.claim-actions-v100{display:flex;gap:5px;flex-wrap:wrap}.claim-tiktok-v100{background:#176cc7!important;border-color:#176cc7!important;color:#fff!important}.claim-shopee-v100{background:#ee5b2a!important;border-color:#ee5b2a!important;color:#fff!important}.route-badge-v100{display:inline-flex;align-items:center;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:900}.route-badge-v100.tiktok{background:#e9f2ff;color:#2467a7}.route-badge-v100.shopee{background:#fff0e8;color:#c55b25}.mapping-status-v100{display:inline-flex;border-radius:11px;padding:2px 8px;font-size:10px;font-weight:900}.mapping-status-v100.ok{background:#e8f7ef;color:#217a59}.mapping-status-v100.warn{background:#fff2d8;color:#94660a}.mapping-grid-v100{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:9px;margin-bottom:11px}.mapping-card-v100{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:11px;box-shadow:var(--shadow)}.mapping-card-v100 b{display:block;font-size:17px}.mapping-card-v100 small{color:#73808c}.auth-summary-v100{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:9px;margin-bottom:11px}.auth-summary-v100>div{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:11px;border-bottom:3px solid #ee5b2a}.auth-summary-v100 b{font-size:20px;display:block}.auth-summary-v100 small{color:#72808d}.record-progress-v100{height:7px;background:#edf1f5;border-radius:5px;overflow:hidden;min-width:120px}.record-progress-v100 i{display:block;height:100%;background:#2aa985}.page-preserve-v100{font-size:11px;color:#7a8793;margin-left:8px}.v100-scope-chip{display:inline-flex;gap:5px;align-items:center;background:#f1f6fb;border:1px solid #d6e2ed;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:800}.v100-scope-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:#32b58b}
  @media(max-width:1350px){.mapping-grid-v100,.auth-summary-v100{grid-template-columns:repeat(2,1fr)}}



  /* V10.3 append-only design layer: no existing control is removed. */
  .v102-speedbar{display:flex;align-items:center;gap:8px;background:#eaf8f4;border:1px solid #bde7da;color:#256f60;border-radius:7px;padding:8px 11px;margin-bottom:10px;font-size:12px}.v102-speedbar .dot{width:8px;height:8px;border-radius:50%;background:#20ad83}.v102-speedbar .right{margin-left:auto;color:#60766f}
  .v102-match-once{display:flex;align-items:center;gap:8px;background:#fff8e8;border:1px solid #efd89d;border-radius:7px;padding:8px 10px;margin:8px 0;font-size:11px;color:#7b5e16}.v102-match-once b{color:#4e6170}.v102-match-state{display:inline-flex;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:900}.v102-match-state.ok{background:#e5f7ee;color:#187758}.v102-match-state.manual{background:#fff0dd;color:#9b5c0d}.v102-match-state.running{background:#eaf2ff;color:#2768a6}
  .v102-editor-tabs{display:flex;gap:0;overflow:auto;background:#fff;border-bottom:1px solid #d9e2ea;position:sticky;top:0;z-index:4}.v102-editor-tabs button{height:42px;border:0;border-bottom:2px solid transparent;background:#fff;padding:0 20px;color:#52616f;white-space:nowrap;cursor:pointer}.v102-editor-tabs button.active{color:#00a89b;border-bottom-color:#00a89b;font-weight:900}.v102-tab-panel{padding:14px 18px 80px}.v102-panel-title{font-size:17px;font-weight:900;margin:6px 0 14px}.v102-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v102-editor-grid .full{grid-column:1/-1}
  .v102-spec-toolbar{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:12px}.v102-spec-card{border:1px solid #dce4ec;border-radius:8px;padding:10px 12px;margin-bottom:12px;background:#fff}.v102-spec-head{display:flex;gap:8px;align-items:center;margin-bottom:8px}.v102-spec-head b{min-width:48px}.v102-drag{cursor:grab;color:#7a8793;font-size:18px}.v102-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v102-option{display:flex;align-items:center;border:1px solid #d7e0e9;border-radius:5px;min-height:32px;background:#fff}.v102-option input{border:0;outline:0;flex:1;min-width:0;padding:7px}.v102-option small{color:#8793a0}.v102-option button{border:0;background:#fff;color:#00a7b5;cursor:pointer;padding:6px}.v102-option-images{display:flex;gap:8px;overflow:auto;background:#f5f7fa;border-radius:7px;padding:9px;margin:10px 0 0}.v102-option-image{width:112px;min-width:112px;border:1px solid #d7e0e8;background:#fff}.v102-option-image .pic{height:82px;background:linear-gradient(135deg,#d9e4ec,#aab9c8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.v102-option-image .name{height:22px;background:#526170;color:#fff;text-align:center;font-size:10px;padding:3px}.v102-option-image .tools{display:flex;justify-content:center;gap:1px;padding:2px}.v102-option-image .tools button{font-size:10px;border:1px solid #d6dee6;background:#fff;padding:2px 4px}
  .v102-sku-wrap{border:1px solid #dce4eb;max-height:420px;overflow:auto}.v102-sku-table{min-width:1280px}.v102-sku-table thead th{position:sticky;top:0;z-index:2;background:#f5f7fa}.v102-sku-table td,.v102-sku-table th{padding:8px}.v102-sku-table input{height:31px;border:1px solid #d6dfe8;border-radius:4px;padding:0 7px;max-width:170px}.v102-sku-name{max-width:180px;word-break:break-all}.v102-sticky-op{position:sticky;right:0;background:#fff;box-shadow:-4px 0 7px rgba(30,55,75,.05)}
  .v102-rule-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.v102-rule-tabs button{height:32px;border:1px solid #d6e0e8;background:#fff;border-radius:5px;padding:0 12px}.v102-rule-tabs button.active{background:#176cc7;color:#fff;border-color:#176cc7}.v102-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:10px}.v102-rule-card{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:11px}.v102-rule-card h3{margin:0 0 8px}.v102-rule-row{display:grid;grid-template-columns:1fr 1.1fr;gap:7px;align-items:center;margin:7px 0;font-size:12px}.v102-rule-row .field{width:100%;min-width:0}.v102-danger-note{background:#fff0f0;border:1px solid #f1c2c2;color:#9b3131;border-radius:7px;padding:9px 11px;font-size:12px}
  .v102-clean-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;margin:10px 0}.v102-clean-kpi{background:#fff;border:1px solid #dce4eb;border-radius:8px;padding:11px;border-bottom:3px solid #176cc7}.v102-clean-kpi b{font-size:20px;display:block}.v102-clean-kpi small{color:#74828d}.v102-owner-lock{display:inline-flex;align-items:center;gap:5px;background:#fff1d9;color:#8b5e08;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:900}
  .v102-category-flow{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;margin:10px 0}.v102-flow-step{background:#fff;border:1px solid #dce4eb;border-radius:7px;padding:9px;text-align:center;font-size:11px;position:relative}.v102-flow-step:not(:last-child):after{content:'›';position:absolute;right:-7px;top:25%;font-size:22px;color:#8da0af;z-index:2}.v102-flow-step b{display:block;margin-bottom:4px}.v102-score{height:7px;background:#edf1f5;border-radius:5px;overflow:hidden}.v102-score i{display:block;height:100%;background:#2aa985}
  @media(max-width:1250px){.v102-rule-grid{grid-template-columns:1fr 1fr}.v102-category-flow{grid-template-columns:1fr 1fr 1fr}.v102-clean-kpis{grid-template-columns:1fr 1fr}.v102-editor-grid{grid-template-columns:1fr}}



  /* V3.8.2: 只调整营销模块顶部平台按钮和清理单品折扣标题提示区；其它页面、按钮、布局不动 */
  .v381-market-wrap{background:#fff;border:1px solid #e3e8ef;border-radius:7px;box-shadow:var(--shadow);padding:0;margin-bottom:12px;overflow:hidden;}
  .v381-third-tabs{display:flex;gap:0;border-bottom:1px solid #e4e9ef;background:#fff;padding:0 12px;align-items:flex-end;}
  .v381-third-tabs button{height:46px;border:0;background:#fff;color:#536177;padding:0 18px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;}
  .v381-third-tabs button.active{color:#00a99d;font-weight:800;border-bottom-color:#00a99d;}
  .v381-help-link{margin-left:auto;color:#00a99d;font-size:12px;cursor:pointer;padding-right:10px;}
  .v381-marketing-main{padding:16px 18px 0;background:#fff;}
  .v381-ms-title{display:flex;align-items:center;margin-bottom:12px;border-bottom:1px solid #dfe5eb;padding-bottom:10px;}
  .v381-ms-title h2{font-size:22px;margin:0;font-weight:500;color:#1e2d3d;}
  .v381-ms-title .right{margin-left:auto;color:#00a99d;font-size:12px;}
  .v381-orange-tip{height:36px;display:flex;align-items:center;border-radius:4px;background:#fff4ec;color:#ff6a1f;padding:0 12px;margin:0 0 12px;font-size:13px;}
  .v381-filter-panel{border:1px solid #e4e9ef;background:#fff;border-radius:4px;padding:10px;margin-bottom:12px;}
  .v381-filter-row{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1.1fr;gap:10px;margin-bottom:10px;}
  .v381-filter-row:last-child{grid-template-columns:1.1fr 2.25fr 90px 80px 1fr;margin-bottom:0;}
  .v381-filter-field{height:34px;border:1px solid #d6dfe8;border-radius:4px;background:#fff;color:#8a95a3;padding:0 11px;display:flex;align-items:center;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .v381-filter-field b{color:#596777;font-weight:500;margin-right:8px;}
  .v381-filter-field .split{background:transparent;color:#687888;box-shadow:none;width:auto;margin:0 12px;font-weight:400;}
  .v381-toolbar{display:flex;align-items:center;gap:10px;margin:6px 0 11px;}
  .v381-toolbar .spacer{flex:1;}
  .v381-status-note{display:flex;justify-content:flex-end;align-items:center;color:#4b5563;font-size:13px;margin:8px 0 8px;}
  .v381-status-note span{color:#ff7f32;margin-right:5px;}
  .v381-state-tabs{display:flex;align-items:flex-end;margin-bottom:0;}
  .v381-state-tabs button{height:36px;border:1px solid #dfe5eb;border-bottom:0;background:#fff;padding:0 20px;color:#536177;cursor:pointer;}
  .v381-state-tabs button.active{background:#00a99d;color:#fff;border-color:#00a99d;font-weight:800;}
  .v381-activity-table-wrap{border-top:0;background:#fff;}
  table.v381-activity-table{width:100%;border-collapse:collapse;font-size:13px;}
  .v381-activity-table th{height:44px;background:#f7f8fa;color:#7a8490;font-weight:600;border-bottom:1px solid #e4e9ef;padding:8px 12px;}
  .v381-activity-table td{height:66px;border-bottom:1px solid #e6ebf0;padding:9px 12px;color:#4d5968;vertical-align:middle;}
  .v381-activity-table tr:nth-child(3n){background:#f7f9fc;}
  .v381-check{width:18px;text-align:center;}
  .v381-act-name{font-weight:500;color:#404b58;margin-bottom:7px;}
  .v381-act-id{color:#8a94a2;}
  .v381-shop-tag{display:inline-block;border-radius:4px;background:#dff9f7;color:#00a99d;padding:2px 5px;font-weight:700;margin-right:5px;}
  .v381-status-green{display:inline-block;background:#e8f8df;color:#42a832;border-radius:3px;padding:2px 6px;margin-right:4px;font-weight:700;}
  .v381-hot{color:#ff4d6d;font-weight:900;margin-left:2px;}
  .v381-actions a{color:#00a99d;text-decoration:none;margin-right:10px;cursor:pointer;white-space:nowrap;}
  .v381-actions a:hover{text-decoration:underline;}
  .v381-bottom{position:sticky;bottom:0;background:#fff;border-top:1px solid #e4e9ef;height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#4e5b68;z-index:5;}
  .v381-bottom button{height:28px;border:1px solid #d9e1e8;background:#fff;border-radius:3px;color:#4e5b68;cursor:pointer;padding:0 10px;}
  .v381-bottom .selected{font-weight:700;color:#00a99d;}
  .v381-bottom .pager-mini{margin-left:auto;display:flex;align-items:center;gap:9px;}
  .v381-bottom .pager-mini b{color:#00a99d;}
  .v381-bottom input{width:44px;height:28px;border:1px solid #d6dfe8;border-radius:3px;text-align:center;}
  .v381-bottom select{height:28px;border:1px solid #d6dfe8;border-radius:3px;}
  .v381-placeholder{background:#fff;border:1px solid #e1e7ee;border-radius:7px;min-height:240px;display:flex;align-items:center;justify-content:center;color:#7b8794;line-height:1.8;text-align:center;}

  /* V3.8.2: 营销页红框区域只保留平台切换按钮；单品折扣标题提示区清空后内容上移 */
  .v382-platform-switch{display:flex;align-items:center;gap:10px;height:36px;}
  .v382-platform-switch button{height:34px;border:1px solid #d4dde6;background:#fff;border-radius:5px;padding:0 18px;cursor:pointer;color:#536177;font-weight:800;min-width:92px;}
  .v382-platform-switch button.active{background:#00a99d;border-color:#00a99d;color:#fff;}
  .v382-platform-switch button.shopee.active{background:#ee5b2a;border-color:#ee5b2a;}
  .v382-marketing-main-compact{padding-top:12px;}



  /* V3.8.8：只作用于营销页面。隐藏顶部红框冗余二级文字区；平台按钮、三级营销功能、筛选区和活动列表保持不动。 */
  body.v388-marketing-page{overflow:hidden;}
  body.v388-marketing-page .sub{display:none;}
  body.v388-marketing-page .page{height:calc(100vh - 60px);padding-top:12px;padding-bottom:0;overflow:hidden;}
  body.v388-marketing-page .head{margin-bottom:10px;}
  body.v388-marketing-page .v381-market-wrap{height:calc(100vh - 82px);display:flex;flex-direction:column;overflow:hidden;}
  body.v388-marketing-page .v381-third-tabs{flex:0 0 auto;}
  body.v388-marketing-page .v381-marketing-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
  body.v388-marketing-page .v381-filter-panel,
  body.v388-marketing-page .v381-toolbar,
  body.v388-marketing-page .v381-status-note,
  body.v388-marketing-page .v381-state-tabs{flex:0 0 auto;}
  body.v388-marketing-page .v381-activity-table-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;border-top:0;background:#fff;}
  body.v388-marketing-page .v381-activity-table thead th{position:sticky;top:0;z-index:4;background:#f7f8fa;}
  body.v388-marketing-page .v381-bottom{position:sticky;bottom:0;z-index:6;background:#fff;}



  .v101-plugin-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0;padding:10px 12px;border:1px solid #bcd9cc;border-radius:8px;background:#f2fbf6;font-size:12px}
  .v101-plugin-status{display:inline-flex;align-items:center;gap:6px;color:#167048;font-weight:700}.v101-plugin-status i{width:8px;height:8px;border-radius:50%;background:#20b26b}
  .v101-plugin-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;margin:12px 0}
  .v101-plugin-card{border:1px solid #d8e3ee;background:#fff;border-radius:9px;padding:13px}.v101-plugin-card small{display:block;color:#718096}.v101-plugin-card b{display:block;color:#123b65;font-size:18px;margin:5px 0}.v101-plugin-card span{font-size:11px;color:#5b6f82}
  .v101-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch;margin:12px 0}.v101-step{position:relative;padding:12px 8px;border:1px solid #dbe5ee;border-radius:8px;background:#fff;text-align:center;font-size:12px}.v101-step:not(:last-child):after{content:'→';position:absolute;right:-9px;top:38%;color:#176cc7;font-weight:800;z-index:2}
  .online-actions-v101{display:grid;gap:3px;min-width:248px;align-content:center}.online-actions-v101 .online-action-row{transform:translateY(-1px);white-space:nowrap}.online-ai-row-v101{display:flex;gap:4px;white-space:nowrap}.online-ai-row-v101 .btn{height:22px;min-height:22px;padding:0 7px;font-size:10.5px;line-height:20px;border-radius:4px}.online-ai-row-v101 .btn.title{border-color:#7bb4f2;color:#176cc7;background:#f3f8ff}.online-ai-row-v101 .btn.image{border-color:#79cbb7;color:#087b65;background:#f0fbf7}.online-ai-row-v101 .btn.desc{border-color:#d7a6ea;color:#8248a4;background:#fbf4ff}
  .v101-source-tag{display:inline-flex;padding:2px 7px;border-radius:999px;background:#eef4fb;color:#385b7b;font-size:11px;font-weight:700}.v101-owner-proof{display:block;margin-top:3px;font-size:10.5px;color:#667b8f}
  .v101-architecture-note{margin:10px 0;padding:10px 12px;border-left:4px solid #176cc7;background:#f5f9fd;font-size:12px;color:#38516a}
  @media(max-width:1100px){.v101-plugin-grid{grid-template-columns:repeat(2,1fr)}.v101-flow{grid-template-columns:1fr}.v101-step:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-13px}}



.ai-mini-v103{font-size:13px!important;font-weight:600!important;padding:3px 8px!important;height:24px!important;line-height:18px!important;}
.platform-chip-v99{display:none!important;}
[data-v103-hidden="true"]{display:none!important;}



  .v20-clean-wrap{display:grid;gap:12px}
  .v20-clean-alert{border:1px solid #f1c36a;background:#fff8e6;color:#7a4d00;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-weight:700}
  .v20-clean-alert small{display:block;color:#8c6b28;font-weight:400;margin-top:2px}
  .v20-clean-kpis{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px}
  .v20-clean-kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--shadow)}
  .v20-clean-kpi small{display:block;color:var(--muted);font-size:12px}.v20-clean-kpi b{font-size:24px;display:block;margin:4px 0}.v20-clean-kpi span{font-size:12px;color:var(--muted)}
  .v20-clean-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:start}
  .v20-clean-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:14px}
  .v20-clean-panel h3{margin:0 0 10px;font-size:16px}.v20-clean-panel .hint{color:var(--muted);font-size:12px;margin-top:-4px;margin-bottom:10px}
  .v20-clean-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}
  .v20-clean-filters .wide{grid-column:span 2}.v20-clean-field{display:flex;flex-direction:column;gap:4px}.v20-clean-field label{font-size:12px;color:#5d6a79;font-weight:700}
  .v20-clean-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
  .v20-clean-items{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}
  .v20-clean-item{border:1px solid #dce4eb;background:#fbfdff;border-radius:10px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;min-height:86px}
  .v20-clean-item b{display:block;margin-bottom:3px}.v20-clean-item small{display:block;color:var(--muted);line-height:1.35}.v20-clean-item .tag{display:inline-block;background:#eef5ff;border:1px solid #cbdcf4;color:#176cc7;border-radius:999px;padding:1px 7px;font-size:11px;margin-top:6px}
  .v20-clean-safe{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}.v20-safe-card{border:1px solid #dce4eb;border-radius:9px;background:#f7fbff;padding:10px}.v20-safe-card b{display:block}.v20-safe-card small{color:var(--muted)}
  .v20-clean-flow{display:flex;gap:6px;flex-wrap:wrap}.v20-flow-step{background:#fff;border:1px solid #dce4eb;border-radius:999px;padding:6px 10px;font-size:12px}.v20-flow-step.active{background:#e9f5ff;border-color:#9cc8ee;color:#176cc7;font-weight:800}.v20-flow-step.danger{background:#fff1f1;border-color:#f0b6b6;color:#a72a2a;font-weight:800}
  .v20-auth-note{display:inline-flex;align-items:center;margin-left:8px;background:#eaf7f4;border:1px solid #b9e1d7;color:#13735f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
  @media(max-width:1450px){.v20-clean-grid{grid-template-columns:1fr}.v20-clean-kpis{grid-template-columns:repeat(2,1fr)}.v20-clean-filters{grid-template-columns:repeat(2,1fr)}}



  /* 1. 你的审核意见：删除插件顶部提示条 */
  .v101-plugin-banner{display:none!important;}

  /* 2. 你的审核意见：删除设计说明型提示，不在正式 UI 暴露 */
  .page-preserve-v100,
  .v667-online-panel > .v102-speedbar{display:none!important;}

  /* 3. 公共采集箱标题说明隐藏，减少顶部占用 */
  .head.banana-public-compact-head #pageTitle,
  .head.banana-public-compact-head #pageDesc{display:none!important;}
  .head.banana-public-compact-head{min-height:34px!important;margin-bottom:6px!important;justify-content:flex-end!important;}
  .head.banana-public-compact-head .actions{margin-left:auto!important;}

  /* 4. 产品/采集箱/在线商品列表紧凑化：一屏显示更多行 */
  .v6611-product-list-panel{margin-bottom:8px!important;}
  .v6611-product-list-scroll{max-height:calc(100vh - 285px)!important;}
  .v6611-product-list-scroll th{height:32px!important;padding:5px 6px!important;font-size:12px!important;}
  .v6611-product-list-scroll td{padding:5px 6px!important;font-size:12px!important;vertical-align:middle!important;}
  .v6611-product-list-scroll tbody tr{min-height:54px!important;}
  .v6611-product-list-scroll .thumb{width:42px!important;height:42px!important;font-size:11px!important;border-radius:5px!important;}
  .v6611-product-list-scroll .product{gap:7px!important;min-width:260px!important;}
  .v6611-product-list-scroll .title{font-size:13px!important;line-height:1.25!important;margin-bottom:1px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .v6611-product-list-scroll .meta{font-size:11px!important;line-height:1.25!important;margin-top:1px!important;}
  .v6611-product-list-scroll .miniurl{font-size:10px!important;max-width:240px!important;}
  .v6611-product-list-scroll .btn.small,
  .v6611-product-list-scroll .btn{height:25px!important;padding:0 7px!important;font-size:11px!important;border-radius:4px!important;}
  .v6611-product-list-scroll .claim-actions-v100{gap:3px!important;}
  .v6611-product-list-scroll .v101-owner-proof{font-size:10px!important;line-height:1.15!important;margin-top:2px!important;}
  .v6611-product-list-scroll .v101-source-tag{font-size:10px!important;padding:1px 5px!important;}
  .v6611-product-list-panel>.pager{height:39px!important;min-height:39px!important;padding:4px 8px!important;margin-top:6px!important;gap:4px!important;font-size:12px!important;}
  .v6611-product-list-panel>.pager .pagebtn{height:25px!important;min-width:26px!important;font-size:12px!important;}
  .v6611-product-list-panel>.pager .field{height:28px!important;min-width:46px!important;padding:4px 6px!important;font-size:12px!important;}

  /* 5. 在线商品顶部区域紧凑化 */
  .v667-online-panel .v667-status-tabs{min-height:38px!important;height:auto!important;padding:0 8px!important;gap:5px!important;align-items:center!important;}
  .v667-online-panel .v667-status-tabs .tab{height:36px!important;padding:0 10px!important;font-size:13px!important;}
  .v667-online-panel .v667-status-tools{margin-left:10px!important;gap:5px!important;}
  .v667-online-panel .v667-status-tools .btn{height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:12px!important;}
  .v6619-online-actions-inline{min-height:28px!important;gap:5px!important;}
  .v6619-online-actions-inline .btn,
  .v6619-online-actions-inline button{height:27px!important;min-height:27px!important;padding:0 8px!important;font-size:12px!important;border-radius:4px!important;}
  .v667-online-panel .filters{padding:8px!important;gap:6px!important;}
  .v667-online-panel .filters .field{height:30px!important;min-width:112px!important;padding:4px 7px!important;font-size:12px!important;}
  .v667-online-panel .filters .field.wide{min-width:210px!important;}
  .v667-online-panel .filters .btn{height:30px!important;padding:0 10px!important;font-size:12px!important;}
  .v667-online-panel .toolbar{padding:7px 10px!important;min-height:36px!important;}

  /* 6. 在线商品信息：标题限制为两行，货源链接保持紧凑 */
  .route-badge-v100{height:19px!important;line-height:17px!important;padding:1px 6px!important;font-size:10px!important;min-width:28px!important;justify-content:center!important;}
  .v13-online-panel .online-product-info-v17{width:300px;max-width:300px;min-width:0;}
  .v13-online-panel .online-product-title-v17{max-width:300px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}
  .v13-online-panel .online-product-source-v17{display:inline-block;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}

  /* 7. 通用：隐藏空白设计头，避免占用高度 */
  .banana-empty-design-note{display:none!important;}



  body.banana-v11-online .v667-online-panel table tbody tr{height:78px!important;min-height:78px!important;}
  body.banana-v11-online .v667-online-panel table td{padding-top:10px!important;padding-bottom:10px!important;}
  body.banana-v11-online .v667-online-panel .product{min-height:64px!important;align-items:center!important;}
  body.banana-v11-online .v667-online-panel .product .thumb{width:56px!important;height:56px!important;min-width:56px!important;line-height:56px!important;font-size:12px!important;}



  .banana-v12-image-preview{
    position:fixed;
    z-index:999999;
    display:none;
    width:150px;
    height:150px;
    border:1px solid #d0d9e6;
    border-radius:10px;
    background:#ffffff;
    box-shadow:0 12px 28px rgba(15,23,42,.20);
    padding:8px;
    pointer-events:none;
  }
  .banana-v12-image-preview .banana-v12-preview-img{
    width:100%;
    height:100%;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:800;
    font-size:18px;
    background:linear-gradient(135deg,#dec477,#806020);
    background-size:cover;
    background-position:center;
    overflow:hidden;
  }
  .banana-v12-image-preview .banana-v12-preview-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:8px;
  }
  .thumb,.sku-thumb,.desc-asset .thumb,.media-slot.filled{
    cursor:zoom-in;
  }



  body.banana-v13-online .top .global .gbtn.sync{display:none!important;}
  .v13-online-panel .filters.v13-filter-first{margin-top:0!important;border-top:0!important;}
  .v13-online-panel .v13-status-tabs{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-height:42px!important;margin-top:8px!important;margin-bottom:8px!important;}
  .v13-online-panel .v13-status-tabs .tab{flex:0 0 auto!important;}
  .v13-status-tools{display:flex!important;gap:7px!important;align-items:center!important;margin-left:12px!important;}
  .v13-sync-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;}
  .v13-sync-actions .btn{height:30px!important;min-height:30px!important;white-space:nowrap!important;}
  .v13-sync-actions .sync-product::after{content:'产品';}
  .v13-sync-actions .sync-discount::after{content:'折扣';}
  .v13-sync-actions .sync-order::after{content:'订单';}
  .v13-online-panel .toolbar{margin-top:0!important;}



  .v31-version-badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;background:#eaf8f4;border:1px solid #bde7da;color:#256f60;font-size:11px;font-weight:800;white-space:nowrap}
  .v31-addon-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}
  .v31-addon-row .btn{height:30px;padding:0 9px;font-size:12px}
  .v31-mini-note{display:inline-flex;align-items:center;gap:5px;border:1px solid #d6e4ef;background:#f6fbff;color:#45677f;border-radius:6px;padding:5px 8px;font-size:11px;line-height:1.35;white-space:nowrap}
  .v31-warn-note{display:flex;align-items:center;gap:8px;background:#fff8e9;border:1px solid #efd99d;border-radius:7px;padding:8px 10px;color:#755c16;font-size:12px;margin:8px 0}
  .v31-green-note{display:flex;align-items:center;gap:8px;background:#eefbf7;border:1px solid #c8eadf;border-radius:7px;padding:8px 10px;color:#25735d;font-size:12px;margin:8px 0}
  .v31-danger-note{display:flex;align-items:center;gap:8px;background:#fff3f3;border:1px solid #efc4c4;border-radius:7px;padding:8px 10px;color:#9c3232;font-size:12px;margin:8px 0}
  .v31-cny-line,.v31-sub-line{display:block;color:#6e7d88;font-size:11px;line-height:1.35;margin-top:2px;font-weight:400}
  .v31-source-link{color:#0b6fb6;text-decoration:underline;cursor:pointer;font-size:12px}
  .v31-chip{display:inline-flex;align-items:center;height:22px;border-radius:11px;padding:0 8px;background:#eef6ff;border:1px solid #cfe0f1;color:#28689a;font-size:11px;font-weight:800;white-space:nowrap}
  .v31-chip.green{background:#eaf8ef;border-color:#c6e7d2;color:#23734e}.v31-chip.orange{background:#fff3df;border-color:#ead2a5;color:#956515}.v31-chip.red{background:#ffecec;border-color:#efc5c5;color:#a93b3b}
  .v31-clean-box{border:1px solid #dbe6ee;background:#f9fcfe;border-radius:8px;padding:10px;margin:10px 0}.v31-clean-box h3{margin:0 0 7px;font-size:14px}.v31-clean-box .btn{height:30px;padding:0 9px;font-size:12px}
  .v31-ai-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:10px}.v31-ai-strip .btn{height:29px;padding:0 9px;font-size:12px}.v31-ai-strip .official{border-color:#2a9f7b;color:#19735a;background:#f0fbf7}.v31-ai-strip .local{border-color:#b899e6;color:#6743ad;background:#f7f1ff}
  .v31-logistics{margin-top:6px;display:flex;gap:5px;flex-wrap:wrap}
  .v31-order-note-panel{margin:0 0 10px 0}.v31-order-note-panel .btn{height:29px;padding:0 9px;font-size:12px}
  .v31-after-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.v31-after-actions .btn{height:30px;padding:0 9px;font-size:12px}
  @media(max-width:1300px){.v31-ai-strip{margin-left:0}}



  .v32-selected-summary{margin-right:auto;display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid #cfe1f1;background:#f7fbff;color:#315d7c;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap;}
  .v32-total-summary{color:#667789;font-size:12px;white-space:nowrap;}
  .pager.v32-pager{justify-content:flex-end;gap:7px;}
  .pager.v32-pager select.field{min-width:110px;}
  .v32-ops-clean-note{display:none!important;}



  /* 订单图片悬停预览加大：只影响已有预览层尺寸，不改变订单卡布局 */
  .banana-v12-image-preview{
    width:260px!important;
    height:260px!important;
    padding:10px!important;
  }
  .banana-v12-image-preview .banana-v12-preview-img{
    font-size:24px!important;
  }
  body.compact-order-page .product-purchase-layout-v98.v35-order-layout{
    grid-template-columns:minmax(360px,1fr) 74px 190px;
    gap:10px;
  }
  .v35-order-qty-box{
    align-self:start;
    justify-self:center;
    min-width:58px;
    padding:4px 4px 5px;
    border:1px solid #f3c6c6;
    border-radius:7px;
    background:#fff8f8;
    text-align:center;
    line-height:1.05;
    margin-top:2px;
  }
  .v35-order-qty-label{
    display:block;
    font-size:11px;
    color:#7a8793;
    margin-bottom:2px;
  }
  .v35-order-qty-count{
    display:block;
    color:#d93d3d;
    font-size:30px;
    font-weight:900;
    letter-spacing:-1px;
  }
  .v35-order-extra-id{
    color:#526170;
  }
  .v35-order-extra-id b{
    color:#17263a;
  }
  @media(max-width:1450px){
    body.compact-order-page .product-purchase-layout-v98.v35-order-layout{
      grid-template-columns:minmax(330px,1fr) 68px 180px;
      gap:8px;
    }
    .v35-order-qty-count{font-size:26px;}
  }



  .v37-selected-summary{
    margin-right:auto;
    display:inline-flex;
    align-items:center;
    height:30px;
    padding:0 10px;
    border:1px solid #cfe1f1;
    background:#f7fbff;
    color:#315d7c;
    border-radius:6px;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
  }
  .v37-total-summary{color:#667789;font-size:12px;white-space:nowrap;}
  .pager.v37-pager{justify-content:flex-end;gap:7px;}
  .pager.v37-pager select.field{min-width:110px;}


'+css+'


        .v391-sync-notice{display:none;align-items:center;height:28px;padding:0 9px;border:1px solid #b8e6de;background:#ecfffb;color:#00897f;border-radius:4px;font-size:12px;white-space:nowrap}.v391-modal-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center}.v391-modal-mask.show{display:flex}.v391-modal{background:#fff;border-radius:4px;box-shadow:0 18px 50px rgba(0,0,0,.24);overflow:hidden}.v391-modal-head{height:54px;border-bottom:1px solid #dfe5eb;display:flex;align-items:center;padding:0 20px}.v391-modal-head h2{font-size:20px;font-weight:500;margin:0}.v391-x{margin-left:auto;border:0;background:transparent;color:#59636f;font-size:24px;cursor:pointer}.v391-modal-body{padding:22px 20px}.v391-modal-foot{height:58px;border-top:1px solid #e4e9ef;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 20px}.v391-small{width:400px}.v391-mid{width:440px}.v391-remove{width:420px}.v391-input-full{width:100%;height:34px;border:1px solid #d7e0e9;border-radius:4px;padding:0 10px}.v391-percent-wrap{position:relative}.v391-percent-wrap span{position:absolute;right:12px;top:8px;color:#9aa5b1}.v391-radio-row{display:flex;align-items:center;gap:10px;margin:12px 0}.v391-radio-row input[type=radio],.v391-check-row input{accent-color:#00a99d}.v391-radio-row .v391-input-full{width:245px}.v391-check-row{display:flex;align-items:center;gap:8px;margin-top:16px}.v391-disabled{background:#f1f4f7;color:#9aa5b1}.v391-currency{width:80px;height:34px;border:1px solid #d7e0e9;border-radius:4px;background:#f5f7fa;color:#6f7b88}.v391-add-modal{width:1245px;height:815px;max-width:96vw;max-height:94vh;display:flex;flex-direction:column}.v391-add-modal .v391-modal-body{padding:20px 18px 0;display:flex;flex-direction:column;min-height:0;flex:1}.v391-add-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.v391-select,.v391-search{height:30px;border:1px solid #d6dfe8;border-radius:4px;background:#fff;color:#788696;padding:0 10px}.v391-select{min-width:242px}.v391-search{min-width:242px}.v391-add-tabs{display:flex;margin:10px 0 0}.v391-add-tabs button{height:36px;border:1px solid #dfe5eb;border-bottom:0;background:#fff;padding:0 18px}.v391-add-tabs button.active{background:#00a99d;color:#fff;border-color:#00a99d}.v391-add-options{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:13px;color:#5d6875}.v391-add-options input{accent-color:#00a99d}.v391-add-table-wrap{border-top:1px solid #e4e9ef;overflow-y:auto;min-height:0;flex:1}.v391-add-table{min-width:1160px}.v391-add-table th{height:44px}.v391-add-table td{height:92px}.v391-add-pic,.v391-empty-pic{width:72px;height:72px;border-radius:2px;background:linear-gradient(135deg,#e8ddc5,#8b6b3e);display:flex;align-items:center;justify-content:center;color:#c2c9d0;font-size:34px}.v391-add-pic.p1{background:linear-gradient(135deg,#e6c9ae,#aa6246)}.v391-add-pic.p2{background:linear-gradient(135deg,#e9e8dc,#9b9f8d)}.v391-add-pic.p4{background:linear-gradient(135deg,#f1dc9f,#a17338)}.v391-empty-pic{border:1px solid #d7e0e9;background:#fafafa}.v391-add-title{max-width:250px;color:#5a6571}.v391-add-bottom{display:flex;align-items:center;height:54px;border-top:1px solid #e4e9ef;gap:8px}.v391-add-bottom .right{margin-left:auto;display:flex;gap:10px;align-items:center}.v391-add-footer{height:70px;border-top:1px solid #e4e9ef;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px}.v391-shop-tag{display:inline-block;border-radius:4px;background:#dff9f7;color:#00a99d;padding:2px 6px;font-weight:700;margin-right:6px}.v391-page-input{width:44px;height:30px;border:1px solid #d6dfe8;border-radius:4px;text-align:center}.v391-page-size{height:30px;border:1px solid #d6dfe8;border-radius:4px}.v391-modal .btn.teal{background:#00a99d;border-color:#00a99d;color:#fff}.v391-ghost{border-color:#00a99d!important;color:#00a99d!important;background:#fff!important}.v391-remove-text{padding:8px 0 18px;color:#5b6571}.v391-warning{display:inline-flex;align-items:center;gap:6px;color:#00a99d;font-size:12px}
      

/* 12.3 店铺授权页清理：移除五国状态大框后，列表和统计卡直接上移；不改其他页面。 */
.banana-auth-tabs-123{margin:0 0 12px 0;display:flex;gap:8px;align-items:center}
.banana-auth-tabs-123 .platform-tab-v100{min-width:92px}
.banana-auth-kpis-123{margin-top:0}
.banana-auth-panel-123{margin-top:12px}
.banana-auth-table-123 td .btn.small{margin-right:6px;white-space:nowrap}
.banana-empty-cell{padding:22px;text-align:center;color:#6b7280;background:#fafcff}


/* 2026-07-20 TK online-product filters: v13 namespace only. */
.v13-online-filter{
  position:relative;
  z-index:auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px 10px;
  width:100%;
  min-width:0;
  color:#344760;
  font-size:12px;
  overflow:visible;
}
.v13-online-filter .v13-online-filter-control{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  height:32px;
  border:1px solid #d2dae5;
  border-radius:4px;
  background:#fff;
  overflow:visible;
}
.v13-online-filter .v13-online-filter-control:focus-within{
  border-color:#00a99d;
  box-shadow:0 0 0 2px rgba(0,169,157,.10);
}
.v13-online-filter .v13-online-filter-control>b,
.v13-online-filter .v13-online-filter-trigger>b{
  flex:0 0 auto;
  margin:0 7px 0 9px;
  color:#435568;
  font-weight:600;
  white-space:nowrap;
}
.v13-online-filter .v13-online-filter-control>input,
.v13-online-filter .v13-online-filter-control>select{
  min-width:0;
  height:30px;
  border:0;
  outline:0;
  background:transparent;
  color:#344760;
}
.v13-online-filter .v13-online-filter-control>input{flex:1;padding:0 7px 0 0;}
.v13-online-filter .v13-online-filter-control>select{flex:1;padding:0 24px 0 8px;}
.v13-online-filter .v13-online-filter-control>input::placeholder{color:#9aa5b1;}
.v13-online-filter .v13-online-filter-control>i,
.v13-online-filter .v13-online-filter-trigger>i,
.v13-online-filter .v13-online-date-trigger>i{
  flex:0 0 auto;
  margin-right:8px;
  color:#7c8997;
  font-style:normal;
}
.v13-online-filter .v13-online-filter-trigger{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  height:30px;
  padding:0;
  border:0;
  background:transparent;
  color:#344760;
  cursor:pointer;
}
.v13-online-filter .v13-online-filter-trigger>span{
  flex:1;
  min-width:0;
  overflow:hidden;
  color:#657387;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v13-online-filter .v13-online-filter-control.of-title>select{
  flex:0 0 112px;
  border-left:1px solid #e5eaf0;
}
.v13-online-filter .v13-online-filter-control.of-sku>select{
  flex:0 0 96px;
  border-left:1px solid #e5eaf0;
}
.v13-online-filter .v13-online-range>input{text-align:center;padding:0 4px;}
.v13-online-filter .v13-online-range>span{flex:0 0 auto;color:#a2acb7;}
.v13-online-filter .v13-online-filter-control.of-date>select{
  flex:0 0 94px;
  border-right:1px solid #e5eaf0;
}
.v13-online-filter .v13-online-date-trigger{
  display:flex;
  align-items:center;
  flex:1;
  min-width:0;
  height:30px;
  padding:0 0 0 8px;
  border:0;
  background:transparent;
  color:#657387;
  cursor:pointer;
}
.v13-online-filter .v13-online-date-trigger>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v13-online-filter .v13-online-date-trigger>em{margin:0 5px;color:#a2acb7;font-style:normal;}
.v13-online-filter .v13-online-filter-popup{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  z-index:100;
  border:1px solid #d6dfe8;
  border-radius:4px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,54,93,.16);
}
.v13-online-filter .v13-online-filter-popup[hidden]{display:none!important;}
.v13-online-filter .v13-online-shop-popup{
  display:grid;
  grid-template-columns:200px minmax(260px,1fr);
  width:min(620px,calc(100vw - 64px));
  max-height:330px;
  overflow:hidden;
}
.v13-online-filter .v13-online-shop-countries{
  overflow:auto;
  padding:8px;
  border-right:1px solid #e4e9ef;
  background:#f8fafc;
}
.v13-online-filter .v13-online-shop-all,
.v13-online-filter .v13-online-country{
  display:flex;
  align-items:center;
  width:100%;
  min-height:32px;
  padding:6px 8px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#455668;
  text-align:left;
}
.v13-online-filter .v13-online-country{justify-content:space-between;cursor:pointer;}
.v13-online-filter .v13-online-country:hover{background:#eef7f5;}
.v13-online-filter .v13-online-country.active{background:#dff6f2;color:#008f85;font-weight:700;}
.v13-online-filter .v13-online-shop-all input,
.v13-online-filter .v13-online-country input,
.v13-online-filter .v13-online-shop-row input{accent-color:#00a99d;}
.v13-online-filter .v13-online-shop-list{
  overflow:auto;
  padding:8px 10px;
}
.v13-online-filter .v13-online-shop-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:5px 7px;
  border-radius:3px;
  cursor:pointer;
}
.v13-online-filter .v13-online-shop-row:hover{background:#f2faf8;}
.v13-online-filter .v13-online-shop-row>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v13-online-filter .v13-online-filter-empty{padding:28px 12px;color:#8a96a3;text-align:center;}
.v13-online-filter .v13-online-sort-popup{width:250px;padding:6px 0;}
.v13-online-filter .v13-online-sort-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  padding:4px 10px 4px 12px;
}
.v13-online-filter .v13-online-sort-row:hover{background:#f7fafc;}
.v13-online-filter .v13-online-sort-arrows{display:flex;gap:3px;}
.v13-online-filter .v13-online-sort-arrows>button{
  width:25px;
  height:24px;
  padding:0;
  border:1px solid #d7e0e9;
  border-radius:3px;
  background:#fff;
  color:#7a8795;
  cursor:pointer;
}
.v13-online-filter .v13-online-sort-arrows>button:hover,
.v13-online-filter .v13-online-sort-arrows>button.active{
  border-color:#00a99d;
  background:#e8f8f5;
  color:#008f85;
}
.v13-online-filter .v13-online-date-popup{
  right:0;
  left:auto;
  display:grid;
  grid-template-columns:minmax(210px,1fr) 18px minmax(210px,1fr);
  align-items:end;
  width:500px;
  padding:12px;
}
.v13-online-filter .v13-online-date-popup>label{display:grid;gap:5px;color:#607083;}
.v13-online-filter .v13-online-date-popup>span{padding-bottom:8px;color:#9aa5b1;text-align:center;}
.v13-online-filter .v13-online-date-popup input{
  width:100%;
  height:32px;
  padding:0 8px;
  border:1px solid #d2dae5;
  border-radius:4px;
  outline:0;
  color:#344760;
}
.v13-online-filter .v13-online-date-popup input:focus{border-color:#00a99d;}
.v13-online-filter .v13-online-filter-actions{
  display:flex;
  grid-column:auto;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-height:32px;
}
.v13-online-filter .v13-online-filter-actions .btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 11px!important;
  border-radius:4px!important;
  font-size:12px!important;
}
.v13-online-filter .v13-online-filter-actions .btn.primary{
  border-color:#00a99d!important;
  background:#00a99d!important;
  color:#fff!important;
}
.v13-online-filter .v13-online-save-wrap{position:relative;display:flex;}
.v13-online-filter .v13-online-save-wrap>.btn:first-child{border-radius:4px 0 0 4px!important;}
.v13-online-filter .v13-online-save-wrap>.v13-online-save-arrow{
  width:30px;
  padding:0!important;
  border-left:0;
  border-radius:0 4px 4px 0!important;
}
.v13-online-filter .v13-online-save-popup{
  right:0;
  left:auto;
  width:168px;
  padding:5px;
}
.v13-online-filter .v13-online-save-popup>button{
  width:100%;
  height:31px;
  padding:0 9px;
  border:0;
  border-radius:3px;
  background:#fff;
  color:#455668;
  text-align:left;
  cursor:pointer;
}
.v13-online-filter .v13-online-save-popup>button:hover{background:#eef8f6;color:#008f85;}
.v13-online-filter .v13-online-filter-toggle{
  height:32px;
  padding:0 5px;
  border:0;
  background:transparent;
  color:#008f85;
  cursor:pointer;
  white-space:nowrap;
}
.v13-online-filter.is-collapsed [data-online-advanced]{display:none!important;}

/* V14 order filters: intentionally scoped to the seven order filter roots. */
.page>.head[hidden]{display:none!important;}
.v14-order-filter{
  position:relative;
  overflow:visible;
}
.v14-order-filter .v14-order-choice-row{
  min-height:44px;
  padding:8px 14px;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  border-bottom:1px solid #edf0f3;
  background:#fff;
}
.v14-order-filter .v14-order-choice-row>b{
  width:76px;
  flex:0 0 76px;
  color:#344760;
}
.v14-order-filter .v14-order-chip{
  min-height:29px;
  padding:4px 6px;
  border:0;
  background:transparent;
  color:#566579;
  cursor:pointer;
}
.v14-order-filter .v14-order-chip:hover,
.v14-order-filter .v14-order-chip.active{
  color:#008f85;
}
.v14-order-filter .v14-order-chip span{
  margin-left:2px;
  padding:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
}
.v14-order-filter .v14-order-filter-form{
  padding:14px;
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:10px 12px;
  background:#fbfcfd;
}
.v14-order-filter .v14-order-field{
  position:relative;
  min-width:0;
  height:32px;
  display:flex;
  align-items:center;
  border:1px solid #ccd5df;
  border-radius:4px;
  background:#fff;
}
.v14-order-filter .v14-order-field>label{
  flex:0 0 auto;
  margin:0;
  padding-left:8px;
  color:#536277;
  font-size:12px;
  white-space:nowrap;
}
.v14-order-filter .v14-order-field input,
.v14-order-filter .v14-order-field select,
.v14-order-filter .v14-order-date-trigger{
  min-width:0;
  height:30px;
  flex:1 1 auto;
  padding:0 7px;
  border:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:#344760;
}
.v14-order-filter .v14-order-field select[multiple]{
  height:30px;
  padding:0 7px;
}
.v14-order-filter .v14-order-pair{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px;
  align-items:center;
}
.v14-order-filter .v14-order-date-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
}
.v14-order-filter .v14-order-filter-actions{
  min-height:55px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid #e4e8ed;
  background:#fff;
}
.v14-order-filter .v14-order-filter-toggle{
  height:32px;
  padding:0 5px;
  border:0;
  background:transparent;
  color:#008f85;
  cursor:pointer;
  white-space:nowrap;
}
.v14-order-filter .v14-order-filter-form>[data-order-advanced]{display:contents;}
.v14-order-filter .v14-order-filter-form.is-collapsed>[data-order-advanced]{display:none;}
.v14-order-filter [hidden]{display:none!important;}
.v14-order-filter .v14-order-date-popup{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:240;
  width:760px;
  display:grid;
  grid-template-columns:104px 1fr;
  border:1px solid #ccd4de;
  border-radius:6px;
  background:#fff;
  box-shadow:0 12px 30px rgba(27,46,70,.18);
}
.v14-order-filter .v14-order-date-field:nth-child(4n) .v14-order-date-popup{
  right:0;
  left:auto;
}
.v14-order-filter .v14-order-date-popup>aside{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:4px;
  border-right:1px solid #e1e6ec;
  background:#f7f9fb;
}
.v14-order-filter .v14-order-date-popup>aside button{
  height:34px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#506075;
  text-align:left;
  cursor:pointer;
}
.v14-order-filter .v14-order-date-popup>aside button:hover{
  background:#e6f5f3;
  color:#008f85;
}
.v14-order-filter .v14-order-date-popup>section{min-width:0;}
.v14-order-filter .v14-order-date-inputs{
  padding:10px 12px;
  display:grid;
  grid-template-columns:1.25fr .8fr 1.25fr .8fr;
  gap:7px;
  border-bottom:1px solid #e4e8ed;
}
.v14-order-filter .v14-order-date-inputs label{
  display:grid;
  gap:4px;
  color:#667589;
  font-size:11px;
}
.v14-order-filter .v14-order-date-inputs input{
  height:31px;
  min-width:0;
  padding:0 6px;
  border:1px solid #ccd5df;
  border-radius:4px;
}
.v14-order-filter .v14-order-calendars{
  padding:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.v14-order-filter .v14-order-calendar-month{
  min-width:0;
  border-right:1px solid #edf0f3;
  padding-right:15px;
}
.v14-order-filter .v14-order-calendar-month:last-child{
  padding-right:0;
  border-right:0;
}
.v14-order-filter .v14-order-calendar-month header{
  height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.v14-order-filter .v14-order-calendar-month header button{
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#506075;
  cursor:pointer;
}
.v14-order-filter .v14-order-calendar-month header>span{
  min-width:58px;
  display:flex;
}
.v14-order-filter .v14-order-calendar-month header>span:last-child{justify-content:flex-end;}
.v14-order-filter .v14-order-calendar-week,
.v14-order-filter .v14-order-calendar-days{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  text-align:center;
}
.v14-order-filter .v14-order-calendar-week span{
  padding:6px 0;
  color:#95a0ae;
  font-size:11px;
}
.v14-order-filter .v14-order-calendar-days button{
  height:30px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#425268;
  cursor:pointer;
}
.v14-order-filter .v14-order-calendar-days button:hover,
.v14-order-filter .v14-order-calendar-days button.active{
  background:#00a99d;
  color:#fff;
}
.v14-order-filter .v14-order-calendar-days button.muted{color:#b1bac6;}
.v14-order-filter .v14-order-calendar-days button.in-range{background:#e3f5f2;color:#167a73;}
.v14-order-filter .v14-order-calendar-days button.today{box-shadow:inset 0 0 0 1px #00a99d;color:#008f85;font-weight:700;}
.v14-order-filter .v14-order-calendar-days button.active{background:#00a99d;color:#fff;box-shadow:none;}
.v14-order-filter .v14-order-date-popup footer{
  padding:9px 12px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid #e4e8ed;
}
.v14-order-filter .v14-order-batch-popup{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:245;
  width:360px;
  padding:12px;
  border:1px solid #ccd4de;
  border-radius:6px;
  background:#fff;
  box-shadow:0 12px 30px rgba(27,46,70,.18);
}
.v14-order-filter .v14-order-batch-popup>b,
.v14-order-filter .v14-order-batch-popup>small{
  display:block;
}
.v14-order-filter .v14-order-batch-popup>small{
  margin:3px 0 8px;
  color:#7c8999;
}
.v14-order-filter .v14-order-batch-popup textarea{
  width:100%;
  height:150px;
  padding:8px;
  resize:vertical;
  border:1px solid #ccd5df;
  border-radius:4px;
  color:#344760;
}
.v14-order-filter .v14-order-batch-popup>div{
  margin-top:9px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.v14-order-filter .v14-order-date-popup footer button,
.v14-order-filter .v14-order-batch-popup button{
  min-width:64px;
  height:31px;
  padding:0 10px;
  border:1px solid #ccd5df;
  border-radius:4px;
  background:#fff;
  color:#46576c;
  cursor:pointer;
}
.v14-order-filter .v14-order-date-popup footer button.primary,
.v14-order-filter .v14-order-batch-popup button.primary{
  border-color:#00a99d;
  background:#00a99d;
  color:#fff;
}

/* V10.2: scoped compact order card and real amount-detail dialog. */
body.compact-order-page .order-card-v102{
  margin-bottom:8px;
  border-radius:4px;
  box-shadow:none;
}
body.compact-order-page .order-head-v102{
  height:auto!important;
  min-height:34px!important;
  padding:4px 8px!important;
  gap:6px;
  overflow:visible!important;
  flex-wrap:nowrap;
  font-size:12px;
}
.order-head-v102 .order-platform-v102,
.order-head-v102 .order-shop-v102,
.order-head-v102 .order-number-v102{
  flex:0 0 auto;
  white-space:nowrap;
}
.order-head-v102 .order-payment-v102{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.order-head-v102 .order-head-actions{
  margin-left:0;
  flex:0 0 auto;
}
.order-copy-v102{
  width:20px;
  height:20px;
  padding:0;
  border:0;
  background:transparent;
  color:#667789;
  line-height:20px;
  cursor:pointer;
}
.order-copy-v102:hover{color:#008f85;}
body.compact-order-page .order-grid-v102{
  min-width:1400px;
  grid-template-columns:minmax(530px,1.65fr) minmax(190px,.55fr) minmax(180px,.5fr) minmax(230px,.65fr) minmax(190px,.55fr);
  align-items:stretch;
}
body.compact-order-page .order-grid-v102>.order-cell{
  min-width:0;
  padding:7px 9px;
  line-height:1.4;
}
.order-grid-v102 .order-sku-line-v102{
  grid-template-columns:64px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:2px 0 7px;
}
.order-grid-v102 .order-sku-line-v102+.order-sku-line-v102{
  padding-top:7px;
  border-top:1px solid #edf0f3;
}
.order-print-thumb-v102{width:64px;display:flex;flex-direction:column;align-items:center;gap:3px;}
.order-print-status-v102{font-size:11px;line-height:1.2;color:#667789;white-space:nowrap;}
.order-product-main-v102{min-width:0;}
.order-product-title-v102{
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
  line-height:1.35;
}
.order-product-title-v102>a,
.order-product-title-v102>b{
  min-width:0;
  max-width:300px;
  flex:0 1 300px;
}
.order-product-title-v102>a>b,
.order-product-title-v102>b{
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.order-product-title-v102>strong{margin-left:auto;flex:0 0 auto;font-size:14px;}
.order-grid-v102 .order-product-meta{
  gap:1px;
  margin-top:3px;
  font-size:11px;
  line-height:1.35;
}
.order-grid-v102 .order-amount-v98{
  align-content:start;
  gap:2px;
}
.order-grid-v102 .order-amount-v98 .money{
  margin:2px 0 3px;
  font-size:15px;
}
.order-grid-v102 .order-amount-v98 .meta,
.order-buyer-v102 .meta,
.order-logistics-v102,
.order-time-cost-v102{
  font-size:11px;
  line-height:1.45;
}
.order-grid-v102 .order-amount-v98 .btn{
  justify-self:start;
  height:25px;
  margin-top:3px;
  padding:0 8px;
}
.order-buyer-message-v102{
  margin-top:5px;
  padding:5px 6px;
  background:#f5f7f9;
  border-radius:3px;
}
.order-package-v102+.order-package-v102{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #e7ebef;
}
.order-package-v102 .btn{height:25px;margin-top:4px;padding:0 7px;font-size:11px;}
.order-time-cost-v102 .countdown{
  display:inline;
  margin:0;
  font-size:12px;
}
.order-time-cost-v102 .purchase-editor-v98{
  margin-top:6px;
  padding:6px 0 0;
  border-top:1px solid #e4e9ed;
  border-left:0;
  gap:3px;
}
.order-time-cost-v102 .purchase-input{
  width:100%;
  height:27px;
  padding:0 7px;
  font-size:13px;
}
.order-note-v102{margin-top:6px;}

dialog.order-amount-dialog-shell-v102{
  width:min(1180px,92vw);
  max-width:none;
  max-height:84vh;
  margin:auto;
  padding:0;
  overflow:auto;
  border:1px solid #d8e0e8;
  border-radius:5px;
  background:#fff;
  color:#2d3c4d;
  box-shadow:0 18px 52px rgba(20,39,61,.22);
}
dialog.order-amount-dialog-shell-v102::backdrop{background:rgba(25,38,54,.36);}
.order-amount-dialog-v102{min-width:0;font-size:12px;}
.order-amount-dialog-v102>.panel-title{
  margin:0;
  padding:10px 14px;
  border-bottom:1px solid #e1e6eb;
  font-size:15px;
  font-weight:600;
}
.order-amount-dialog-meta-v102{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:6px 14px;
  padding:7px 14px;
  background:#f5fbfd;
  color:#506477;
  font-size:11px;
}
.order-amount-columns-v102{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:9px 14px 12px;
}
.order-amount-columns-v102>section{
  min-width:0;
  padding:0 12px;
  border-right:1px dashed #d9e0e7;
}
.order-amount-columns-v102>section:first-child{padding-left:0;}
.order-amount-columns-v102>section:last-child{padding-right:0;border-right:0;}
.order-amount-columns-v102 h3{
  margin:0 0 6px;
  color:#263746;
  font-size:12px;
}
.order-amount-detail-row-v102{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:25px;
  color:#647384;
  font-size:11px;
}
.order-amount-detail-row-v102 b{color:#536273;font-weight:500;white-space:nowrap;}
.order-cost-detail-row-v102{
  display:grid;
  grid-template-columns:minmax(90px,1fr) auto 90px;
  align-items:center;
  gap:5px;
  min-height:30px;
  color:#536273;
  font-size:11px;
}
.order-cost-detail-row-v102 .field{width:90px;height:24px;padding:0 5px;font-size:11px;}
.order-amount-dialog-actions-v102{
  position:sticky;
  bottom:0;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:7px 14px;
  border-top:1px solid #e1e6eb;
  background:#fff;
}
@media(max-width:1100px){
  .order-amount-columns-v102{grid-template-columns:1fr;gap:16px;}
  .order-amount-columns-v102>section{padding:0 8px 14px;border-right:0;border-bottom:1px dashed #d9e0e7;}
  .order-amount-columns-v102>section:last-child{border-bottom:0;}
}
.order-amount-error-v102{margin:8px 14px 0;padding:6px 8px;border:1px solid #f2c7c7;border-radius:4px;background:#fff5f5;color:#b42318;font-size:11px;}
.order-amount-unsettled-v102{margin:0 0 4px;padding:4px 6px;border-radius:3px;background:#f5f7f9;color:#788797;font-size:11px;}
/* Order amount detail: only the requested real TikTok bill modal. */
.order-amount-dialog-v102>.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.order-amount-close-v102{border:0;background:transparent;color:#67798b;font-size:20px;line-height:1;cursor:pointer;}
.order-amount-notice-v102{margin:9px 14px 0;padding:6px 9px;border-radius:3px;background:#edf9fd;color:#4390aa;font-size:11px;}
.order-amount-dialog-meta-v102{flex-wrap:wrap;justify-content:flex-start;}
.order-amount-dialog-meta-v102>span{white-space:nowrap;}
.order-amount-link-v102{padding:0;border:0;background:transparent;color:#00a8a8;cursor:pointer;font:inherit;}
.order-affiliate-v102{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:3px;background:#fff1e8;color:#f26b21;font-size:12px;font-weight:700;}

/* TikTok publish product dialog: scoped to the requested publish surface. */
.tiktok-publish-modal .modal{
  display:flex;
  flex-direction:column;
  width:min(1180px,calc(100vw - 32px)) !important;
  max-width:1180px !important;
  max-height:94vh;
  overflow:hidden;
}
.tiktok-publish-modal .modal-body{
  min-height:0;
  padding:0;
  overflow:auto;
}
.tiktok-publish-loading{
  padding:50px 24px;
  color:#7c8795;
  text-align:center;
}
.tiktok-publish-loading.error{color:#c33;}
.tiktok-publish-country-tabs{
  display:flex;
  gap:8px;
  padding:14px 18px 0;
  overflow:auto;
  background:#fff;
}
.tiktok-publish-country-tabs button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:118px;
  padding:9px 12px;
  border:1px solid #e0e5eb;
  border-radius:6px 6px 0 0;
  background:#f7f9fb;
  color:#576474;
  cursor:pointer;
}
.tiktok-publish-country-tabs button.active{
  border-color:#00a8a8;
  background:#ebfbfb;
  color:#087d7d;
}
.tiktok-publish-country-tabs button>span{font-size:21px;}
.tiktok-publish-country-tabs button>small{
  margin-left:auto;
  min-width:20px;
  padding:1px 5px;
  border-radius:10px;
  background:#dfe7ee;
  text-align:center;
}
.tiktok-publish-store-panel{
  margin:0 18px 12px;
  padding:12px;
  border:1px solid #e2e7ec;
  border-radius:0 6px 6px 6px;
  background:#fff;
}
.tiktok-publish-store-head{
  display:flex;
  align-items:center;
  gap:18px;
}
.tiktok-publish-store-head>div{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-right:auto;
}
.tiktok-publish-selected-shops{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  min-height:28px;
  padding-top:10px;
}
.tiktok-publish-shop-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid #bde2e2;
  border-radius:4px;
  background:#effafa;
  color:#267575;
}
.tiktok-publish-shop-chip small{color:#71808e;}
.tiktok-publish-shop-picker{
  display:none;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #dce2e8;
}
.tiktok-publish-shop-picker.show{display:block;}
.tiktok-publish-shop-tools{
  display:flex;
  gap:8px;
  margin-bottom:8px;
}
.tiktok-publish-shop-tools .field{width:220px;}
.tiktok-publish-shop-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  max-height:190px;
  overflow:auto;
}
.tiktok-publish-shop-card{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid #e2e7ec;
  border-radius:5px;
  background:#fafbfc;
}
.tiktok-publish-shop-card>span{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.tiktok-publish-shop-card b,
.tiktok-publish-shop-card small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tiktok-publish-shop-card small{color:#82909e;}
.tiktok-publish-settings{
  padding:0 18px 12px;
}
.tiktok-publish-settings>section{
  margin-top:10px;
  padding:13px 14px;
  border:1px solid #e2e7ec;
  border-radius:6px;
  background:#fff;
}
.tiktok-publish-settings h3{
  margin:0 0 11px;
  color:#2d3d4b;
  font-size:14px;
}
.tiktok-publish-settings h3 small{
  color:#8794a1;
  font-weight:400;
}
.tiktok-publish-inline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 20px;
}
.tiktok-publish-inline>label{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.tiktok-publish-schedule{
  margin-top:10px;
  padding:10px;
  border-radius:5px;
  background:#f7f9fb;
}
.tiktok-publish-schedule>.tiktok-publish-inline+.tiktok-publish-inline{margin-top:10px;}
.tiktok-publish-fields{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.tiktok-publish-fields>label{display:flex;flex-direction:column;gap:5px;}
.tiktok-publish-fields>label>span{display:flex;align-items:center;gap:6px;}
.tiktok-publish-fields .field{min-width:0;width:100%;}
.tiktok-publish-fields b{color:#768391;font-size:11px;}
.tiktok-publish-rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
}
.tiktok-publish-rule-grid>label{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-height:30px;
}
.tiktok-publish-multicountry-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:30px;}
.tiktok-publish-multicountry-control>label{display:flex;align-items:center;gap:5px;}
.tiktok-publish-multicountry-control>button{padding:0;border:0;background:transparent;color:#00a99d;cursor:pointer;}
.tiktok-publish-multicountry-control>small{flex-basis:100%;line-height:1.5;}
.tiktok-publish-rule-grid>label.wide{grid-column:1/-1;align-items:flex-start;}
.tiktok-publish-rule-grid>label.wide textarea{flex:1;min-width:280px;}
.tiktok-publish-rule-grid>label.wide>span{display:flex;gap:12px;}
.tiktok-publish-rule-grid .field.compact{width:92px;min-width:70px;}
.tiktok-publish-rule-grid small{color:#98a3ae;}
.tiktok-publish-foot{
  position:sticky;
  bottom:0;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 18px;
  border-top:1px solid #e0e5ea;
  background:#fff;
}
.tiktok-publish-foot>.meta{margin-left:auto;max-width:360px;color:#ad7323;}
.tiktok-publish-foot-tools{position:relative;display:flex;gap:8px;}
.tiktok-publish-frequency-popover{
  position:absolute;
  bottom:42px;
  left:0;
  z-index:10;
  width:260px;
  padding:12px;
  border:1px solid #d8e0e7;
  border-radius:6px;
  background:#fff;
  box-shadow:0 8px 26px rgba(36,50,64,.16);
}
.tiktok-publish-frequency-popover[hidden]{display:none;}
.tiktok-publish-frequency-popover>b{display:block;margin-bottom:8px;}
.tiktok-publish-frequency-popover>.field{width:100%;}
.tiktok-publish-frequency-popover>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px;}
@media(max-width:900px){
  .tiktok-publish-shop-grid,
  .tiktok-publish-rule-grid,
  .tiktok-publish-fields{grid-template-columns:1fr;}
  .tiktok-publish-rule-grid>label.wide{grid-column:auto;}
  .tiktok-publish-foot{flex-wrap:wrap;}
  .tiktok-publish-foot>.meta{order:-1;width:100%;max-width:none;margin-left:0;}
}
.online-product-time-v724{min-width:176px;white-space:nowrap;line-height:1.55;color:#596778;}
.online-row-actions-v724{display:grid;gap:4px;justify-items:end;min-width:112px;}
.online-row-action-line-v724{display:flex;justify-content:flex-end;gap:4px;}
.online-row-action-line-v724>.btn{min-width:44px;}
.online-action-popover-v724{z-index:10020;min-width:112px;}
.order-tracking-link-v102{padding:0;border:0;background:transparent;color:#087fda;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.order-tracking-link-v102:disabled{cursor:wait;opacity:.65;}
.order-tracking-list-v102{display:grid;gap:14px;max-height:64vh;overflow:auto;}
.order-tracking-package-v102{padding:14px;border:1px solid #dfe6ed;border-radius:6px;background:#fff;}
.order-tracking-package-head-v102{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-bottom:10px;border-bottom:1px solid #edf1f5;}
.order-tracking-timeline-v102{display:grid;gap:12px;padding-top:12px;}
.order-tracking-event-v102{padding:0 0 0 12px;border-left:2px solid #d8e4ee;}
.order-tracking-time-v102{font-size:12px;color:#667788;}
.order-tracking-event-text-v102{margin-top:3px;color:#1f2d3d;line-height:1.5;}
.order-tracking-event-cn-v102{margin-top:2px;color:#8b97a3;font-size:13px;line-height:1.45;}
.order-tracking-empty-v102{padding:22px;text-align:center;color:#8b97a3;}
.order-tracking-error-v102{padding:14px;border:1px solid #ffd7d7;border-radius:6px;background:#fff6f6;color:#c83d3d;word-break:break-word;}

/* 成员与角色管理：仅作用于设置内两个真实管理页。 */
.account-create-button{margin-left:auto}
.account-management-page{padding:18px 22px 28px;color:#223047}.account-page-title{border-bottom:1px solid #dbe3ec;padding:0 0 12px}.account-page-title h2{font-size:24px;margin:0;font-weight:600}.account-search-row{display:flex;align-items:center;gap:10px;padding:14px 0}.account-search-row>.field{width:280px}.account-search-row [data-account-status]{font-size:13px;color:#178b7f}.account-search-row [data-account-status].danger,.account-form-error{color:#c93636}.account-create-button{background:#08a7a7!important;border-color:#08a7a7!important;color:#fff!important}.account-table-panel{padding:0;overflow:visible}.account-table{width:100%;border-collapse:collapse;table-layout:fixed}.account-table th,.account-table td{border-bottom:1px solid #e4e9ef;padding:12px 14px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}.account-table th{background:#f7f9fb;color:#5d6878;font-weight:600}.account-table th:first-child,.account-table td:first-child{width:58px;text-align:center}.account-table th:last-child,.account-table td:last-child{width:130px;text-align:center}.account-actions{white-space:nowrap}.account-actions button{border:0;background:transparent;color:#009d9a;cursor:pointer;padding:3px 7px}.account-role-tag{display:inline-block;background:#f3f5f7;border-radius:4px;padding:3px 8px}.account-status{display:inline-block;border-radius:4px;padding:3px 8px}.account-status.active{background:#ebf8e8;color:#38a852}.account-status.disabled{background:#f1f2f4;color:#8a93a1}.account-empty{text-align:center!important;color:#8a93a1;padding:30px!important}.account-pager{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:10px 14px}.account-pager .btn{min-width:32px;padding:5px 8px}.account-modal-mask{position:fixed;inset:0;z-index:2600;background:rgba(24,36,52,.46);display:flex;align-items:center;justify-content:center;padding:24px}.account-modal{width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 18px 50px rgba(24,36,52,.2)}.account-modal.wide{width:min(880px,calc(100vw - 48px))}.account-modal form{min-height:0;display:flex;flex-direction:column}.account-modal-head{display:flex;align-items:center;border-bottom:1px solid #dbe3ec;padding:14px 18px}.account-modal-head h3{font-size:20px;font-weight:500;margin:0}.account-modal-head button{margin-left:auto;border:0;background:transparent;font-size:26px;color:#667084;cursor:pointer}.account-modal-body{padding:18px;overflow:auto}.account-modal-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #dbe3ec;padding:12px 18px}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-form-grid>label{display:flex;flex-direction:column;gap:7px}.account-form-grid>label>span,.account-shop-picker legend>span{color:#e34a4a}.account-form-grid .full{grid-column:1/-1}.account-form-grid label small{align-self:flex-end;color:#8a93a1}.account-form-grid label small i{font-style:normal}.account-shop-picker{grid-column:1/-1;border:1px solid #dbe3ec;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-shop-picker legend{padding:0 6px}.account-shop-picker label{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:start;border:1px solid #edf0f4;padding:9px;border-radius:4px}.account-shop-picker label input{grid-row:1/3}.account-shop-picker label small{color:#8a93a1}.account-form-error{min-height:20px;margin-top:12px}.account-more-menu{position:fixed;z-index:2700;min-width:120px;background:#fff;border:1px solid #dbe3ec;border-radius:4px;box-shadow:0 8px 24px rgba(24,36,52,.16);padding:5px}.account-more-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;cursor:pointer}.account-more-menu button:hover{background:#f4f7f9}.account-more-menu button.danger{color:#d33d3d}.account-role-basic>h4,.account-role-permissions>h4{background:#f3f5f7;text-align:center;font-weight:500;margin:0 0 14px;padding:8px}.account-role-permissions{margin-top:18px}.account-permission-tabs{display:flex;overflow:auto;border-bottom:1px solid #dbe3ec}.account-permission-tabs button{border:1px solid #dbe3ec;border-bottom:0;background:#fff;padding:10px 18px;cursor:pointer}.account-permission-tabs button.active{color:#00a3a0;border-top:2px solid #00a3a0}.account-select-all{display:block;border-bottom:1px solid #e6ebf0;padding:12px 4px}.account-permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 4px}.account-permission-list>label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;border:1px solid #e7ecf1;border-radius:4px;padding:10px}.account-permission-list>label input{grid-row:1/3}.account-permission-list>label small{color:#8a93a1}.account-loading{margin:18px 22px;padding:30px;text-align:center;color:#8a93a1}@media(max-width:900px){.account-form-grid,.account-shop-picker,.account-permission-list{grid-template-columns:1fr}.account-search-row{flex-wrap:wrap}.account-table-panel{overflow:auto}.account-table{min-width:900px}}