/* 我的订单列表 — ordered style fragments. */
@media (-p0-part: peac2be49441236aa426f) {
.leai-orders-page .lx-orders-wrap { color: var(--ms-text); }
}
@media (-p0-part: p1c4cd2776b013fc49e44) {
.leai-order-empty { padding: 34px; border: 1px dashed var(--ms-line); border-radius: 14px; color: var(--ms-text-soft); text-align: center; }
.leai-order-empty strong { color: var(--ms-text); }
.leai-order-empty p { margin: 8px 0 0; font-size: 12px; }
}
@media (-p0-part: p6315c3d81b5c3c4a3640) {
/* public/leaip0/assets/frontend/css/core/order-center.css */
body.lx-orders-poc {
        background: #fcfaff;
      }
      body.lx-orders-poc .topbar {
        background: #ffffff;
      }
      body.lx-orders-poc .shell {
        padding-top: 16px;
      }
      body.lx-orders-poc .content.lx-orders-content {
        padding: 0;
        border: 1px solid #e2ddeb;
        border-radius: 18px 18px 0 0;
        background: #ffffff;
        scrollbar-gutter: stable;
      }
      body.lx-orders-poc .content.lx-orders-content > .lx-tabbar:not(.lx-orders-tabs),
      body.lx-orders-poc .content.lx-orders-content > [data-shop-detail-tabs]:not(.lx-orders-tabs),
      body.lx-orders-poc .content.lx-orders-content > [aria-label="已打开页面"]:not(.lx-orders-tabs) { display: none !important; }
      body.lx-orders-poc .assistant-panel {
        background: var(--assistant-panel-top-glow), #ffffff;
        border-color: rgba(226, 221, 235, 0.92);
      }
      body.lx-orders-poc .chat-state {
        display: block !important;
        height: calc(100% - 154px);
        padding: 56px 4px 0;
        overflow-y: auto;
      }
      body.lx-orders-poc .default-state,
      body.lx-orders-poc .page-dots {
        display: none !important;
      }
      .lx-orders-thread {
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 0 10px 22px 2px;
      }
}
@media (-p0-part: pe7b6ced22fabcf9bf00c) {
      .lx-orders-page {
        min-height: 100%;
        padding: 18px 24px 44px;
      }
      .lx-orders-tabs {
        position: sticky;
        top: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        gap: 7px;
        margin: -18px -24px 0;
        padding: 18px 24px 12px;
        background: #ffffff;
      }
      .lx-orders-page > .lx-orders-tabs.lx-tabbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        align-items: center !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 12px 24px !important;
        border-bottom: 1px solid #efe4f1 !important;
        background: #ffffff !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        isolation: isolate;
      }
      .lx-orders-tab {
        height: 30px;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 0 10px 0 13px;
        border: 1px solid #e6e0ed;
        border-radius: 8px;
        background: #ffffff;
        color: #625b68;
        font-size: 13px;
      }
      .lx-orders-tab[hidden] {
        display: none !important;
      }
      .lx-orders-tab.is-active {
        border-color: #4d144a;
        background: #efe4f1;
        color: #4d144a;
      }
      .lx-orders-tab-close {
        color: #979797;
        font-size: 15px;
        line-height: 1;
      }
      .lx-orders-tab[data-workspace-view] { cursor: pointer; }
      .lx-orders-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
        padding: 2px 2px 18px;
        border-bottom: 1px solid #e6e0ed;
      }
      .lx-orders-title-wrap h1 {
        position: relative;
        margin: 0;
        padding-left: 14px;
        color: #101010;
        font-size: 26px;
        line-height: 34px;
      }
      .lx-orders-title-wrap h1::before {
        content: "";
        position: absolute;
        left: 0;
        top: 6px;
        width: 4px;
        height: 22px;
        border-radius: 999px;
        background: #bb1836;
      }
      .lx-orders-title-wrap p {
        margin: 7px 0 0 14px;
        color: #979797;
        font-size: 13px;
      }
}
@media (-p0-part: pb116b5cdf1e6ff72056e) {
      .lx-orders-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 2px 16px;
      }
      .lx-orders-summary strong {
        color: #252525;
        font-size: 15px;
      }
      .lx-orders-summary span {
        color: #979797;
        font-size: 12px;
      }
}
@media (-p0-part: p5b566a8a80d39fcb90cd) {
      .lx-order-card {
        min-width: 0;
        min-height: 202px;
        display: flex;
        flex-direction: column;
        padding: 18px;
        border: 1px solid #e6e0ed;
        border-radius: 14px;
        background: #fcfaff;
        color: #252525;
        text-align: left;
        box-shadow: none;
        transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
      }
      .lx-order-card:hover,
      .lx-order-card:focus-visible {
        border-color: rgba(77, 20, 74, 0.48);
        box-shadow: 0 6px 18px rgba(77, 20, 74, 0.10);
        transform: translateY(-2px);
        outline: none;
      }
      .lx-order-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
      }
}
@media (-p0-part: p81a42b749627dfde2ca0) {
      .lx-order-card-foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: auto;
        padding-top: 14px;
      }
      .lx-order-card-foot span {
        color: #979797;
        font-size: 12px;
      }
      .lx-order-card-foot em {
        color: #4d144a;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
      }
      .lx-order-card {
        cursor: pointer;
      }
      .lx-order-card-foot {
        align-items: flex-end;
      }
      .lx-order-card-foot > span {
        padding-bottom: 8px;
      }
}
@media (-p0-part: pf984b5fa2c1c9df4ce06) {
      .lx-order-handoff-snapshot > .lx-orders-page {
        min-height: 100%;
      }
}
@media (-p0-part: pc2f079b7ea272bbe5763) {
      .lx-orders-list:not(.is-active) {
        display: none;
      }
}
@media (-p0-part: pbf97545dd6bdc9abe3ab) {
      .lx-order-empty {
        display: none;
        min-height: 360px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
        color: #979797;
        text-align: center;
      }
      .lx-order-empty strong {
        color: #252525;
        font-size: 16px;
      }
      .lx-order-empty.is-active {
        display: flex;
      }
}
@media (-p0-part: p8239518c5fcd0d067129) {

      /* orders-5.0-list-merge-20260827: attachment list layout + filters */
      /* orders-5.0-remove-cart-review-20260827 */
      /* orders-5.0-rich-data-20260827: 22-order data model in current interaction shell */
      .lx-orders-list .lx-order-card-head-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
}
@media (-p0-part: p7daeeb155fb6d33cbbd0) {
      .lx-orders-list .lx-order-card-product-row+.lx-order-card-product-row{margin-top:14px;padding-top:14px;border-top:1px solid #efe4f1}
      .lx-orders-list .lx-order-card-state{display:grid;gap:6px;justify-items:center}
      .lx-orders-list .lx-order-card-state small{display:block;color:#979797;font-size:10px;line-height:16px;text-align:center}
      .lx-orders-list .lx-order-card-money strong.lx-order-mixed-amount{font-size:14px;line-height:21px}
}
@media (-p0-part: p48828c7735d4530a1ece) {

      .lx-orders-list .lx-orders-head {
        margin-bottom: 0;
      }
      .lx-orders-list .lx-order-filterbar {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 22px 2px 16px;
      }
      .lx-orders-list .lx-order-search {
        width: min(420px, 46%);
        height: 42px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 14px;
        border: 1px solid #e2ddeb;
        border-radius: 8px;
        background: #ffffff;
      }
      .lx-orders-list .lx-order-search img {
        width: 17px;
        height: 17px;
      }
      .lx-orders-list .lx-order-search input {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #252525;
        font-size: 14px;
      }
      .lx-orders-list .lx-order-search input::placeholder {
        color: #979797;
      }
      .lx-orders-list .lx-order-type-label {
        height: 42px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 12px 0 14px;
        border: 1px solid #e2ddeb;
        border-radius: 8px;
        color: #625b68;
        font-size: 13px;
      }
      .lx-orders-list .lx-order-type-label select {
        border: 0;
        outline: 0;
        background: transparent;
        color: #252525;
        font-weight: 500;
      }
      .lx-orders-list .lx-order-status-tabs {
        display: flex;
        gap: 8px;
        padding: 0 2px 16px;
        overflow-x: auto;
      }
      .lx-orders-list .lx-order-status-tabs button {
        flex: 0 0 auto;
        height: 34px;
        padding: 0 13px;
        border: 1px solid #e2ddeb;
        border-radius: 7px;
        background: #ffffff;
        color: #625b68;
        font-size: 13px;
      }
      .lx-orders-list .lx-order-status-tabs button.is-active {
        border-color: #4d144a;
        background: #efe4f1;
        color: #4d144a;
        font-weight: 500;
      }
      .lx-orders-list .lx-order-result-meta {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 3px 2px 12px;
        color: #625b68;
        font-size: 13px;
      }
      .lx-orders-list .lx-order-result-meta strong {
        color: #4d144a;
      }
      .lx-orders-list .lx-order-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
      }
      .lx-orders-list .lx-order-card {
        min-height: 0;
        display: block;
        padding: 0;
        border: 1px solid #e2ddeb;
        border-radius: 8px;
        background: #ffffff;
        cursor: default;
        box-shadow: none;
        transform: none;
        transition: border-color 180ms ease, box-shadow 180ms ease;
      }
      .lx-orders-list .lx-order-card:hover {
        border-color: #bcb4c1;
        box-shadow: 0 6px 18px rgba(77, 20, 74, 0.10);
        transform: none;
      }
      .lx-orders-list .lx-order-card-head {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin: 0;
        padding: 8px 16px;
        border-bottom: 1px solid #e2ddeb;
        background: #fcfaff;
      }
      .lx-orders-list .lx-order-card-head > div:first-child {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .lx-orders-list .lx-order-card-head span {
        color: #625b68;
        font-size: 12px;
      }
      .lx-orders-list .lx-order-card-status {
        color: #4d144a !important;
        font-size: 13px !important;
        font-weight: 500;
      }
      .lx-orders-list .lx-order-card-status.is-paid {
        color: #bb1836 !important;
      }
      .lx-orders-list .lx-order-card-body {
        display: grid;
        grid-template-columns: minmax(320px, 1fr) minmax(100px, .35fr) minmax(120px, .4fr) 116px;
        align-items: center;
        gap: 18px;
        min-height: 120px;
        padding: 18px 16px;
      }
      .lx-orders-list .lx-order-card-products {
        min-width: 0;
      }
      .lx-orders-list .lx-order-card-product-row {
        display: grid;
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 18px;
        min-width: 0;
      }
      .lx-orders-list .lx-order-thumb {
        width: 82px;
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #e2ddeb;
        border-radius: 8px;
        background: #fcfaff;
      }
      .lx-orders-list .lx-order-thumb img {
        width: 76px;
        height: 76px;
        object-fit: contain;
      }
      .lx-orders-list .lx-order-product {
        min-width: 0;
      }
      .lx-orders-list .lx-order-product h2 {
        margin: 3px 0 7px;
        overflow: hidden;
        color: #252525;
        font-size: 15px;
        line-height: 1.4;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .lx-orders-list .lx-order-product p,
      .lx-orders-list .lx-order-product span,
      .lx-orders-list .lx-order-card-money span {
        display: block;
        margin: 0 0 8px;
        color: #625b68;
        font-size: 12px;
      }
      .lx-orders-list .lx-order-card-money,
      .lx-orders-list .lx-order-card-state {
        text-align: center;
      }
      .lx-orders-list .lx-order-card-money strong {
        display: block;
        margin-top: 7px;
        color: #ff2f2f;
        font-size: 17px;
      }
      .lx-orders-list .lx-order-card-state strong {
        color: #4d144a;
        font-size: 14px;
      }
      .lx-orders-list .lx-order-card-actions {
        display: grid;
        gap: 8px;
      }
      .lx-orders-list .lx-order-card-actions button {
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 1px solid #e2ddeb;
        border-radius: 7px;
        background: #ffffff;
        color: #4d144a;
        font-size: 12px;
        font-weight: 500;
      }
      .lx-orders-list .lx-order-card-actions button:hover,
      .lx-orders-list .lx-order-card-actions button:focus-visible {
        border-color: #4d144a;
        background: #fcfaff;
        outline: none;
      }
      .lx-orders-list .lx-order-empty {
        min-height: 300px;
        gap: 8px;
      }
      .lx-orders-list .lx-order-empty p {
        margin: 0;
        color: #979797;
        font-size: 13px;
      }
      .lx-orders-list .lx-order-empty button {
        height: 34px;
        margin-top: 4px;
        padding: 0 14px;
        border: 1px solid #e2ddeb;
        border-radius: 7px;
        background: #ffffff;
        color: #4d144a;
        font-size: 13px;
      }
      .lx-orders-list :is(button, input, select):focus-visible {
        outline: 2px solid #a262d7;
        outline-offset: 2px;
      }
      @media (max-width: 1380px) {
        .lx-orders-list .lx-order-card-body {
          grid-template-columns: minmax(220px, 1fr) 92px 94px 106px;
          gap: 12px;
        }
        .lx-orders-list .lx-order-card-product-row {
          grid-template-columns: 74px minmax(0, 1fr);
          gap: 14px;
        }
        .lx-orders-list .lx-order-thumb {
          width: 74px;
          height: 74px;
        }
        .lx-orders-list .lx-order-thumb img {
          width: 68px;
          height: 68px;
        }
      }

      /* orders-global-tab-sync-20260829: reuse the production result-tab dimensions and states. */
      .lx-orders-tabs.lx-tabbar {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: 100% !important;
        height: 43px !important;
        min-height: 43px !important;
        max-height: 43px !important;
        margin: 0 !important;
        padding: 18px 18px 0 24px !important;
        border: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
      }
      .lx-orders-tabs.lx-tabbar::-webkit-scrollbar {
        display: none !important;
      }
      .lx-orders-tabs.lx-tabbar[hidden] {
        display: none !important;
      }
      .lx-orders-tabs.lx-tabbar > .lx-orders-tab.lx-tab {
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        gap: 6px !important;
        max-width: 200px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 4px 6px 4px 12px !important;
        border: 1px solid #e6e0ed !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #625b68 !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        cursor: pointer !important;
        user-select: none !important;
      }
      .lx-orders-tabs.lx-tabbar > .lx-orders-tab.lx-tab:hover,
      .lx-orders-tabs.lx-tabbar > .lx-orders-tab.lx-tab:focus-visible,
      .lx-orders-tabs.lx-tabbar > .lx-orders-tab.lx-tab.is-active {
        border-color: #4d144a !important;
        background: #efe4f1 !important;
        color: #4d144a !important;
        font-weight: 400 !important;
        outline: none !important;
      }
      .lx-orders-tabs .lx-tab-label {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }
      .lx-orders-tabs .lx-orders-tab-close.lx-tab-close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 2px 4px !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: #979797 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: none !important;
      }
      .lx-orders-tabs .lx-orders-tab-close.lx-tab-close:hover {
        background: #f3edf6 !important;
        color: #bb1836 !important;
      }

      /* orders-member-visual-sync-20260829: align the order center with the member-center AUI. */
      body.lx-orders-poc .content.lx-orders-content {
        padding: 0 !important;
        border-radius: 18px 18px 0 0;
        background: #fcfaff;
      }
      .lx-orders-page {
        min-height: 100%;
        padding: 0;
      }
      .lx-orders-tabs {
        position: sticky;
        top: 0;
        z-index: 20;
        min-height: 58px;
        margin: 0;
        padding: 12px 18px;
        border-bottom: 1px solid #efe4f1;
        background: #ffffff;
      }
      .lx-orders-tab {
        min-height: 34px;
        height: 34px;
        padding: 0 10px 0 12px;
        border-color: #e2ddeb;
        border-radius: 8px;
        background: #ffffff;
        color: #625b68;
        font-size: 13px;
      }
      .lx-orders-tab:hover,
      .lx-orders-tab:focus-visible,
      .lx-orders-tab.is-active {
        border-color: #4d144a;
        background: #f3f0f7;
        color: #4d144a;
      }
}
@media (-p0-part: p94779eeadbe2b4e11c80) {
      .lx-orders-head {
        align-items: flex-start;
        margin: 0 0 18px;
        padding: 0;
        border: 0;
      }
      .lx-orders-title-wrap h1 {
        padding: 0;
        color: #252525;
        font-size: 22px;
        line-height: 32px;
        font-weight: 500;
      }
      .lx-orders-title-wrap h1::before {
        display: none;
      }
      .lx-orders-title-wrap p {
        margin: 8px 0 0;
        color: #625b68;
        font-size: 13px;
        line-height: 21px;
      }
      .lx-orders-list .lx-order-filterbar {
        gap: 12px;
        margin-top: 0;
        padding: 16px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }
      .lx-orders-list .lx-order-search,
      .lx-orders-list .lx-order-type-label {
        height: 42px;
        border-color: #e2ddeb;
        border-radius: 8px;
        background: #ffffff;
      }
      .lx-orders-list .lx-order-search {
        width: min(500px, 58%);
        flex: 1 1 420px;
      }
      .lx-orders-list .lx-order-type-label {
        min-width: 220px;
        position: relative;
        z-index: 12;
      }
      .lx-orders-list .lx-order-search:focus-within,
      .lx-orders-list .lx-order-type-label:focus-within {
        border-color: #4d144a;
        outline: 2px solid rgba(162, 98, 215, 0.10);
        outline-offset: 0;
        box-shadow: none;
      }
      .lx-orders-list .lx-order-search input {
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #252525;
        font-size: 13px;
        line-height: 20px;
        outline: none !important;
        box-shadow: none !important;
      }
      .lx-orders-list .lx-order-search input:focus,
      .lx-orders-list .lx-order-search input:focus-visible,
      .lx-orders-list .lx-order-type-label select:focus,
      .lx-orders-list .lx-order-type-label select:focus-visible {
        outline: none !important;
        box-shadow: none !important;
      }
      .lx-orders-list .lx-order-type-label select {
        height: 40px;
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        color: #252525;
        font-size: 13px;
        line-height: 20px;
      }
      .lx-orders-list .lx-order-type-trigger {
        min-width: 112px;
        height: 40px;
        display: inline-flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #252525;
        font-size: 13px;
        line-height: 20px;
        text-align: left;
      }
      .lx-orders-list .lx-order-type-trigger strong {
        font-weight: 500;
        white-space: nowrap;
      }
      .lx-orders-list .lx-order-type-chevron {
        width: 7px;
        height: 7px;
        flex: 0 0 auto;
        border-right: 1.5px solid #625b68;
        border-bottom: 1.5px solid #625b68;
        transform: translate(-2px, -2px) rotate(45deg);
        transition: transform .16s ease;
      }
      .lx-orders-list .lx-order-type-label.is-open .lx-order-type-chevron {
        transform: translate(-2px, 2px) rotate(225deg);
      }
      .lx-orders-list .lx-order-type-menu {
        position: absolute;
        top: calc(100% + 10px);
        right: -1px;
        width: 100%;
        min-width: 220px;
        max-height: 364px;
        padding: 8px;
        overflow-y: auto;
        border: 1px solid #e2ddeb;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(50, 29, 57, 0.08);
      }
      .lx-orders-list .lx-order-type-menu[hidden] {
        display: none;
      }
      .lx-orders-list .lx-order-type-option {
        width: 100%;
        min-height: 34px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #625b68;
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
      }
      .lx-orders-list .lx-order-type-option:hover,
      .lx-orders-list .lx-order-type-option:focus-visible {
        background: #f3edf6;
        color: #4d144a;
        outline: none;
      }
      .lx-orders-list .lx-order-type-option.is-selected {
        background: #f3edf6;
        color: #4d144a;
        font-weight: 500;
      }
      .lx-orders-list .lx-order-status-tabs {
        gap: 8px;
        margin-top: 12px;
        padding: 0;
      }
      .lx-orders-list .lx-order-status-tabs button {
        min-height: 34px;
        height: 34px;
        padding: 0 13px;
        border-radius: 8px;
        background: #ffffff;
      }
      .lx-orders-list .lx-order-status-tabs button:hover,
      .lx-orders-list .lx-order-status-tabs button:focus-visible,
      .lx-orders-list .lx-order-status-tabs button.is-active {
        border-color: #4d144a;
        background: #f3f0f7;
        color: #4d144a;
      }
      .lx-orders-list .lx-order-result-meta {
        min-height: 44px;
        margin: 14px 0 10px;
        padding: 0 2px;
        color: #625b68;
      }
      .lx-orders-list .lx-order-result-meta strong {
        color: #4d144a;
        font-size: 16px;
      }
      .lx-orders-list .lx-order-grid {
        gap: 14px;
      }
      .lx-orders-list .lx-order-card {
        overflow: hidden;
        border-color: #e2ddeb;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 3px 10px rgba(77, 20, 74, 0.035);
      }
      .lx-orders-list .lx-order-card:hover,
      .lx-orders-list .lx-order-card:focus-within {
        border-color: #4d144a;
        background: #ffffff;
        box-shadow: 0 10px 26px rgba(50, 29, 57, 0.08);
      }
      .lx-orders-list .lx-order-card-head {
        min-height: 44px;
        padding: 8px 16px;
        border-bottom-color: #efe4f1;
        background: #fcfaff;
      }
      .lx-orders-list .lx-order-card-body {
        min-height: 116px;
        padding: 16px;
      }
      .lx-orders-list .lx-order-thumb {
        border-color: #efe4f1;
        border-radius: 10px;
        background: #ffffff;
      }
      .lx-orders-list .lx-order-product h2 {
        color: #252525;
        font-weight: 600;
      }
      .lx-orders-list .lx-order-card-actions button {
        height: 34px;
        border-radius: 8px;
        background: #ffffff;
        color: #4d144a;
      }
      .lx-orders-list .lx-order-card-actions button:hover,
      .lx-orders-list .lx-order-card-actions button:focus-visible {
        background: #f3f0f7;
      }
}
@media (-p0-part: p06ab5c284dd7ac346e1f) {
      .lx-order-empty {
        min-height: 320px;
        margin-top: 14px;
        border: 1px solid #e2ddeb;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 3px 10px rgba(77, 20, 74, 0.035);
      }
}
@media (-p0-part: pbb02ddeb1fade0744655) {
      .lx-orders-list .lx-order-grid {
        gap: 12px;
        padding-bottom: 0;
      }
}
@media (-p0-part: p6654a4444fe9fc18dcf7) {

      /* orders-overflow-guard-20260829: the right workspace scrolls vertically only. */
      body.lx-orders-poc .content.lx-orders-content {
        min-width: 0;
        overflow-x: hidden !important;
        overflow-y: auto;
      }
}
@media (-p0-part: p96a66f22130f84dc0761) {
      .lx-orders-page {
        width: 100%;
        overflow-x: clip;
      }
}
@media (-p0-part: p3607c3decc00fea65cfe) {

      /* orders-template-frame-final-20260829: restore the source order-page geometry. */
      .lx-orders-page {
        width: 100%;
        min-height: 100%;
        padding: 18px 24px 44px;
        overflow-x: hidden;
      }
}
@media (-p0-part: p67c24d07edf2f829a6a3) {
      .lx-orders-page > .lx-orders-tabs.lx-tabbar {
        margin: -18px -24px 0 !important;
        padding: 12px 24px !important;
      }
      .lx-orders-list .lx-order-grid {
        gap: 14px;
      }
}
@media (-p0-part: pfdb129c20943fcfa1aaa) {

      /* orders-mounted-frame-20260829: keep the shared workspace frame stable
         across the generation -> result transition. The outer 18px inset is
         owned by the site shell; the order page only cancels it horizontally
         so its existing 24px content rhythm remains unchanged. */
      body.lx-orders-poc .content.lx-orders-content {
        padding: 18px !important;
        border-radius: 20px 20px 0 0;
        background: #ffffff !important;
        scrollbar-gutter: auto;
      }
      body.lx-orders-poc .content.lx-orders-content > .lx-orders-page {
        width: calc(100% + 36px);
        max-width: none;
        min-height: calc(100% - 18px);
        margin: 0 -18px -18px;
        box-sizing: border-box;
      }
}
@media (-p0-part: p3dc5d1332a52d96752d8) {
      @media (max-width: 700px) {
        body.lx-orders-poc .content.lx-orders-content > .lx-orders-page {
          width: calc(100% + 36px);
          margin-inline: -18px;
        }
      }

      /* orders-outer-shell-spacing-20260829: match the shared two-column
         result frame. These values belong to the shell, not the order page. */
      body.lx-orders-poc .shell {
        column-gap: 16px;
        padding-bottom: 16px;
      }
      body.lx-orders-poc .shell > .content.lx-orders-content {
        height: 100%;
        max-height: 100%;
        min-height: 0;
      }

      /* orders-shared-tabbar-final-20260830: the order workspace participates
         in the same compact result-tab rail as member/store/recommendation
         pages. Reset the older order-only 58px and padded variants so adding
         a store tab cannot stretch this rail or cover the page heading. */
      body.lx-orders-poc .lx-orders-page > .lx-orders-tabs.lx-tabbar:not([hidden]) {
        box-sizing: border-box !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: auto !important;
        height: 43px !important;
        min-height: 43px !important;
        max-height: 43px !important;
        margin: -18px -24px 0 !important;
        padding: 18px 24px 0 !important;
        border: 0 !important;
        border-bottom: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
      }
      body.lx-orders-poc .lx-orders-page > .lx-orders-tabs.lx-tabbar:not([hidden])::-webkit-scrollbar {
        display: none !important;
      }
      body.lx-orders-poc .lx-orders-page > .lx-orders-tabs.lx-tabbar:not([hidden]) > .lx-orders-tab.lx-tab {
        flex: 0 0 auto !important;
        box-sizing: border-box !important;
        height: 25px !important;
        min-height: 25px !important;
        max-height: 25px !important;
        margin: 0 !important;
        padding: 4px 6px 4px 12px !important;
      }
      @media (max-width: 700px) {
        body.lx-orders-poc .lx-orders-page > .lx-orders-tabs.lx-tabbar:not([hidden]) {
          margin-inline: -16px !important;
          padding-inline: 16px !important;
        }
      }

      /* orders-card-entry-v32-20260903: the order list is browse-only.
         Filters and per-card detail buttons are removed; the complete card is
         the single accessible entry into the existing detail workspace. */
      .lx-orders-list .lx-order-card {
        cursor: pointer;
      }
      .lx-orders-list .lx-order-card:focus-visible {
        border-color: #4d144a;
        outline: 2px solid rgba(77, 20, 74, 0.16);
        outline-offset: 2px;
        box-shadow: 0 10px 26px rgba(50, 29, 57, 0.08);
      }
      .lx-orders-list .lx-order-card-body {
        grid-template-columns: minmax(320px, 1fr) minmax(100px, .35fr) minmax(120px, .4fr);
      }
      .lx-orders-list .lx-order-badge,
      .lx-orders-list .lx-order-filterbar,
      .lx-orders-list .lx-order-status-tabs,
      .lx-orders-list .lx-order-card-actions {
        display: none !important;
      }
      .lx-orders-list .lx-order-result-meta {
        margin-top: 4px;
      }
      @media (max-width: 820px) {
        .lx-orders-list .lx-order-card-body {
          grid-template-columns: minmax(0, 1fr) minmax(88px, .32fr);
        }
        .lx-orders-list .lx-order-card-state {
          grid-column: 2;
        }
      }
}
@media (-p0-part: p4c0b0182fb77995a1812) {

.lx-orders-wrap{
  --brand-red:#B8252E;
  --price-red:#e42b20;
  --aubergine:#5b1452;
  --aubergine-soft:#bb1836;
  --grad-brand:linear-gradient(94deg,#5b1452,#B8252E);
  --ok:#625b68;
  --amber:#ff6b21;
  --ink:#252525;
  --text:#252525;
  --text-soft:#625b68;
  --text-muted:#979797;
  --text-faint:#bcb4c1;
  --line:#efe4f1;
  --line-2:#e6e0ed;
  --hair:#f3f0f7;
  --tint:#fcf2f8;
  --tint-2:#f3edf6;
  --ease:cubic-bezier(.22,.61,.36,1);
  --spring:cubic-bezier(.34,1.4,.4,1);
  color:var(--text);
}
.lx-orders-wrap *,
.lx-orders-wrap *::before,
.lx-orders-wrap *::after{ box-sizing:border-box; }
.lx-orders-wrap button{ cursor:pointer; border:0; background:none; padding:0; font:inherit; color:inherit; }
.lx-orders-wrap svg{ display:block; }
.lx-orders-wrap .ohead{ display:flex; align-items:baseline; gap:13px; margin-bottom:22px; }
.lx-orders-wrap .ohead h2{ margin:0; font-size:22px; font-weight:800; color:var(--ink); letter-spacing:.5px; display:flex; align-items:center; gap:10px; }
.lx-orders-wrap .ohead h2 .bar{ width:4px; height:20px; border-radius:3px; background:var(--grad-brand); }
.lx-orders-wrap .ohead .cnt{ font-size:12.5px; color:var(--text-muted); font-weight:600; }
.lx-orders-wrap .cur{ font-size:.66em; margin-right:1px; }
.lx-orders-wrap .price{ color:var(--ink); font-weight:800; font-variant-numeric:tabular-nums; }
.lx-orders-wrap .shot{ border-radius:12px; overflow:hidden; background:var(--tint-2); }
.lx-orders-wrap .shot img{ width:100%; height:100%; object-fit:cover; display:block; }
.lx-orders-wrap .obtn{ height:34px; padding:0 16px; border-radius:9px; font-size:13px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; gap:5px; transition:all .16s var(--ease); white-space:nowrap; }
.lx-orders-wrap .obtn.order-ghost{ border:1px solid var(--line-2); color:var(--aubergine); background:#FFFFFF; }
.lx-orders-wrap .obtn.order-ghost:hover{ background:var(--tint); border-color:var(--aubergine); }
.lx-orders-wrap .obtn.solid{ background:var(--grad-brand); color:#FFFFFF; box-shadow:0 4px 12px rgba(146, 86, 214, 0.16); }
.lx-orders-wrap .obtn.solid:hover{ transform:translateY(-1px); box-shadow:0 7px 16px rgba(155, 142, 182, 0.62); }
.lx-orders-wrap .ost{ display:inline-flex; align-items:center; gap:5px; height:21px; padding:0 9px; border-radius:99px; font-size:11.5px; font-weight:700; flex:none; }
.lx-orders-wrap .ost.done{ background:#f6f6f6; color:var(--ok); }
.lx-orders-wrap .ost.ship{ background:#fff4e3; color:var(--amber); }
.lx-orders-wrap .ost.pay{ background:#fcf2f8; color:var(--price-red); }
.lx-orders-wrap .ost .d{ width:5px; height:5px; border-radius:50%; background:currentColor; }
}
@media (-p0-part: p53487d7d68d491a204f6) {.lx-orders-wrap{--brand-red:#B8252E;--price-red:#e42b20;--aubergine:#5b1452;--aubergine-soft:#bb1836;--grad-brand:linear-gradient(94deg,#5b1452,#B8252E);--ok:#625b68;--amber:#ff6b21;--ink:#252525;--text:#252525;--text-soft:#625b68;--text-muted:#979797;--text-faint:#bcb4c1;--line:#efe4f1;--line-2:#e6e0ed;--hair:#f3f0f7;--tint:#fcf2f8;--tint-2:#f3edf6;--ease:cubic-bezier(.22,.61,.36,1);--spring:cubic-bezier(.34,1.4,.4,1);color:var(--text);}.lx-orders-wrap *,.lx-orders-wrap *::before,.lx-orders-wrap *::after{box-sizing:border-box;}.lx-orders-wrap button{cursor:pointer;border:0;background:none;padding:0;font:inherit;color:inherit;}.lx-orders-wrap svg{display:block;}.lx-orders-wrap .ohead{display:flex;align-items:baseline;gap:13px;margin-bottom:22px;}.lx-orders-wrap .ohead h2{margin:0;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:.5px;display:flex;align-items:center;gap:10px;}.lx-orders-wrap .ohead h2 .bar{width:4px;height:20px;border-radius:3px;background:var(--grad-brand);}.lx-orders-wrap .ohead .cnt{font-size:12.5px;color:var(--text-muted);font-weight:600;}.lx-orders-wrap .cur{font-size:.66em;margin-right:1px;}.lx-orders-wrap .price{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums;}.lx-orders-wrap .shot{border-radius:12px;overflow:hidden;background:var(--tint-2);}.lx-orders-wrap .shot img{width:100%;height:100%;object-fit:cover;display:block;}.lx-orders-wrap .obtn{height:34px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .16s var(--ease);white-space:nowrap;}.lx-orders-wrap .obtn.order-ghost{border:1px solid var(--line-2);color:var(--aubergine);background:#FFFFFF;}.lx-orders-wrap .obtn.order-ghost:hover{background:var(--tint);border-color:var(--aubergine);}.lx-orders-wrap .obtn.solid{background:var(--grad-brand);color:#FFFFFF;box-shadow:0 4px 12px rgba(146,86,214,0.16);}.lx-orders-wrap .obtn.solid:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(155,142,182,0.62);}.lx-orders-wrap .ost{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:700;flex:none;}.lx-orders-wrap .ost.done{background:#f6f6f6;color:var(--ok);}.lx-orders-wrap .ost.ship{background:#fff4e3;color:var(--amber);}.lx-orders-wrap .ost.pay{background:#fcf2f8;color:var(--price-red);}.lx-orders-wrap .ost .d{width:5px;height:5px;border-radius:50%;background:currentColor;}
}
@media (-p0-part: p90bb63718fc5680c1473) {.lx-orders-wrap .lx-order-live-sync{margin-top:9px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;line-height:1.55;color:#6f6874}.lx-orders-wrap .lx-order-config-line,.lx-orders-wrap .lx-order-payment-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.lx-orders-wrap .lx-order-live-sync b{font-weight:500;color:#38323b}.lx-orders-wrap .lx-order-payment-line{width:100%}.lx-orders-wrap .lx-paid-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid #d9c3dd;border-radius:12px;background:#f7f0f8;color:#5f0b55;font-weight:500}.lx-orders-wrap .ord{min-height:168px}
}
@media (-p0-part: pc3e914c4567a383946e0) {[data-lx-legacy-demo-order="hidden"]{display:none!important}
}