:root {
    --wk-bg: #06111e;
    --wk-bg-deep: #030a13;
    --wk-surface: rgba(8, 21, 36, 0.82);
    --wk-border: rgba(94, 222, 255, 0.16);
    --wk-primary: #39d7ff;
    --wk-secondary: #3b63ff;
    --wk-accent: #8ef5ff;
    --wk-text: #edf9ff;
    --wk-text-muted: #8faec7;
    --wk-success: #63f6c3;
    --wk-danger: #8fe9ff;
}

body.weclawai-tech-body {
    background:
        radial-gradient(circle at 18% 18%, rgba(57, 215, 255, 0.16), transparent 28%),
        radial-gradient(circle at 84% 78%, rgba(59, 99, 255, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(6, 17, 30, 0.96), rgba(3, 10, 19, 0.98)) !important;
    color: var(--wk-text);
    position: relative;
}

body.weclawai-tech-body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url('/assets/user/images/weclawai-tech-grid.svg') center/cover no-repeat;
    opacity: 0.78;
    pointer-events: none;
    z-index: -2;
}

body.weclawai-tech-body::after {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(61, 182, 255, 0.08), transparent 38%, transparent 62%, rgba(59, 99, 255, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: -1;
}

body.weclawai-tech-body .navbar-acg {
    background: rgba(4, 14, 24, 0.82) !important;
    border-bottom: 1px solid var(--wk-border) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28), inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
}

body.weclawai-tech-body .navbar-acg .nav-link {
    color: var(--wk-text-muted) !important;
}

body.weclawai-tech-body .navbar-acg .nav-link.active,
body.weclawai-tech-body .navbar-acg .nav-link:hover {
    color: var(--wk-accent) !important;
}

.weclawai-brand-text {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.05;
}

