/**
 * UBuy 淘宝风格主题：白底卡片 + #FF5000 主色
 */

/* ---------- 订单卡片（首页 / 订单页 / 管理端共用） ---------- */
.ubuy-order-card,
.home-order-card {
    padding: 12px;
    padding-top: 14px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    color: #333;
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.home-order-card {
    width: calc(50% - 6px);
    padding-top: 8px;
}

.ubuy-order-card {
    width: 100%;
}

.ubuy-order-card::before,
.home-order-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
}

.ubuy-order-card--status-0::before,
.home-order-card--status-0::before { background: linear-gradient(90deg, #d9d9d9 0%, #bfbfbf 100%); }
.ubuy-order-card--status-1::before,
.home-order-card--status-1::before { background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%); }
.ubuy-order-card--status-2::before,
.home-order-card--status-2::before { background: linear-gradient(90deg, #ff7722 0%, #ff5000 100%); }
.ubuy-order-card--status-3::before,
.home-order-card--status-3::before { background: linear-gradient(90deg, #ffb800 0%, #ff9500 100%); }
.ubuy-order-card--status-4::before,
.home-order-card--status-4::before { background: linear-gradient(90deg, #ff5000 0%, #ff0036 100%); }
.ubuy-order-card--status-5::before,
.home-order-card--status-5::before { background: linear-gradient(90deg, #d9d9d9 0%, #bfbfbf 100%); }
.ubuy-order-card--status-6::before,
.home-order-card--status-6::before { background: linear-gradient(90deg, #e8e8e8 0%, #ccc 100%); }
.ubuy-order-card--status-7::before,
.home-order-card--status-7::before { background: linear-gradient(90deg, #bbb 0%, #999 100%); }
.ubuy-order-card--status-8::before,
.home-order-card--status-8::before { background: linear-gradient(90deg, #ffc799 0%, #ff9000 100%); }

.home-order-card--own.home-order-card--status-1,
.ubuy-order-card--own.ubuy-order-card--status-1 {
    background: #fffaf5;
    border-color: #ffe8d6;
}

.home-order-card--own.home-order-card--status-1::before {
    background: linear-gradient(90deg, #ffc799 0%, #ff9000 100%);
}

.ubuy-order-card__watermark {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 150px;
    color: rgba(255, 80, 0, 0.06);
    line-height: 1;
    pointer-events: none;
    font-family: 'times new roman', sans-serif;
}

.ubuy-order-card__header,
.home-order-card__header {
    margin-top: 0;
    width: 100%;
    font-size: 0.8rem;
    color: #333;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.ubuy-order-card__body {
    position: relative;
    z-index: 1;
}

.home-order-card__platform-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.home-order-card__platform {
    flex: 0 1 auto;
    min-width: 0;
    text-align: left;
}

.home-order-card__platform-icon {
    display: block;
    width: auto;
    height: auto;
    max-height: 42px;
    max-width: min(65%, 200px);
    object-fit: contain;
}

.home-order-card__network {
    flex: 0 0 auto;
    margin-left: auto;
    text-align: right;
    font-size: 1.05rem;
    font-weight: 800;
    color: #ff5000;
    white-space: nowrap;
}

.home-order-card__platform-row + .home-order-card__premium {
    margin-top: 0;
}

.ubuy-order-card__premium,
.home-order-card__premium,
.ubuy-order-card .premium-info {
    margin-top: 8px;
    padding: 8px;
    background: #fff7f0;
    border: 1px solid #ffece0;
    border-radius: 8px;
    font-size: 0.8rem;
    position: relative;
    z-index: 1;
    color: #666;
}

.ubuy-order-card__fee-row,
.home-order-card__fee-row {
    margin-top: 4px;
    text-align: right;
    font-weight: 700;
    color: #ff5000;
}

.ubuy-order-card__amounts,
.home-order-card__amounts {
    margin-top: 4px;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
    color: #666;
}

.ubuy-order-card__amount-label,
.home-order-card__amount-label {
    font-size: 0.8rem;
}

.ubuy-order-card__amount-label--spaced,
.home-order-card__amount-label--spaced {
    display: inline-block;
    margin-top: 6px;
}

.ubuy-order-card__amount-line,
.home-order-card__amount-line {
    display: block;
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

.ubuy-order-card__amount-line--spaced,
.home-order-card__amount-line--spaced {
    margin-top: 6px;
}

.ubuy-order-card__amount-value,
.home-order-card__amount-value,
.ubuy-order-card .ubuy-price {
    font-size: 1rem;
    font-weight: 700;
    color: #ff5000;
}

.ubuy-order-card__meta,
.home-order-card__meta {
    margin-top: 6px;
    font-size: 0.8rem;
    color: #666;
    position: relative;
    z-index: 1;
}

.ubuy-order-card__meta--soft,
.home-order-card__meta--soft {
    color: #999;
}

.ubuy-order-card__meta-strong,
.home-order-card__meta-strong {
    font-weight: 700;
    color: #333;
}

.ubuy-order-card__time,
.home-order-card__time {
    margin-top: 8px;
    font-size: 0.7rem;
    color: #999;
    position: relative;
    z-index: 1;
}

.ubuy-order-card__link,
.ubuy-order-card a.view-payment-qr-link {
    margin-left: 6px;
    color: #ff5000;
    text-decoration: underline;
    font-weight: 700;
}

.ubuy-order-card__notice {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fff7f0;
    border: 1px solid #ffece0;
    font-size: 0.8rem;
    line-height: 1.55;
    color: #666;
    position: relative;
    z-index: 1;
}

.ubuy-order-card__actions {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.ubuy-order-card__action-link,
.ubuy-order-card__action-btn,
.home-order-action {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
    transition: opacity 0.2s, transform 0.15s;
    box-sizing: border-box;
}

.ubuy-order-card__action-link,
.home-order-action--accept,
.ubuy-order-card__action-btn--primary {
    border: none;
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 55%, #ff4400 100%);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(255, 80, 0, 0.35);
    text-decoration: none;
}

.ubuy-order-card__action-link:hover,
.home-order-action--accept:hover,
.ubuy-order-card__action-btn--primary:hover {
    opacity: 0.92;
}

.ubuy-order-card__action-btn--success {
    border: none;
    background: linear-gradient(90deg, #52c41a 0%, #389e0d 100%);
    color: #fff;
    cursor: pointer;
}

.ubuy-order-card__action-btn--danger {
    border: 1px solid #ffccc7;
    background: #fff2f0;
    color: #cf1322;
    cursor: pointer;
}

.home-order-action--muted,
.ubuy-order-card__action-btn--muted {
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

.ubuy-order-card .premium-info.is-positive,
.home-order-card .premium-info.is-positive {
    background: #f6ffed;
    border-color: #b7eb8f;
    color: #389e0d;
}

.ubuy-order-card .premium-info.is-negative,
.home-order-card .premium-info.is-negative {
    background: #fff2f0;
    border-color: #ffccc7;
    color: #cf1322;
}

.ubuy-order-card .premium-info.is-neutral,
.home-order-card .premium-info.is-neutral {
    background: #fff7f0;
    border-color: #ffece0;
    color: #666;
}

/* ---------- 状态标签 ---------- */
.order-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    min-width: 72px;
    height: 24px;
    line-height: 1;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
    padding: 0 8px;
    border: none;
}

.order-status-badge--0 { background: #f5f5f5; color: #666; }
.order-status-badge--1 { background: #fff7e6; color: #ff5000; }
.order-status-badge--2 { background: #fff2e8; color: #ff5000; }
.order-status-badge--3 { background: #fffbe6; color: #fa8c16; }
.order-status-badge--4 { background: #fff1f0; color: #ff0036; }
.order-status-badge--5 { background: #f5f5f5; color: #999; }
.order-status-badge--6 { background: #f0f0f0; color: #888; }
.order-status-badge--7 { background: #fafafa; color: #bbb; }
.order-status-badge--8 { background: #fff7e6; color: #ff9000; }
.order-status-badge--unknown { background: #f5f5f5; color: #999; }

/* ---------- 订单筛选 Tab ---------- */
.order-tabs {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.order-tab {
    padding: 6px 12px;
    border: none;
    border-radius: 999px;
    font-size: 0.82rem;
    cursor: pointer;
    background: var(--primary-muted, rgba(255, 80, 0, 0.1));
    color: var(--primary, #ff5000);
    transition: background 0.2s, color 0.2s;
}

.order-tab.is-active {
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
    color: #fff;
}

.order-tab[data-filter="published"].is-active {
    background: linear-gradient(90deg, #ffb800 0%, #ff9500 100%);
}

.order-tab[data-filter="accepted"].is-active {
    background: linear-gradient(90deg, #ff7722 0%, #ff5000 100%);
}

/* ---------- 按钮增强 ---------- */
.btn-login {
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 55%, #ff4400 100%);
    border: none;
}

.btn-login:hover {
    opacity: 0.92;
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 55%, #ff4400 100%);
}

.ubuy-modal-btn-primary {
    padding: 8px 16px;
    border-radius: 20px;
    border: none;
    background: linear-gradient(90deg, #ff9000 0%, #ff5000 100%);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
}

.ubuy-modal-btn-cancel {
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #666;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.ubuy-info-banner {
    margin-top: 10px;
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-top: 4px solid #ff5000;
    color: #333;
    font-size: 0.88rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.admin-review-btn--paid {
    flex: 1 1 120px;
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    background: linear-gradient(90deg, #52c41a 0%, #389e0d 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
}

.admin-review-btn--unpaid {
    flex: 1 1 120px;
    padding: 8px 12px;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
    color: #666;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
}

.ubuy-order-card__actions .ubuy-order-card__action-btn {
    flex: 1;
    width: auto;
}

.admin-review-actions {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    z-index: 2;
}

.admin-review-actions .admin-review-btn--paid,
.admin-review-actions .admin-review-mark-paid {
    flex: 1 1 120px;
}

.admin-review-actions .admin-review-btn--unpaid,
.admin-review-actions .admin-review-mark-unpaid {
    flex: 1 1 120px;
}

.home-orders-spinner-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 80, 0, 0.2);
    border-top-color: #ff5000;
    border-radius: 50%;
    animation: ubuy-spin 0.75s linear infinite;
}

@keyframes ubuy-spin {
    to { transform: rotate(360deg); }
}

/* ---------- 深色模式 ---------- */
[data-theme="dark"] .ubuy-order-card,
[data-theme="dark"] .home-order-card {
    background: #1f1f1f;
    border-color: #333;
    color: #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .home-order-card--own.home-order-card--status-1,
[data-theme="dark"] .ubuy-order-card--own.ubuy-order-card--status-1 {
    background: #2a2218;
    border-color: #4a3520;
}

[data-theme="dark"] .ubuy-order-card__premium,
[data-theme="dark"] .home-order-card__premium,
[data-theme="dark"] .ubuy-order-card .premium-info {
    background: #2a2218;
    border-color: #4a3520;
    color: #bbb;
}

[data-theme="dark"] .ubuy-order-card__meta-strong,
[data-theme="dark"] .home-order-card__meta-strong,
[data-theme="dark"] .ubuy-order-card__header {
    color: #e8e8e8;
}

[data-theme="dark"] .home-order-card__network {
    color: #ff7722;
}

[data-theme="dark"] .ubuy-order-card__meta,
[data-theme="dark"] .home-order-card__meta,
[data-theme="dark"] .ubuy-order-card__amounts,
[data-theme="dark"] .home-order-card__amounts {
    color: #aaa;
}

[data-theme="dark"] .ubuy-order-card__notice {
    background: #2a2218;
    border-color: #4a3520;
    color: #bbb;
}

[data-theme="dark"] .home-order-action--muted,
[data-theme="dark"] .ubuy-order-card__action-btn--muted {
    background: #2a2a2a;
    border-color: #444;
    color: #888;
}

[data-theme="dark"] .ubuy-info-banner {
    background: #1f1f1f;
    border-color: #333;
    color: #e8e8e8;
}