html {
    scrollbar-gutter: stable both-edges;
}

body.platform-stage-enabled {
    position: relative;
    isolation: isolate;
    overflow-x: hidden;
}

body.platform-stage-enabled > :not(.pc-order-stage):not(.pc-order-cursor-trail):not(.jpc-header):not(.jpro-floating-tools):not(.floating-cs):not(.header):not(.layui-layer):not(.layui-layer-shade):not(.layui-layer-move):not(link):not(script):not(style) {
    position: relative;
    z-index: 1;
}

body.platform-stage-enabled #wrapper,
body.platform-stage-enabled #page,
body.platform-stage-enabled .page-wrapper {
    background: transparent !important;
}

body.platform-stage-enabled .flat-title-page,
body.platform-stage-enabled .tf-section {
    background: transparent !important;
}

body.platform-stage-enabled .flat-title-page .overlay {
    background: rgba(2, 5, 10, .24) !important;
}

body.platform-stage-enabled #footer {
    background: rgba(3, 7, 12, .84) !important;
}

body.jpro-auth-page.platform-stage-enabled {
    background: #02050a !important;
}

body.jpro-auth-page.platform-stage-enabled::before {
    opacity: .18 !important;
    animation: none !important;
}

body.jpro-auth-page.platform-stage-enabled::after {
    opacity: .06 !important;
    animation: none !important;
}

body.jpro-auth-page.platform-stage-enabled .login-container {
    position: relative;
    z-index: 1;
}

body.jpro-auth-page.platform-stage-enabled .login-wrapper,
body.jpro-auth-page.platform-stage-enabled .login-form-section,
body.jpro-auth-page.platform-stage-enabled .login-info-section {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.jpro-auth-page.platform-stage-enabled .login-wrapper {
    background: rgba(5, 9, 14, .9) !important;
}

body.jpro-auth-page.platform-stage-enabled .login-form-section {
    background: rgba(7, 12, 18, .92) !important;
}

body.jpro-auth-page.platform-stage-enabled .login-info-section {
    background:
        radial-gradient(circle at 24% 18%, rgba(105, 199, 240, .16), transparent 38%),
        linear-gradient(135deg, rgba(105, 199, 240, .08), rgba(201, 154, 85, .06)),
        rgba(5, 9, 14, .86) !important;
}

body.order-pc-jytos.order-stage-enabled {
    background: #02050a !important;
    animation: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-page {
    padding-top: 0 !important;
}

body.order-pc-jytos.order-stage-enabled::before {
    inset: 0 !important;
    opacity: .36 !important;
    background:
        radial-gradient(ellipse at 18% 20%, rgba(105, 199, 240, .18), transparent 34%),
        radial-gradient(ellipse at 82% 18%, rgba(201, 154, 85, .11), transparent 30%),
        linear-gradient(180deg, rgba(2, 5, 10, .18), rgba(2, 4, 8, .72)) !important;
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
}

body.order-pc-jytos.order-stage-enabled::after {
    inset: 0 !important;
    opacity: .16 !important;
    background:
        linear-gradient(rgba(216, 241, 255, .026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(216, 241, 255, .022) 1px, transparent 1px) !important;
    background-size: 92px 92px !important;
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
}

.pc-order-stage {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    contain: strict;
    isolation: isolate;
}

.pc-order-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    background:
        radial-gradient(ellipse at 58% 44%, rgba(105, 199, 240, .12), transparent 38%),
        radial-gradient(ellipse at 76% 26%, rgba(201, 154, 85, .07), transparent 30%),
        #02050a;
}

.pc-order-stage-canvas {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    pointer-events: none;
    image-rendering: auto;
    transition: opacity .72s cubic-bezier(.16, 1, .3, 1);
    contain: strict;
}

body.is-stage-webgl .pc-order-stage-canvas {
    opacity: .88;
}

.pc-order-stage-vignette {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .34), transparent 32%, transparent 74%, rgba(0, 0, 0, .48)),
        radial-gradient(ellipse at 50% 42%, transparent 20%, rgba(1, 3, 7, .1) 56%, rgba(1, 3, 7, .72) 100%);
}

