/* TikiPay 网关前台组件：直充账号输入、订单发货结果。颜色优先跟随主题变量 */
.tikipay-account {
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid var(--ls-line, #e3e6ef);
    border-radius: 14px;
    background: var(--ls-surface-2, #f7f8fb);
    width: 100%;
}
.tikipay-account__title {
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--ls-ink, #151827);
}
.tikipay-account__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}
.tikipay-account__field span {
    display: block;
    font-size: 13px;
    color: var(--ls-ink-2, #5b6075);
    margin-bottom: 4px;
}
.tikipay-account__field input {
    width: 100%;
    border-radius: 10px !important;
    border: 1px solid var(--ls-line, #d7dbe6) !important;
    padding: 10px 12px !important;
    background: #fff !important;
}
.tikipay-account__field input:focus {
    border-color: var(--ls-brand, #e3263a) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(227, 38, 58, .15);
}
.tikipay-account__hint {
    margin: 10px 0 0 !important;
    font-size: 12px;
    color: var(--ls-ink-2, #5b6075);
}

.tikipay-delivery {
    margin: 24px 0;
}
.tikipay-delivery h2 {
    font-size: 20px;
    margin-bottom: 12px;
}
.tikipay-delivery__list {
    display: grid;
    gap: 12px;
}
.tikipay-delivery__item {
    border: 1px solid var(--ls-line, #e3e6ef);
    border-radius: 14px;
    padding: 14px 16px;
    background: var(--ls-surface, #fff);
}
.tikipay-delivery__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.tikipay-delivery__meta {
    font-size: 13px;
    color: var(--ls-ink-2, #5b6075);
}
.tikipay-code {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
}
.tikipay-code span {
    font-size: 13px;
    color: var(--ls-ink-2, #5b6075);
    min-width: 110px;
}
.tikipay-code code {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--ls-surface-2, #f2f4f8);
    color: var(--ls-ink, #151827);
    word-break: break-all;
    user-select: all;
}
.tikipay-badge {
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    white-space: nowrap;
}
.tikipay-badge--success { background: #e3f7ec; color: #12814a; }
.tikipay-badge--fail { background: #fde8ea; color: #c21d30; }
.tikipay-badge--pending { background: #fff4dc; color: #a26200; }