/* Jiguangku Enhance: pages */
body.page-id-55,
body.page-id-59,
body.page-id-113 {
    --jgk-vip-brand: var(--jgk-brand);
    --jgk-vip-brand-soft: var(--jgk-brand-soft);
    --jgk-vip-brand-line: var(--jgk-brand-line);
    --jgk-vip-card-shadow: 0 10px 28px rgba(28, 34, 70, 0.08);
}

body.dark-theme.page-id-55,
body.dark-theme.page-id-59,
body.dark-theme.page-id-113 {
    --jgk-vip-brand: var(--jgk-brand-night);
    --jgk-vip-brand-soft: var(--jgk-brand-night-soft);
    --jgk-vip-brand-line: var(--jgk-brand-night-line);
    --jgk-vip-card-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

body.page-id-113 .jgk-page-hero {
    text-align: center;
    margin: 0 0 24px;
}

body.page-id-113 .jgk-page-hero h1 {
    color: var(--key-color);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 14px;
}

body.page-id-113 .jgk-page-hero p {
    color: var(--muted-color);
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 18px;
}

body.page-id-55 .fluid-widget > .widget-text-title,
body.page-id-113 .fluid-widget > .widget-text-title,
body.page-id-59 .fluid-widget > .widget-text-title {
    margin-bottom: 24px;
}

body.page-id-55 .fluid-widget > .widget-text-title .text-title-inner,
body.page-id-113 .fluid-widget > .widget-text-title .text-title-inner,
body.page-id-59 .fluid-widget > .widget-text-title .text-title-inner {
    color: var(--key-color) !important;
}

.page-content-not.page-id-55 .zib-combo-info-card,
.page-content-not.page-id-59 .zib-combo-info-card {
    --zci-radius: 10px;
}

.page-content-not.page-id-55 .zib-combo-info-card .zci-card,
.page-content-not.page-id-59 .zib-combo-info-card .zci-card {
    border: 1px solid var(--jgk-vip-brand-line);
    box-shadow: var(--jgk-vip-card-shadow);
    min-height: 168px;
}

.page-content-not.page-id-55 .zib-combo-info-card .zci-card:hover,
.page-content-not.page-id-59 .zib-combo-info-card .zci-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(28, 34, 70, 0.12);
}

.page-content-not.page-id-55 .zib-combo-info-card.zci-has-band .zci-card::before,
.page-content-not.page-id-59 .zib-combo-info-card.zci-has-band .zci-card::before {
    height: calc(var(--zci-band-h) * 1.1);
    background: linear-gradient(170deg, var(--jgk-vip-brand-soft), rgba(var(--jgk-brand-rgb), 0.06) 42%, transparent 68%) !important;
}

.page-content-not.page-id-55 .zci-tags > .badg,
.page-content-not.page-id-59 .zci-tags > .badg {
    border-color: color-mix(in srgb, currentColor 58%, transparent);
    background: color-mix(in srgb, currentColor 14%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 0 rgba(255, 255, 255, 0.04);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

@media (hover: hover) {
    .page-content-not.page-id-55 .zci-tags > .badg:hover,
    .page-content-not.page-id-59 .zci-tags > .badg:hover {
        background: color-mix(in srgb, currentColor 18%, transparent);
        border-color: color-mix(in srgb, currentColor 70%, transparent);
    }
}

.page-content-not.page-id-55 .zib-combo-info-card .zci-cta,
.page-content-not.page-id-59 .zib-combo-info-card .zci-cta {
    color: var(--jgk-vip-brand) !important;
}

body.page-id-55 .widget-buttons .but,
body.page-id-59 .widget-text-title .text-desc-inner .but {
    border-radius: 8px;
    box-shadow: none;
}

body.page-id-55 .widget-buttons .but.c-blue,
body.page-id-59 .widget-text-title .text-desc-inner .pay-vip.but {
    background: var(--jgk-vip-brand) !important;
    border-color: var(--jgk-vip-brand) !important;
    color: #fff !important;
}

body.page-id-55 .widget-buttons .but:not(.c-blue),
body.page-id-59 .widget-text-title .text-desc-inner .but.hollow {
    background: transparent !important;
    border: 1px solid var(--jgk-vip-brand-line) !important;
    color: var(--key-color) !important;
}

@media (max-width: 767px) {
    body.page-id-55 .widget-buttons-wrap,
    body.page-id-59 .widget-text-title .text-desc-inner .mt10:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    body.page-id-113 .jgk-page-hero {
        margin-bottom: 20px;
    }

    body.page-id-113 .jgk-page-hero h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    body.page-id-113 .jgk-page-hero p {
        font-size: 14px;
        margin-bottom: 14px;
    }

    body.page-id-59 .widget-text-title .text-desc-inner .but.hollow {
        margin-left: 0 !important;
    }

    .page-content-not.page-id-55 .zib-combo-info-card > .col-xs-12 + .col-xs-12,
    .page-content-not.page-id-59 .zib-combo-info-card > .col-xs-12 + .col-xs-12 {
        margin-top: 16px;
    }

    .page-content-not.page-id-55 .widget-text-title + .mb20,
    .page-content-not.page-id-59 .widget-text-title + .mb20 {
        margin-top: 8px;
    }
}