body.order-pc-jytos.order-stage-enabled .pc-order-panel,
body.order-pc-jytos.order-stage-enabled .pc-rich-warning,
body.order-pc-jytos.order-stage-enabled .pc-section,
body.order-pc-jytos.order-stage-enabled .pc-contact-box,
body.order-pc-jytos.order-stage-enabled .pc-contact-item,
body.order-pc-jytos.order-stage-enabled .pc-card-item,
body.order-pc-jytos.order-stage-enabled .pc-merchant-box {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .02)),
        rgba(6, 10, 16, .74) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-map {
    opacity: .08 !important;
    animation-duration: 14s;
}

body.order-pc-jytos.order-stage-enabled .pc-order-search-panel {
    overflow: visible !important;
    padding: 16px 0 40px !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-search-panel::before,
body.order-pc-jytos.order-stage-enabled .pc-order-search-panel::after {
    display: none !important;
    opacity: 0 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-search-panel .pc-search-inner {
    overflow: visible !important;
    margin-right: auto !important;
    margin-left: auto !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-search-row {
    border-color: rgba(105, 199, 240, .28) !important;
    background: rgba(2, 7, 12, .7) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-rich-warning {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        rgba(6, 10, 16, .74) !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .16) !important;
}

body.order-pc-jytos.order-stage-enabled:has(.pc-panel-section) .pc-order-stage-canvas {
    opacity: .56;
}

body.order-pc-jytos.order-stage-enabled:has(.pc-panel-section) .pc-order-stage-vignette {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .48), transparent 34%, transparent 70%, rgba(0, 0, 0, .58)),
        radial-gradient(ellipse at 50% 38%, transparent 12%, rgba(1, 3, 7, .3) 58%, rgba(1, 3, 7, .82) 100%);
}

body.order-pc-jytos.order-stage-enabled .pc-panel-section,
body.order-pc-jytos.order-stage-enabled .pc-contact-panel {
    padding: 20px !important;
    border-color: rgba(226, 235, 247, .12) !important;
    background: rgba(7, 12, 18, .9) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-panel-section .pc-page-title,
body.order-pc-jytos.order-stage-enabled .pc-contact-panel .pc-page-title {
    color: rgba(244, 248, 252, .94) !important;
    font-size: 17px;
    line-height: 24px;
}

body.order-pc-jytos.order-stage-enabled .pc-panel-section .pc-page-title i,
body.order-pc-jytos.order-stage-enabled .pc-contact-panel .pc-page-title i {
    color: rgba(141, 220, 255, .78) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-tabs {
    gap: 6px;
    margin-top: 14px;
    padding-bottom: 12px;
    border-color: rgba(226, 235, 247, .1) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-tab {
    min-width: 0;
    height: 32px;
    padding: 0 13px;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: rgba(224, 232, 244, .62) !important;
    font-weight: 500;
    box-shadow: none !important;
    transform: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-tab:hover {
    border-color: rgba(226, 235, 247, .1) !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(244, 248, 252, .9) !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-tab.active {
    border-color: rgba(105, 199, 240, .24) !important;
    background: rgba(105, 199, 240, .1) !important;
    color: #dff5ff !important;
    font-weight: 650;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-table-wrap {
    overflow-x: auto;
    margin-top: 2px;
    border: 1px solid rgba(226, 235, 247, .1) !important;
    border-radius: 6px !important;
    background: rgba(3, 7, 12, .46) !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-table {
    margin: 0;
}

body.order-pc-jytos.order-stage-enabled .pc-order-table th {
    height: 42px;
    border-bottom: 1px solid rgba(226, 235, 247, .1);
    background: #111923 !important;
    color: rgba(224, 232, 244, .72) !important;
    font-size: 13px;
    font-weight: 600;
}

body.order-pc-jytos.order-stage-enabled .pc-order-table td {
    height: 76px;
    border-color: rgba(226, 235, 247, .08) !important;
    background: rgba(255, 255, 255, .012);
    color: rgba(238, 243, 248, .88) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-table tbody tr:hover td {
    background: rgba(105, 199, 240, .035);
}

body.order-pc-jytos.order-stage-enabled .pc-order-goods {
    color: rgba(244, 248, 252, .92) !important;
    font-weight: 600;
}

body.order-pc-jytos.order-stage-enabled .pc-order-time,
body.order-pc-jytos.order-stage-enabled .pc-order-quantity {
    color: rgba(224, 232, 244, .52) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-money {
    color: #efc1c1 !important;
    font-size: 15px;
}

body.order-pc-jytos.order-stage-enabled .pc-status.status-1 {
    border: 1px solid rgba(113, 227, 164, .2);
    background: rgba(113, 227, 164, .1) !important;
    color: #a8dfbf !important;
}

body.order-pc-jytos.order-stage-enabled .pc-status.status-0,
body.order-pc-jytos.order-stage-enabled .pc-status.status-2,
body.order-pc-jytos.order-stage-enabled .pc-status.status-3 {
    border: 1px solid rgba(226, 235, 247, .1);
    background: rgba(255, 255, 255, .04) !important;
    color: rgba(224, 232, 244, .62) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-outline-btn,
body.order-pc-jytos.order-stage-enabled .pc-text-btn {
    min-height: 38px;
    padding: 0 14px !important;
    border: 1px solid rgba(105, 199, 240, .18) !important;
    border-radius: 7px !important;
    background: rgba(105, 199, 240, .07) !important;
    color: rgba(188, 230, 248, .9) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 112px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action i {
    flex: 0 0 auto;
    display: inline-grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 5px;
    background: rgba(105, 199, 240, .1);
    font-size: 16px;
    line-height: 1;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-primary {
    border-color: rgba(184, 233, 250, .72) !important;
    background: #91d5ef !important;
    color: #061018 !important;
    box-shadow: 0 8px 20px rgba(48, 154, 198, .2) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-primary i {
    background: rgba(3, 13, 20, .12);
    color: #061018;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-secondary {
    border-color: rgba(226, 235, 247, .24) !important;
    background: rgba(255, 255, 255, .075) !important;
    color: rgba(244, 248, 252, .94) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-support {
    border-color: rgba(201, 154, 85, .34) !important;
    background: rgba(201, 154, 85, .11) !important;
    color: #ead0a8 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-support i {
    background: rgba(201, 154, 85, .13);
    color: #e3bd82;
}

body.order-pc-jytos.order-stage-enabled .pc-outline-btn:hover,
body.order-pc-jytos.order-stage-enabled .pc-outline-btn:focus,
body.order-pc-jytos.order-stage-enabled .pc-text-btn:hover,
body.order-pc-jytos.order-stage-enabled .pc-text-btn:focus {
    border-color: rgba(105, 199, 240, .32) !important;
    background: rgba(105, 199, 240, .12) !important;
    color: #e8f8ff !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-support:hover,
body.order-pc-jytos.order-stage-enabled .pc-order-action-support:focus {
    border-color: rgba(201, 154, 85, .38) !important;
    background: rgba(201, 154, 85, .12) !important;
    color: #f0d9b6 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action-primary:hover,
body.order-pc-jytos.order-stage-enabled .pc-order-action-primary:focus {
    border-color: #d9f5ff !important;
    background: #afe5f7 !important;
    color: #061018 !important;
    box-shadow: 0 10px 24px rgba(48, 154, 198, .28) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-order-action:focus-visible {
    outline: 2px solid rgba(141, 220, 255, .68) !important;
    outline-offset: 2px;
}

body.order-pc-jytos.order-stage-enabled .pc-action-group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-head {
    margin-bottom: 14px;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-head .pc-online {
    min-width: 0;
    height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(113, 227, 164, .16);
    border-radius: 6px;
    background: rgba(113, 227, 164, .08) !important;
    color: #9fd8b7 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-box {
    gap: 14px;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-intro {
    margin-bottom: 6px;
    color: rgba(224, 232, 244, .58) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-grid {
    gap: 0;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(226, 235, 247, .1);
    border-radius: 6px;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-item {
    min-height: 62px;
    padding: 11px 13px;
    border: 0 !important;
    border-right: 1px solid rgba(226, 235, 247, .08) !important;
    border-bottom: 1px solid rgba(226, 235, 247, .08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-item:nth-child(2n) {
    border-right: 0 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-label {
    margin-bottom: 5px;
    color: rgba(224, 232, 244, .44) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-contact-value {
    color: rgba(240, 245, 250, .86) !important;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

body.order-pc-jytos.order-stage-enabled .pc-qrcode-box {
    border-left: 1px solid rgba(226, 235, 247, .08);
    color: rgba(224, 232, 244, .5);
}

body.order-pc-jytos.order-stage-enabled .pc-qrcode-box img {
    width: 88px;
    height: 88px;
    border: 1px solid rgba(226, 235, 247, .12);
    background: #fff;
}

@media (max-width: 1024px) {
    body.order-pc-jytos.order-stage-enabled .pc-contact-item {
        border-right: 0 !important;
    }

    body.order-pc-jytos.order-stage-enabled .pc-qrcode-box {
        padding-top: 14px;
        border-top: 1px solid rgba(226, 235, 247, .08);
        border-left: 0;
    }
}

body.order-pc-jytos.order-stage-enabled:has(.pc-detail-panel) .pc-order-stage-canvas {
    opacity: .52;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-panel {
    min-height: 0;
    padding: 20px 22px 22px !important;
    border-color: rgba(226, 235, 247, .12) !important;
    background: rgba(7, 12, 18, .92) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .3) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-title {
    height: auto;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(226, 235, 247, .1);
}

body.order-pc-jytos.order-stage-enabled .pc-detail-title a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 4px;
    padding: 0 10px 0 6px;
    border: 1px solid rgba(226, 235, 247, .12);
    border-radius: 6px;
    background: rgba(255, 255, 255, .035);
    color: rgba(224, 232, 244, .74) !important;
    font-size: 13px;
    font-weight: 600;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-title a:hover,
body.order-pc-jytos.order-stage-enabled .pc-detail-title a:focus {
    border-color: rgba(105, 199, 240, .24);
    background: rgba(105, 199, 240, .08);
    color: #e7f8ff !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-body {
    padding-top: 0;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-body > .pc-section {
    margin: 0;
    padding: 20px 0;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 235, 247, .09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-body > .pc-section:last-of-type {
    border-bottom: 0 !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-panel .pc-section-title {
    color: rgba(244, 248, 252, .92) !important;
    font-size: 16px;
    line-height: 24px;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-panel .pc-section-title i {
    color: rgba(141, 220, 255, .76) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-info-grid {
    max-width: none;
    gap: 0 44px;
}

body.order-pc-jytos.order-stage-enabled .pc-info-row {
    min-height: 44px;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(226, 235, 247, .07);
    font-size: 14px;
    line-height: 1.55;
}

body.order-pc-jytos.order-stage-enabled .pc-info-label {
    color: rgba(224, 232, 244, .48) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-info-value {
    color: rgba(241, 246, 250, .88) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-complaint {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    border: 1px solid rgba(201, 154, 85, .24) !important;
    border-radius: 6px !important;
    background: rgba(201, 154, 85, .075) !important;
    color: #dfc69f !important;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 26px;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-complaint:hover,
body.order-pc-jytos.order-stage-enabled .pc-detail-complaint:focus {
    border-color: rgba(201, 154, 85, .38) !important;
    background: rgba(201, 154, 85, .12) !important;
    color: #f0d9b6 !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

body.order-pc-jytos.order-stage-enabled .pc-card-head {
    margin-bottom: 14px;
}

body.order-pc-jytos.order-stage-enabled .pc-card-actions {
    gap: 8px;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-action,
body.order-pc-jytos.order-stage-enabled .pc-detail-footer-action {
    display: inline-flex;
    min-width: 0;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px !important;
    border: 1px solid rgba(226, 235, 247, .14) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: rgba(232, 239, 245, .78) !important;
    font-size: 12px;
    font-weight: 600 !important;
    line-height: 28px;
    white-space: nowrap;
    box-shadow: none !important;
    transform: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-action:hover,
body.order-pc-jytos.order-stage-enabled .pc-detail-action:focus,
body.order-pc-jytos.order-stage-enabled .pc-detail-footer-action:hover,
body.order-pc-jytos.order-stage-enabled .pc-detail-footer-action:focus {
    border-color: rgba(105, 199, 240, .28) !important;
    background: rgba(105, 199, 240, .09) !important;
    color: #e7f8ff !important;
}

body.order-pc-jytos.order-stage-enabled .pc-detail-action i,
body.order-pc-jytos.order-stage-enabled .pc-detail-footer-action i,
body.order-pc-jytos.order-stage-enabled .pc-detail-complaint i {
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1;
}

body.order-pc-jytos.order-stage-enabled .pc-card-list {
    gap: 10px;
}

body.order-pc-jytos.order-stage-enabled .pc-card-item,
body.order-pc-jytos.order-stage-enabled .pc-card-loading {
    overflow: hidden;
    border: 1px solid rgba(226, 235, 247, .1) !important;
    border-radius: 6px !important;
    background: #0c131c !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-card-item-top {
    min-height: 42px;
    padding: 6px 12px;
    border-bottom: 1px solid rgba(226, 235, 247, .08);
    color: rgba(240, 245, 250, .86) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-card-item-content {
    padding: 13px 14px 15px;
    color: rgba(245, 249, 252, .92) !important;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-wrap;
}

body.order-pc-jytos.order-stage-enabled .pc-card-loading {
    padding: 16px;
    color: rgba(224, 232, 244, .52) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-scroll-text {
    max-height: 240px;
    padding: 15px 16px;
    border-color: rgba(226, 235, 247, .1) !important;
    background: #0c131c !important;
    color: rgba(235, 241, 246, .82) !important;
    font-size: 14px;
    line-height: 1.75;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-scroll-text:focus {
    border-color: rgba(105, 199, 240, .38) !important;
    box-shadow: 0 0 0 3px rgba(105, 199, 240, .1) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-merchant-box {
    border: 1px solid rgba(226, 235, 247, .1) !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.order-pc-jytos.order-stage-enabled .pc-merchant-row {
    min-height: 48px;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    padding: 8px 12px;
    color: rgba(224, 232, 244, .52) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-merchant-value {
    color: rgba(240, 245, 250, .86) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-bottom-actions {
    justify-content: flex-end;
    padding-top: 18px;
}

@media (max-width: 900px) {
    body.order-pc-jytos.order-stage-enabled .pc-detail-panel {
        padding: 14px !important;
    }

    body.order-pc-jytos.order-stage-enabled .pc-card-head,
    body.order-pc-jytos.order-stage-enabled .pc-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    body.order-pc-jytos.order-stage-enabled .pc-card-actions {
        flex-wrap: wrap;
    }

    body.order-pc-jytos.order-stage-enabled .pc-info-row {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    body.order-pc-jytos.order-stage-enabled .pc-merchant-row {
        grid-template-columns: 64px minmax(0, 1fr) auto;
    }
}

/* Keep Layer dialogs out of the page flow overridden by the themed body selector. */
body.order-pc-jytos.order-stage-enabled > .layui-layer,
body.order-pc-jytos.order-stage-enabled > .layui-layer-shade {
    position: fixed !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer-shade {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer-prompt,
body.order-pc-jytos.order-stage-enabled > .jf-picture-dialog {
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt {
    color-scheme: dark;
    border: 1px solid rgba(105, 199, 240, .28) !important;
    background: rgba(7, 12, 19, .97) !important;
    box-shadow:
        0 24px 72px rgba(0, 0, 0, .62),
        0 0 0 1px rgba(201, 154, 85, .08) inset !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-content {
    background: transparent !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-content > img {
    box-sizing: border-box;
    display: block;
    width: auto;
    height: 64px !important;
    margin: 24px auto 2px !important;
    padding: 4px;
    border: 1px solid rgba(105, 199, 240, .22);
    border-radius: 6px;
    background: #f4f7fa;
    object-fit: contain;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-card.is-prompt {
    width: 100% !important;
    max-width: none !important;
    padding: 14px 28px 22px !important;
    text-align: left;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-title {
    margin-bottom: 0;
    color: #f2f7fb !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-input-wrap {
    margin-top: 14px;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-input-field,
body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-input {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid rgba(105, 199, 240, .34) !important;
    border-radius: 6px !important;
    outline: 0 !important;
    background: #101923 !important;
    color: #f7fbff !important;
    -webkit-text-fill-color: #f7fbff !important;
    caret-color: #8ddcff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 44px !important;
    letter-spacing: 0;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2) inset !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-input-field::placeholder,
body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-input::placeholder {
    color: rgba(224, 232, 244, .48) !important;
    -webkit-text-fill-color: rgba(224, 232, 244, .48) !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .jf-dialog-input-field:focus,
body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-input:focus {
    border-color: rgba(141, 220, 255, .78) !important;
    box-shadow:
        0 0 0 3px rgba(105, 199, 240, .14),
        0 8px 24px rgba(0, 0, 0, .2) inset !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-btn {
    border-top: 1px solid rgba(232, 237, 247, .1) !important;
    background: rgba(5, 9, 15, .96) !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-btn .layui-layer-btn0 {
    border-color: #b9eaff !important;
    background: #b9eaff !important;
    color: #061019 !important;
}

body.order-pc-jytos.order-stage-enabled > .layui-layer.jf-picture-dialog.layui-layer-prompt .layui-layer-btn .layui-layer-btn1 {
    border-color: rgba(232, 237, 247, .16) !important;
    background: rgba(255, 255, 255, .055) !important;
    color: rgba(242, 247, 251, .82) !important;
}

body.order-pc-jytos.order-stage-enabled .pc-search-title,
body.order-pc-jytos.order-stage-enabled .pc-search-subtitle {
    text-shadow: 0 2px 18px rgba(0, 0, 0, .88);
}

.pc-order-cursor-trail {
    position: fixed !important;
    inset: 0 !important;
    z-index: 68 !important;
    width: 100vw;
    height: 100vh;
    display: none;
    overflow: visible;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
    contain: layout style paint;
    transition: opacity .12s linear;
}

body.is-stage-gpu-trail .pc-order-cursor-trail {
    display: block;
}

.pc-order-cursor-trail svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.pc-order-cursor-trail .jvue-cursor-energy-glow,
.pc-order-cursor-trail .jvue-cursor-energy-core {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.pc-order-cursor-trail .jvue-cursor-energy-glow {
    stroke: rgba(105, 199, 240, .2);
    stroke-width: 7;
}

.pc-order-cursor-trail .jvue-cursor-energy-core {
    stroke-width: 1.8;
}

.pc-order-cursor-trail .jvue-cursor-energy-head {
    fill: rgba(232, 248, 255, .96);
    stroke: rgba(105, 199, 240, .46);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 5px rgba(105, 199, 240, .52));
}

.pc-order-cursor-trail .jvue-click-burst {
    opacity: 0;
    pointer-events: none;
}

.pc-order-cursor-trail .jvue-click-burst.is-active {
    opacity: 1;
}

.pc-order-cursor-trail .jvue-click-ring,
.pc-order-cursor-trail .jvue-click-rays {
    fill: none;
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.pc-order-cursor-trail .jvue-click-ring.is-outer {
    stroke: rgba(105, 199, 240, .8);
    stroke-width: 1.4;
}

.pc-order-cursor-trail .jvue-click-ring.is-inner {
    stroke: rgba(216, 241, 255, .9);
    stroke-width: 1;
}

.pc-order-cursor-trail .jvue-click-rays {
    stroke: rgba(201, 154, 85, .82);
    stroke-width: 1.15;
    stroke-linecap: round;
}

.pc-order-cursor-trail .jvue-click-burst.is-active .jvue-click-ring.is-outer {
    animation: pcOrderClickRingOuter .58s cubic-bezier(.16, 1, .3, 1) both;
}

.pc-order-cursor-trail .jvue-click-burst.is-active .jvue-click-ring.is-inner {
    animation: pcOrderClickRingInner .46s cubic-bezier(.16, 1, .3, 1) both;
}

.pc-order-cursor-trail .jvue-click-burst.is-active .jvue-click-rays {
    animation: pcOrderClickRays .5s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes pcOrderClickRingOuter {
    0% { opacity: 0; transform: scale(.35); }
    18% { opacity: 1; }
    100% { opacity: 0; transform: scale(1.75); }
}

@keyframes pcOrderClickRingInner {
    0% { opacity: 0; transform: scale(.4); }
    24% { opacity: .9; }
    100% { opacity: 0; transform: scale(2.1); }
}

@keyframes pcOrderClickRays {
    0% { opacity: 0; transform: scale(.5) rotate(0deg); }
    22% { opacity: .86; }
    100% { opacity: 0; transform: scale(1.42) rotate(8deg); }
}

@media (max-width: 900px) {
    body.is-stage-webgl .pc-order-stage-canvas {
        opacity: .68;
    }

    .pc-order-cursor-trail {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pc-order-cursor-trail {
        display: none !important;
    }

    .pc-order-stage-canvas {
        transition: none;
    }
}