/* Shared storefront theme control and item feature highlights. */
.storefront-theme-toggle {
    display: inline-grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    margin-left: 10px;
    border: 1px solid rgba(96, 112, 145, .24);
    border-radius: 8px;
    color: #526079;
    background: rgba(255, 255, 255, .72);
    box-shadow: none;
    cursor: pointer;
}

.storefront-theme-toggle:hover,
.storefront-theme-toggle:focus-visible {
    border-color: #2798c5;
    color: #087ca9;
    outline: 0;
}

.storefront-theme-toggle i {
    font-size: 17px;
}

html[data-storefront-theme="dark"] .storefront-theme-toggle {
    border-color: var(--game-line-bright, rgba(78, 226, 255, .38));
    color: var(--game-cyan, #4ee2ff);
    background: rgba(255, 255, 255, .045);
}

.gf-guide-facts > .gf-guide-feature {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.gf-guide-feature > .gf-guide-feature__icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--game-line-bright, rgba(79, 70, 229, .2));
    border-radius: 9px;
    color: var(--game-cyan, var(--gf-guide-primary));
    background: var(--gf-guide-primary-soft);
    font-size: 15px;
}

.gf-guide-feature__copy {
    min-width: 0;
}

.gf-guide-feature__copy strong,
.gf-guide-feature__copy span {
    display: block;
}

.gf-guide-feature__copy span {
    margin-top: 3px;
    line-height: 1.5;
}

.game-product-page .game-guide-content,
.game-product-page .gf-product-guide {
    font-size: 15px;
    line-height: 1.8;
}

.game-product-page .gf-guide-hero h3 {
    font-size: 23px;
}

.game-product-page .gf-guide-section h4 {
    font-size: 17px;
}

.game-product-page .gf-guide-facts strong {
    font-size: 15px;
}

.game-product-page .gf-guide-facts span {
    font-size: 14px;
    line-height: 1.65;
}

.game-product-page :is(.gf-guide-alert, .gf-guide-note) {
    font-size: 15px;
    line-height: 1.75;
}