.weclawai-brand-kicker {
    color: rgba(142, 245, 255, 0.74);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.weclawai-brand-title {
    color: #f3fbff;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

body.weclawai-tech-body .brand-logo {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    box-shadow:
        0 0 0 1px rgba(94, 222, 255, 0.26),
        0 10px 24px rgba(57, 99, 255, 0.26),
        0 0 20px rgba(57, 215, 255, 0.2);
}

body.weclawai-tech-body .search-input .input-group-text,
body.weclawai-tech-body .search-input .form-control,
body.weclawai-tech-body .qty-group,
body.weclawai-tech-body .order-query-form .form-control,
body.weclawai-tech-body .card-password-input,
body.weclawai-tech-body .vstack .form-control,
body.weclawai-tech-body .form-floating > .form-control,
body.weclawai-tech-body .form-floating > .form-control-plaintext {
    background: rgba(5, 16, 28, 0.9) !important;
    border-color: rgba(94, 222, 255, 0.16) !important;
    color: var(--wk-text) !important;
}

body.weclawai-tech-body .panel,
body.weclawai-tech-body .auth-card,
body.weclawai-tech-body .cash-pay,
body.weclawai-tech-body .order-item,
body.weclawai-tech-body .goods-section,
body.weclawai-tech-body .card-content,
body.weclawai-tech-body .card-content-no-password,
body.weclawai-tech-body .card-display-content,
body.weclawai-tech-body .load-more-loading,
body.weclawai-tech-body .load-more-end {
    background: linear-gradient(180deg, rgba(8, 22, 36, 0.88), rgba(5, 15, 26, 0.96)) !important;
    border: 1px solid var(--wk-border) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body.weclawai-tech-body .panel-header {
    margin-bottom: 0 !important;
    padding: 18px 20px !important;
    background: linear-gradient(90deg, rgba(13, 41, 69, 0.74), rgba(7, 22, 37, 0.22));
    border-bottom: 1px solid rgba(94, 222, 255, 0.08);
    box-shadow: none !important;
}

body.weclawai-tech-body .panel-header .icon,
body.weclawai-tech-body .cash-pay .form-label,
body.weclawai-tech-body .payment-name,
body.weclawai-tech-body .text-link {
    color: var(--wk-accent) !important;
}

body.weclawai-tech-body .panel-title,
body.weclawai-tech-body .panel-body,
body.weclawai-tech-body .goods-title,
body.weclawai-tech-body .order-no,
body.weclawai-tech-body .goods-name,
body.weclawai-tech-body .card-title {
    color: var(--wk-text) !important;
}

body.weclawai-tech-body .panel-body,
body.weclawai-tech-body .meta,
body.weclawai-tech-body .stat-bottom,
body.weclawai-tech-body .muted,
body.weclawai-tech-body .item-message,
body.weclawai-tech-body .amount-label,
body.weclawai-tech-body .order-time,
body.weclawai-tech-body .payment-dst,
body.weclawai-tech-body .payment-time,
body.weclawai-tech-body .order-query-form .form-label,
body.weclawai-tech-body .card-loading,
body.weclawai-tech-body .form-floating > label,
body.weclawai-tech-body .vstack label,
body.weclawai-tech-body .form-check label,
body.weclawai-tech-body .divider,
body.weclawai-tech-body .auth-subtitle {
    color: var(--wk-text-muted) !important;
}

body.weclawai-tech-body .chip,
body.weclawai-tech-body .pay-list .pay,
body.weclawai-tech-body .optional-card,
body.weclawai-tech-body .sku {
    background: rgba(9, 28, 46, 0.9) !important;
    color: var(--wk-text-muted) !important;
    border: 1px solid rgba(94, 222, 255, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

body.weclawai-tech-body .chip.is-primary,
body.weclawai-tech-body .pay-list .pay.active,
body.weclawai-tech-body .pay-list .pay.is-primary,
body.weclawai-tech-body .pay-list .pay.selected,
body.weclawai-tech-body .optional-card.is-primary,
body.weclawai-tech-body .sku.is-primary,
body.weclawai-tech-body .btn-primary,
body.weclawai-tech-body .btn-gradient,
body.weclawai-tech-body .copy-all-btn,
body.weclawai-tech-body .view-card-btn,
body.weclawai-tech-body .order-query-form .btn-primary {
    background-image: linear-gradient(135deg, rgba(59, 99, 255, 0.96), rgba(57, 215, 255, 0.96)) !important;
    border: 0 !important;
    color: #fff !important;
}

body.weclawai-tech-body .acg-card {
    background: linear-gradient(180deg, rgba(8, 22, 36, 0.94), rgba(5, 15, 26, 0.98)) !important;
    border: 1px solid rgba(94, 222, 255, 0.1) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28) !important;
}

body.weclawai-tech-body .acg-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(57, 215, 255, 0.04), rgba(3, 10, 19, 0.24)),
        linear-gradient(135deg, transparent 12%, rgba(57, 215, 255, 0.08) 52%, transparent 82%);
}

body.weclawai-tech-body .price,
body.weclawai-tech-body .amount-value,
body.weclawai-tech-body .goods-price {
    color: var(--wk-danger) !important;
    text-shadow: 0 0 18px rgba(57, 215, 255, 0.18);
}

body.weclawai-tech-body .badge-soft-primary {
    background: rgba(59, 99, 255, 0.16) !important;
    color: #93a8ff !important;
    border-color: rgba(59, 99, 255, 0.28) !important;
}

body.weclawai-tech-body .badge-soft-success {
    background: rgba(99, 246, 195, 0.13) !important;
    color: var(--wk-success) !important;
    border-color: rgba(99, 246, 195, 0.26) !important;
}

body.weclawai-tech-body .badge-soft-info {
    background: rgba(57, 215, 255, 0.15) !important;
    color: var(--wk-accent) !important;
    border-color: rgba(57, 215, 255, 0.24) !important;
}

body.weclawai-tech-body .auth-wrapper {
    background: transparent !important;
}

body.weclawai-tech-body .brand-lockup {
    width: 244px;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 18px 30px rgba(57, 99, 255, 0.18));
}

body.weclawai-tech-body .image-code {
    border: 1px solid rgba(94, 222, 255, 0.24) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
    opacity: 0.96 !important;
}

body.weclawai-tech-user .bg-content {
    background: linear-gradient(180deg, rgba(5, 14, 24, 0.72), rgba(4, 12, 22, 0.9)) !important;
}

body.weclawai-tech-user .fly-header {
    background: rgba(5, 16, 28, 0.9) !important;
    border-bottom: 1px solid var(--wk-border) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24) !important;
}

body.weclawai-tech-user .fly-logo {
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
}

body.weclawai-tech-user .user-logo img {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    box-shadow:
        0 0 0 1px rgba(94, 222, 255, 0.24),
        0 12px 24px rgba(57, 99, 255, 0.22);
}

body.weclawai-tech-user .user-logo-title {
    color: var(--wk-text) !important;
    font-size: 1rem !important;
    font-weight: 800;
    letter-spacing: 0.08em;
}