html[data-storefront-theme="light"] body:has(.game-page-shell) {
    --game-bg: #f2f5f9;
    --game-surface: #ffffff;
    --game-surface-2: #f6f8fb;
    --game-line: rgba(43, 57, 79, .14);
    --game-line-bright: rgba(15, 126, 171, .38);
    --game-cyan: #087fae;
    --game-violet: #6657c9;
    --game-lime: #167a55;
    --game-text: #172033;
    --game-muted: #5f6d82;
    background-color: var(--game-bg) !important;
    background-image:
        linear-gradient(rgba(29, 93, 122, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 93, 122, .035) 1px, transparent 1px),
        linear-gradient(180deg, #f8fafc 0%, #eef3f7 100%) !important;
    background-size: 42px 42px, 42px 42px, auto !important;
}

html[data-storefront-theme="light"] body:has(.game-page-shell) .navbar-acg {
    border-bottom-color: rgba(43, 57, 79, .13);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 30px rgba(29, 43, 65, .09);
}

html[data-storefront-theme="light"] body:has(.game-page-shell) .search-input .input-group {
    background: #f5f7fa;
}

html[data-storefront-theme="light"] .steam-storefront,
html[data-storefront-theme="light"] .steam-product-page {
    --game-cyan: #1676a7;
    --game-violet: #376f9b;
    --game-lime: #5e7f00;
    --game-surface: #ffffff;
    --game-line: rgba(31, 69, 97, .15);
    --game-line-bright: rgba(22, 118, 167, .4);
}

html[data-storefront-theme="light"] :is(.game-hero, .game-catalog, .game-guide-panel, .game-purchase-shell, .game-query-hero, .game-query-panel) {
    border-color: var(--game-line);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 48px rgba(29, 43, 65, .1);
}

html[data-storefront-theme="light"] .steam-storefront .game-hero,
html[data-storefront-theme="light"] .game-query-hero {
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-hero__features span,
html[data-storefront-theme="light"] .game-status-row > span,
html[data-storefront-theme="light"] .game-status-row .shared-button,
html[data-storefront-theme="light"] .gf-guide-facts > div {
    color: var(--game-text);
    background: #f5f8fa;
}

html[data-storefront-theme="light"] .game-query-link {
    color: var(--game-text);
    background: #edf7fa;
}

html[data-storefront-theme="light"] .game-query-link:hover {
    color: #0d5f80;
}

html[data-storefront-theme="light"] .game-product-card {
    color: var(--game-text);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(29, 43, 65, .07);
}

html[data-storefront-theme="light"] .steam-storefront .game-product-card {
    background: #ffffff;
}

html[data-storefront-theme="light"] :is(.game-product-card__price, .game-checkout__price .price) {
    color: #152238;
}

html[data-storefront-theme="light"] .game-product-visual,
html[data-storefront-theme="light"] .game-product-visual__media {
    background: #e9eef4;
}

html[data-storefront-theme="light"] .game-product-visual__backdrop {
    opacity: .14;
}

html[data-storefront-theme="light"] .game-product-visual__shade {
    background: rgba(255, 255, 255, .08);
}

html[data-storefront-theme="light"] .game-product-visual__content,
html[data-storefront-theme="light"] .steam-product-page .game-product-visual__content {
    background: #f8fafc;
}

html[data-storefront-theme="light"] .game-product-visual__content h1,
html[data-storefront-theme="light"] .game-product-visual__content p,
html[data-storefront-theme="light"] .game-checkout-form .form-label,
html[data-storefront-theme="light"] .game-checkout-form.vstack label,
html[data-storefront-theme="light"] .game-guide-content,
html[data-storefront-theme="light"] .game-product-page .gf-product-guide,
html[data-storefront-theme="light"] .game-product-page .gf-guide-section,
html[data-storefront-theme="light"] .game-product-page .gf-guide-alert,
html[data-storefront-theme="light"] .game-product-page .gf-guide-note {
    color: var(--game-text);
}

html[data-storefront-theme="light"] .game-checkout-form .form-control,
html[data-storefront-theme="light"] .game-checkout-form.vstack .form-control,
html[data-storefront-theme="light"] .game-checkout-form .input-group.qty-group,
html[data-storefront-theme="light"] .game-checkout-form .pay-list .pay {
    color: var(--game-text);
    background: #f7f9fb;
}

html[data-storefront-theme="light"] .game-checkout-form .input-group.qty-group > button {
    background: #e7edf3;
}

html[data-storefront-theme="light"] .game-checkout-form .cash-pay {
    background: #edf7fa;
}

html[data-storefront-theme="light"] .game-product-page .gf-guide-hero,
html[data-storefront-theme="light"] .game-product-page .gf-guide-section,
html[data-storefront-theme="light"] .game-product-page .gf-guide-note {
    background: #f7f9fb;
}

html[data-storefront-theme="light"] .game-product-page .gf-guide-alert {
    border-color: #e8c48d;
    border-left-color: #b97313;
    color: #70430f;
    background: #fff8eb;
}

html[data-storefront-theme="light"] .game-product-page .gf-guide-alert strong {
    color: #8a4d00;
}

html[data-storefront-theme="light"] .game-query-hero__facts span,
html[data-storefront-theme="light"] .game-query-page .order-item {
    color: var(--game-text);
}

html[data-storefront-theme="light"] .game-query-page .game-query-input .form-control,
html[data-storefront-theme="light"] .game-query-page .order-item,
html[data-storefront-theme="light"] .game-query-page :is(.card-content, .card-content-no-password, .card-display-content, .card-text) {
    color: var(--game-text);
    background: #f7f9fb;
}

html[data-storefront-theme="light"] .game-query-page .game-query-input .form-control:focus,
html[data-storefront-theme="light"] .game-query-page .order-item:hover {
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-delivery-guide,
html[data-storefront-theme="light"] .game-delivery-guide--steam {
    color: var(--game-text);
    background: #f6f9fc;
}

html[data-storefront-theme="light"] .game-delivery-guide__section,
html[data-storefront-theme="light"] .game-delivery-guide__rules p {
    border-color: var(--game-line);
    color: var(--game-muted);
    background: #ffffff;
}

html[data-storefront-theme="light"] :is(.game-delivery-guide__head h3, .game-delivery-guide__section h4, .game-delivery-guide__steps strong, .game-delivery-guide__rules strong) {
    color: var(--game-text);
}

html[data-storefront-theme="light"] :is(.game-delivery-guide__head p, .game-delivery-guide__steps small, .game-delivery-guide__links a > small, .game-delivery-guide__resource-copy small) {
    color: var(--game-muted);
}

html[data-storefront-theme="light"] .game-delivery-guide__links a,
html[data-storefront-theme="light"] .game-delivery-guide__resource-link {
    color: #174c72;
    background: #edf4fa;
}

html[data-storefront-theme="light"] .game-delivery-guide__community a {
    color: #69410c;
    background: #fff5df;
}

html[data-storefront-theme="light"] .game-delivery-guide__community-copy small {
    color: #896b36;
}

html[data-storefront-theme="light"] .game-card-secret,
html[data-storefront-theme="light"] .game-treasure-secret,
html[data-storefront-theme="light"] .game-treasure-secret__value {
    color: var(--game-text, #172033);
    background: #f7f9fb;
}

html[data-storefront-theme="light"] .game-card-secret__head,
html[data-storefront-theme="light"] .game-card-secret__value {
    color: var(--game-text, #172033);
}

html[data-storefront-theme="light"] .game-image-preview-layer {
    box-shadow: 0 26px 70px rgba(29, 43, 65, .28) !important;
}

html[data-storefront-theme="light"] .game-image-preview {
    border-color: rgba(15, 126, 171, .28);
    color: #172033;
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-image-preview__stage {
    background:
        linear-gradient(rgba(29, 93, 122, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 93, 122, .045) 1px, transparent 1px),
        #f2f6f9;
    background-size: 30px 30px;
}

html[data-storefront-theme="light"] .game-image-preview__bar {
    border-top-color: rgba(43, 57, 79, .12);
    color: #415069;
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-image-preview__bar a {
    color: #087fae;
}

html[data-storefront-theme="light"] .game-query-page .goods-section {
    border-color: var(--game-line);
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-query-page .goods-image {
    border-color: rgba(15, 126, 171, .28);
    background: #eef3f7;
}

html[data-storefront-theme="light"] .game-query-page :is(.order-no, .goods-name, .card-title, .password-label, .order-time, .payment-time, .payment-dst) {
    color: var(--game-text);
    text-shadow: none;
}

html[data-storefront-theme="light"] .game-query-page :is(.amount-label, .load-more-end span, .load-more-loading span) {
    color: var(--game-muted);
    text-shadow: none;
}

html[data-storefront-theme="light"] .game-query-page :is(.card-item, .card-value, .card-password-input, .card-display-content) {
    border-color: var(--game-line);
    color: var(--game-text);
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-query-page :is(.card-item:hover, .card-value:hover, .card-text:hover) {
    border-color: var(--game-line-bright);
    background: #f1f7fa;
}

html[data-storefront-theme="light"] .game-delivery-support {
    border-color: rgba(15, 126, 171, .2);
    color: #315069;
    background: #edf7fa;
}

html[data-storefront-theme="light"] .game-delivery-guide__eyebrow,
html[data-storefront-theme="light"] .game-delivery-guide--steam .game-delivery-guide__eyebrow {
    color: #086f9a;
}

html[data-storefront-theme="light"] .game-delivery-guide__steps li > span,
html[data-storefront-theme="light"] .game-delivery-guide--steam .game-delivery-guide__steps li > span {
    border-color: rgba(22, 118, 167, .28);
    color: #0d6f99;
    background: #eaf4f8;
}

html[data-storefront-theme="light"] .game-delivery-guide__links a:hover,
html[data-storefront-theme="light"] .game-delivery-guide__resource-link:hover {
    border-color: rgba(22, 118, 167, .48);
    color: #0d5273;
    background: #e2f0f6;
}

html[data-storefront-theme="light"] .game-delivery-guide__links a:hover > small,
html[data-storefront-theme="light"] .game-delivery-guide__resource-link:hover small {
    color: #516a7d;
}

html[data-storefront-theme="light"] .game-delivery-guide__resource-icon {
    border-color: rgba(22, 118, 167, .25);
    color: #176f99;
    background: #e6f1f7;
}

html[data-storefront-theme="light"] .game-delivery-guide__resource-link > i {
    color: #176f99;
}

html[data-storefront-theme="light"] .game-delivery-guide__rules .game-delivery-guide__important {
    border-color: #eccb91;
    color: #70430f;
    background: #fff8e8;
}

html[data-storefront-theme="light"] .game-delivery-guide__rules .game-delivery-guide__important strong,
html[data-storefront-theme="light"] .game-delivery-guide__rules .game-delivery-guide__important > i {
    color: #8a4d00;
}

html[data-storefront-theme="light"] .game-delivery-guide__community a:hover {
    border-color: #dfa74a;
    color: #5f3807;
    background: #ffedc9;
}

html[data-storefront-theme="light"] .game-delivery-guide__community a:hover small {
    color: #7a5b25;
}

html[data-storefront-theme="light"] .game-card-secret {
    border-color: rgba(15, 126, 171, .28);
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-card-secret__head {
    border-bottom-color: var(--game-line, rgba(43, 57, 79, .14));
    background: #edf7fa;
}

html[data-storefront-theme="light"] .game-treasure-secret {
    background: #ffffff;
}

html[data-storefront-theme="light"] .game-treasure-secret__value {
    border-color: rgba(15, 126, 171, .28);
    background: #f5f8fa;
}

html[data-storefront-theme="light"] .layui-layer:has(.game-treasure-secret) {
    background: #ffffff;
}

html[data-storefront-theme="light"] .layui-layer:has(.game-treasure-secret) .layui-layer-title {
    border-bottom-color: rgba(43, 57, 79, .12);
    color: #172033;
    background: #f5f8fa;
}

html[data-storefront-theme="light"] .game-copy-secret {
    border-color: #087fae;
    color: #ffffff;
    background: #087fae;
}

html[data-storefront-theme="light"] .game-copy-secret:hover,
html[data-storefront-theme="light"] .game-copy-secret:focus-visible {
    border-color: #065f83;
    color: #ffffff;
    background: #065f83;
}

html[data-storefront-theme="light"] .game-copy-secret.is-copied {
    border-color: #167a55;
    color: #ffffff;
    background: #167a55;
}

@media (min-width: 992px) {
    .navbar-acg .navbar-brand {
        order: 1;
    }

    .navbar-acg .navbar-collapse {
        order: 2;
    }

    .navbar-acg .storefront-theme-toggle {
        order: 3;
    }

    .navbar-acg .user-info-box {
        order: 4;
    }
}

@media (max-width: 991.98px) {
    .navbar-acg .storefront-theme-toggle {
        margin-right: 8px;
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .storefront-theme-toggle {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .gf-guide-facts > .gf-guide-feature {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 12px;
    }

    .gf-guide-feature > .gf-guide-feature__icon {
        width: 36px;
        height: 36px;
    }

    .game-product-page .game-guide-content,
    .game-product-page .gf-product-guide {
        font-size: 15px;
        line-height: 1.75;
    }

    .game-product-page .gf-guide-hero h3 {
        font-size: 20px;
    }

    .game-product-page .gf-guide-section h4 {
        font-size: 16px;
    }
}