@charset "UTF-8";



/* Unified frontend CSS entry. Page/module heads should load this file only. */

@import url("/Style/css/modules/leaving.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/modules/little.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/modules/about.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/animate.min.css");

@import url("/Botui/botui.min.css");

@import url("/Botui/botui-theme-default.css");

@import url("/Style/Font/font_list/iconfont.css");

@import url("/Style/vendor/fontawesome/css/all.min.css");

@import url("/Style/css/modules/loveImg.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/modules/list.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/toastr/toastr.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/loadinglike.css?LikeGirl=20260429-subpage-keep-hero");
@import url("/Style/css/nprogress.css?LikeGirl=20260520-v4");
@import url("/Style/css/index-glass.css?LikeGirl=color-narrow-20260530");

/* x-love nav size sync with loveli.kikiw.cn desktop island - 2026-05-28 */
@media (min-width: 769px) {
    .x-love-nav-wrapper {
        width: 100%;
        height: 58px;
        min-height: 58px;
        margin: 0 auto 26px;
    }

    .x-love-nav {
        padding: 8px;
        gap: 0;
        border-radius: 60px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.02);
    }

    .x-love-nav-indicator {
        top: 50%;
        height: 42px;
        transform: translateY(-50%);
        background: #f87171;
        box-shadow: none;
    }

    .x-love-nav-indicator::before {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: inherit;
        filter: blur(0.5rem);
        opacity: 0.5;
    }

    .x-love-nav-item {
        min-width: 100px;
        height: 42px;
        padding: 0 20px;
        border-radius: 32px;
        font-size: 14px;
        font-weight: 500;
        color: #6f6f6f;
    }

    .x-love-nav-item.active {
        color: #fff;
        font-weight: 600;
    }

    .x-love-nav-home {
        min-width: 80px;
        width: 80px;
        height: 42px;
        margin: 0 4px;
        padding: 0;
        border-radius: 32px;
    }

    .x-love-nav-home.active,
    .x-love-nav-home:hover,
    .x-love-nav-home.active:hover {
        color: #fff;
    }

    .x-love-house-icon {
        width: 18px;
        height: 18px;
    }
}

/* x-love mobile sticky desktop-header mode - 2026-05-28 */
@media (max-width: 768px) {
    body .header-wrap.x-love-topbar,
    body .header-wrap.x-love-topbar.is-merged {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: rgba(245, 245, 245, 0.86) !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.05) !important;
        backdrop-filter: blur(18px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body .header-wrap.x-love-topbar > .header.x-love-topbar-inner,
    body .header-wrap.x-love-topbar.is-merged > .header.x-love-topbar-inner {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        gap: 8px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body .header-wrap.x-love-topbar > .header.x-love-topbar-inner::before,
    body .header-wrap.x-love-topbar > .header.x-love-topbar-inner::after {
        content: none !important;
        display: none !important;
    }

    body .x-love-topbar .lgnewui-header-left-avatar,
    body .x-love-topbar.is-merged .lgnewui-header-left-avatar {
        grid-column: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-self: start !important;
        max-width: 42vw !important;
        min-height: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    body .x-love-topbar .stuck-logo {
        min-height: 34px !important;
        padding: 0 !important;
        gap: 7px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #1e293b !important;
        font-size: 20px !important;
        white-space: nowrap !important;
    }

    body .x-love-topbar .stuck-logo__name {
        max-width: 64px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body .x-love-topbar .stuck-logo__redline-l,
    body .x-love-topbar .stuck-logo__redline-r {
        width: 22px !important;
    }

    body .x-love-topbar .stuck-logo__heart svg {
        width: 18px !important;
        height: 18px !important;
    }

    body .x-love-topbar .x-love-topbar-logo,
    body .x-love-topbar.is-merged .x-love-topbar-logo,
    body .x-love-nav-wrapper,
    body .x-love-nav-wrapper.is-merged,
    body .x-love-topbar .lg-capsule-back,
    body .x-love-topbar .lgnewui-header-divider,
    body .x-love-topbar .lgnewui-couple-avatars-right,
    body .x-love-topbar .lg-header-more-btn {
        display: none !important;
    }

    body .x-love-topbar .lgnewui-header-actions,
    body .x-love-topbar.is-merged .lgnewui-header-actions {
        grid-column: 3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        min-width: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    body .x-love-topbar .lgnewui-header-weather,
    body .x-love-topbar .lgnewui-header-map {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 10px !important;
        gap: 6px !important;
        border-radius: 999px !important;
        color: rgba(32, 32, 32, 0.72) !important;
        background: rgba(255, 255, 255, 0.58) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.56) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    body .x-love-topbar .lgnewui-header-weather-icon-wrap,
    body .x-love-topbar .lgnewui-header-map-icon-wrap,
    body .x-love-topbar .lgnewui-header-weather-loading {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.74) !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text,
    body .x-love-topbar .lgnewui-header-map-text {
        display: inline-block !important;
        min-width: 0 !important;
        max-width: 42px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* x-love mobile sticky header weather loading cleanup - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .lgnewui-header-weather-loading {
        display: none !important;
    }

    body .x-love-topbar .lgnewui-header-weather.is-loading .lgnewui-header-weather-icon-wrap,
    body .x-love-topbar .lgnewui-header-weather.is-loading .lgnewui-header-weather-text {
        display: inline-flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* x-love mobile sticky header site logo - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .lgnewui-header-left-avatar,
    body .x-love-topbar.is-merged .lgnewui-header-left-avatar {
        display: none !important;
    }

    body .x-love-topbar .x-love-topbar-logo,
    body .x-love-topbar.is-merged .x-love-topbar-logo {
        grid-column: 1 !important;
        display: block !important;
        justify-self: start !important;
        text-align: left !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        min-width: 0 !important;
        max-width: 42vw !important;
    }

    body .x-love-topbar .x-love-topbar-logo h1 {
        margin: 0 !important;
        line-height: 1 !important;
        font-size: 0 !important;
    }

    body .x-love-topbar .x-love-topbar-logo .alogo {
        display: inline-flex !important;
        align-items: center !important;
        max-width: 42vw !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #151515 !important;
        font-family: 'Dancing Script', cursive !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }
}

/* x-love mobile header action size match reference - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .lgnewui-header-actions,
    body .x-love-topbar.is-merged .lgnewui-header-actions {
        gap: 7px !important;
    }

    body .x-love-topbar .lgnewui-header-weather,
    body .x-love-topbar .lgnewui-header-map {
        box-sizing: border-box !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 9px !important;
        gap: 6px !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }

    body .x-love-topbar .lgnewui-header-weather {
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
    }

    body .x-love-topbar .lgnewui-header-map {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }

    body .x-love-topbar .lgnewui-header-weather-icon-wrap,
    body .x-love-topbar .lgnewui-header-map-icon-wrap {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        flex: 0 0 24px !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text {
        max-width: 42px !important;
    }

    body .x-love-topbar .lgnewui-header-map-text {
        max-width: 28px !important;
    }
}

/* x-love mobile header action text fit - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .lgnewui-header-weather {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
    }

    body .x-love-topbar .lgnewui-header-map {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text,
    body .x-love-topbar .lgnewui-header-map-text {
        flex: 0 1 auto !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text {
        max-width: 48px !important;
    }

    body .x-love-topbar .lgnewui-header-map-text {
        max-width: 34px !important;
    }
}

/* x-love mobile header action reference colors - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .lgnewui-header-weather,
    body .x-love-topbar .lgnewui-header-map {
        color: #4f5f70 !important;
        background: rgba(226, 231, 222, 0.72) !important;
        box-shadow: none !important;
        border: 0 !important;
        backdrop-filter: blur(12px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
    }

    body .x-love-topbar .lgnewui-header-weather-icon-wrap,
    body .x-love-topbar .lgnewui-header-map-icon-wrap {
        color: #667085 !important;
        background: rgba(255, 255, 255, 0.84) !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    }

    body .x-love-topbar .lgnewui-header-weather-icon,
    body .x-love-topbar .lgnewui-header-map-icon-wrap i {
        color: #667085 !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text,
    body .x-love-topbar .lgnewui-header-map-text {
        color: #4f5f70 !important;
    }
}

/* x-love mobile weather auto width - 2026-05-28 */
@media (max-width: 768px) {
    body .x-love-topbar .x-love-topbar-logo,
    body .x-love-topbar.is-merged .x-love-topbar-logo {
        max-width: 34vw !important;
    }

    body .x-love-topbar .x-love-topbar-logo .alogo {
        max-width: 34vw !important;
    }

    body .x-love-topbar .lgnewui-header-actions,
    body .x-love-topbar.is-merged .lgnewui-header-actions {
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    body .x-love-topbar .lgnewui-header-weather {
        width: auto !important;
        min-width: 96px !important;
        max-width: min(152px, 46vw) !important;
        flex: 0 0 auto !important;
    }

    body .x-love-topbar .lgnewui-header-weather-text {
        max-width: none !important;
        width: auto !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    body .x-love-topbar .lgnewui-header-map {
        flex: 0 0 auto !important;
    }
}

@media (max-width: 390px) {
    body .x-love-topbar .x-love-topbar-logo,
    body .x-love-topbar.is-merged .x-love-topbar-logo,
    body .x-love-topbar .x-love-topbar-logo .alogo {
        max-width: 28vw !important;
    }

    body .x-love-topbar .lgnewui-header-weather {
        max-width: 138px !important;
    }
}

/* x-love mobile header height match reference - 2026-05-28 */
@media (max-width: 768px) {
    body .header-wrap.x-love-topbar,
    body .header-wrap.x-love-topbar.is-merged {
        height: 54px !important;
        min-height: 54px !important;
    }

    body .header-wrap.x-love-topbar > .header.x-love-topbar-inner,
    body .header-wrap.x-love-topbar.is-merged > .header.x-love-topbar-inner {
        height: 54px !important;
        min-height: 54px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body .x-love-topbar .x-love-topbar-logo,
    body .x-love-topbar .lgnewui-header-actions {
        align-self: center !important;
    }
}

/* x-love mobile header background match reference - 2026-05-28 */
@media (max-width: 768px) {
    body .header-wrap.x-love-topbar,
    body .header-wrap.x-love-topbar.is-merged {
        background: rgba(242, 242, 242, 0.88) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.62), 0 8px 22px rgba(0, 0, 0, 0.08) !important;
        backdrop-filter: blur(18px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    }
}

/* x-love nav active icon color - 2026-05-29 */
.x-love-nav-item.active,
.x-love-nav-item.active i,
.x-love-nav-item.active svg,
.x-love-nav-item.active path,
.x-love-nav-home.active,
.x-love-nav-home.active .x-love-house-icon,
.x-love-nav-home.active .x-love-house-icon path {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

@media (max-width: 768px) {
    .lgnewui-base-nav-item.active,
    .lgnewui-base-nav-item.active i,
    .lgnewui-base-nav-item.active svg,
    .lgnewui-base-nav-item.active path {
        color: #fff !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }
}

/* x-love nav phosphor active icon parity - 2026-05-29 */
.x-love-nav-home .x-love-house-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: currentColor !important;
}

.x-love-nav-item.active,
.x-love-nav-item.active i,
.x-love-nav-item.active .x-love-house-icon,
.x-love-nav-home.active,
.x-love-nav-home.active i,
.x-love-nav-home.active .x-love-house-icon {
    color: #fff !important;
}

/* x-love nav force active icon glyph white - 2026-05-29 */
html body .x-love-nav .x-love-nav-item.active > i.ph-fill,
html body .x-love-nav .x-love-nav-item.active > i.ph-fill::before,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
}

/* lg mobile/base nav active icon white + black selected bubble - 2026-05-29 */
html body .lgnewui-base-nav-item.active,
html body .lgnewui-base-nav-item.js-lgnewui-v5-item.active,
html body .lgnewui-base-nav-item.active > i,
html body .lgnewui-base-nav-item.js-lgnewui-v5-item.active > i,
html body .lgnewui-base-nav-item.active > i::before,
html body .lgnewui-base-nav-item.js-lgnewui-v5-item.active > i::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
}

html body .lgnewui-base-nav-item.active::before,
html body .lgnewui-base-nav-item.js-lgnewui-v5-item.active::before,
html body .lgnewui-base-nav-item.active::after,
html body .lgnewui-base-nav-item.js-lgnewui-v5-item.active::after {
    background: #1f1f23 !important;
}

/* x-love desktop nav black inactive + white active glyph - 2026-05-29 */
@media (min-width: 769px) {
    html body .x-love-nav .x-love-nav-indicator {
        background: #1f1f23 !important;
        box-shadow: 0 10px 26px rgba(31, 31, 35, 0.24) !important;
    }

    html body .x-love-nav .x-love-nav-item,
    html body .x-love-nav .x-love-nav-item > span,
    html body .x-love-nav .x-love-nav-item > i,
    html body .x-love-nav .x-love-nav-item > i::before {
        color: #1f1f23 !important;
        -webkit-text-fill-color: #1f1f23 !important;
    }

    html body .x-love-nav .x-love-nav-item.active,
    html body .x-love-nav .x-love-nav-item.active > span,
    html body .x-love-nav .x-love-nav-item.active > i,
    html body .x-love-nav .x-love-nav-item.active > i::before,
    html body .x-love-nav .x-love-nav-home.active,
    html body .x-love-nav .x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon,
    html body .x-love-nav .x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon::before {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow: none !important;
    }
}

/* x-love desktop nav hover glyph white - 2026-05-29 */
@media (min-width: 769px) {
    html body .x-love-nav .x-love-nav-item:hover,
    html body .x-love-nav .x-love-nav-item:hover > span,
    html body .x-love-nav .x-love-nav-item:hover > i,
    html body .x-love-nav .x-love-nav-item:hover > i::before,
    html body .x-love-nav .x-love-nav-item.active:hover,
    html body .x-love-nav .x-love-nav-item.active:hover > span,
    html body .x-love-nav .x-love-nav-item.active:hover > i,
    html body .x-love-nav .x-love-nav-item.active:hover > i::before {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow: none !important;
    }
}

/* x-love desktop dock position matches reference - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        top: 14px !important;
        height: 46px !important;
        min-height: 46px !important;
        align-items: center !important;
        transform: none !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav {
        transform-origin: center center !important;
    }

    html body .x-love-nav-wrapper.is-docking .x-love-nav {
        animation: none !important;
    }
}

/* x-love desktop dock without upward jump - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        top: 10px !important;
    }
}

/* x-love desktop dock no docking motion - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged .x-love-nav {
        transform-origin: center top !important;
        animation: none !important;
        transition: background 0.24s ease, box-shadow 0.24s ease, color 0.18s ease !important;
    }

    html body .x-love-nav-wrapper.is-docking,
    html body .x-love-nav-wrapper.is-docking .x-love-nav,
    html body .x-love-nav-wrapper.is-docking .x-love-nav-indicator {
        animation: none !important;
        transition-property: background, box-shadow, color !important;
    }
}

/* x-love desktop dock keeps original vertical position and size - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        top: 10px !important;
        height: 58px !important;
        min-height: 58px !important;
        align-items: flex-start !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav {
        padding: 8px !important;
        transform: none !important;
        transform-origin: center top !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav-item {
        height: 42px !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav-home {
        height: 42px !important;
    }
}

/* x-love desktop dock keeps nav in document flow - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        position: sticky !important;
        top: 10px !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        margin: 0 auto 26px !important;
        pointer-events: auto !important;
    }

    html body .x-love-nav-placeholder,
    html body .x-love-nav-placeholder.is-active {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
    }
}

/* x-love desktop fixed dock with persistent placeholder - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        position: fixed !important;
        top: 10px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        pointer-events: none !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav {
        pointer-events: auto !important;
    }

    html body .x-love-nav-placeholder.is-active {
        display: block !important;
        height: var(--x-love-nav-placeholder-height, 84px) !important;
        min-height: var(--x-love-nav-placeholder-height, 84px) !important;
        flex: 0 0 var(--x-love-nav-placeholder-height, 84px) !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* x-love desktop dock size matches reference island - 2026-05-29 */
@media (min-width: 821px) {
    html body .x-love-nav-wrapper.is-merged {
        top: 14px !important;
        height: 46px !important;
        min-height: 46px !important;
        align-items: flex-start !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav {
        width: 622px !important;
        height: 46px !important;
        padding: 5px !important;
        gap: 0 !important;
        transform: scale(0.88) !important;
        transform-origin: center top !important;
        box-sizing: border-box !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav-item {
        min-width: 90px !important;
        width: 90px !important;
        height: 36px !important;
        padding: 10px 18px !important;
        font-size: 16px !important;
        gap: 6px !important;
        box-sizing: border-box !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav-home {
        min-width: 64px !important;
        width: 64px !important;
        height: 32px !important;
        padding: 8px 24px !important;
        margin: 2px 4px !important;
    }

    html body .x-love-nav-wrapper.is-merged .x-love-nav-home .x-love-house-icon {
        font-size: 15px !important;
    }
}

/* x-love desktop hero background size matches reference - 2026-05-29 */
@media (min-width: 821px) {
    html body #homePage.x-love-wrap {
        background: transparent !important;
    }

    html body #homePage .x-love-bg-list,
    html body #homePage .x-love-shade {
        top: 123px !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: 956px !important;
        height: 362px !important;
        transform: translateX(-50%) !important;
        border-radius: 0 !important;
    }

    html body #homePage .x-love-bg-item,
    html body #homePage .x-love-bg-image {
        width: 100% !important;
        height: 100% !important;
    }
}

/* x-love desktop hero background exact visual box - 2026-05-29 */
@media (min-width: 821px) {
    html body #homePage .x-love-bg-list,
    html body #homePage .x-love-shade {
        top: 109px !important;
    }

    html body #homePage .x-love-bg-item,
    html body #homePage .x-love-bg-item.active {
        inset: 0 !important;
        transform: none !important;
    }
}

/* x-love desktop hero background rollback to reference full stage - 2026-05-29 */
@media (min-width: 821px) {
    html body #homePage.x-love-wrap {
        background: #dde2e4 !important;
    }

    html body #homePage .x-love-bg-list,
    html body #homePage .x-love-shade {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        border-radius: 0 !important;
    }

    html body #homePage .x-love-bg-item {
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
        transform: scale(1.04) !important;
    }

    html body #homePage .x-love-bg-item.active {
        transform: scale(1) !important;
    }

    html body #homePage .x-love-bg-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* x-love desktop bottom wave matches reference - 2026-05-29 */
@media (min-width: 821px) {
    html body #homePage .x-love-waves {
        left: 0 !important;
        right: 0 !important;
        bottom: -1px !important;
        width: 100% !important;
        height: 140px !important;
        z-index: 99 !important;
        pointer-events: none !important;
    }

    html body #homePage .x-love-waves use:nth-child(1) {
        fill: rgba(255, 255, 255, 0.70) !important;
    }

    html body #homePage .x-love-waves use:nth-child(2) {
        fill: rgba(255, 255, 255, 0.52) !important;
    }

    html body #homePage .x-love-waves use:nth-child(3) {
        fill: rgba(255, 255, 255, 0.36) !important;
    }

    html body #homePage .x-love-waves use:nth-child(4) {
        fill: #fff !important;
    }
}

/* x-love global paper background blend - 2026-05-29 */
:root {
    --x-love-wave-paper: #ffffff;
    --x-love-wave-dot: #fbfbfb;
}

html,
html body,
html body.loaded,
html body.bg-pdot-vignette,
html body.bg-pdot-vignette.loaded,
html body .page-main,
html body #pageMain,
html body #pjax-container {
    background-color: var(--x-love-wave-paper) !important;
}

html body,
html body.loaded,
html body.bg-pdot-vignette,
html body.bg-pdot-vignette.loaded {
    background-image: radial-gradient(var(--x-love-wave-dot) 1px, rgba(255, 255, 255, 0) 1px) !important;
    background-size: 10px 10px !important;
    background-repeat: repeat !important;
    background-position: 0 0 !important;
}

html body::before,
html body.loaded::before,
html body.bg-pdot-vignette::before,
html body.bg-pdot-vignette.loaded::before {
    background-image: radial-gradient(circle at center, transparent 0%, var(--x-love-wave-paper) 80%) !important;
}

@media (min-width: 821px) {
    html body #homePage.x-love-wrap {
        background: var(--x-love-wave-paper) !important;
    }

    html body #homePage .x-love-waves {
        bottom: 0 !important;
    }

    html body #homePage .x-love-waves use:nth-child(1) {
        fill: rgba(255, 255, 255, 0.70) !important;
    }

    html body #homePage .x-love-waves use:nth-child(2) {
        fill: rgba(255, 255, 255, 0.52) !important;
    }

    html body #homePage .x-love-waves use:nth-child(3) {
        fill: rgba(255, 255, 255, 0.36) !important;
    }

    html body #homePage .x-love-waves use:nth-child(4) {
        fill: var(--x-love-wave-paper) !important;
    }
}

/* x-love mobile hero proportion match reference - 2026-05-29 */
@media (max-width: 768px) {
    html body #homePage.x-love-wrap {
        height: 426px !important;
        min-height: 426px !important;
        max-height: 426px !important;
        margin-top: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    html body #homePage .x-love-bg-list,
    html body #homePage .x-love-shade,
    html body #homePage .x-love-bg-item,
    html body #homePage .x-love-bg-image {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
    }

    html body #homePage .x-love-bg-image {
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body #homePage .x-love-distance {
        top: 92px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
    }

    html body #homePage .x-love-distance-icon {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
    }

    html body #homePage .x-love-center {
        top: 244px !important;
        width: min(360px, 94vw) !important;
        grid-template-columns: 1fr 64px 1fr !important;
        gap: 0 8px !important;
        align-items: center !important;
    }

    html body #homePage .x-love-middle {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        align-self: center !important;
        justify-self: center !important;
    }

    html body #homePage .x-love-heart,
    html body #homePage .x-love-heart-core {
        width: 64px !important;
        height: 64px !important;
    }

    html body #homePage .x-love-heart-img {
        width: 46px !important;
        height: 46px !important;
    }

    html body #homePage .x-love-person {
        grid-row: 1 !important;
        width: 126px !important;
        height: 132px !important;
        align-self: center !important;
    }

    html body #homePage .x-love-person-left {
        grid-column: 1 !important;
    }

    html body #homePage .x-love-person-right {
        grid-column: 3 !important;
    }

    html body #homePage .x-love-avatar-card {
        width: 96px !important;
        height: 96px !important;
    }

    html body #homePage .x-love-avatar {
        inset: 10px !important;
        width: 76px !important;
        height: 76px !important;
        border-width: 3px !important;
    }

    html body #homePage .x-love-avatar-frame {
        inset: -12px !important;
    }

    html body #homePage .x-love-avatar-frame::after {
        right: -2px !important;
        top: 0 !important;
        transform: scale(0.68) rotate(20deg) !important;
        transform-origin: top right !important;
    }

    html body #homePage .x-love-avatar-info {
        inset: 10px !important;
        padding: 8px 6px !important;
    }

    html body #homePage .x-love-name {
        width: 112px !important;
        min-width: 112px !important;
        height: 30px !important;
        margin-top: 10px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }

    html body #homePage .x-love-waves {
        bottom: -1px !important;
        height: 64px !important;
        z-index: 99 !important;
    }

    html body .Width_limit_10rem {
        margin-top: -2px !important;
    }
}

@media (max-width: 390px) {
    html body #homePage.x-love-wrap {
        height: 420px !important;
        min-height: 420px !important;
        max-height: 420px !important;
    }

    html body #homePage .x-love-center {
        top: 182px !important;
        width: min(348px, 94vw) !important;
    }

    html body #homePage .x-love-person {
        width: 120px !important;
    }
}

/* x-love mobile hero proportion refinements - 2026-05-29 */
@media (max-width: 768px) {
    html body #homePage .x-love-middle {
        position: static !important;
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
    }

    html body #homePage .x-love-distance {
        position: absolute !important;
        top: -24px !important;
        left: 50% !important;
        z-index: 110 !important;
        transform: translateX(-50%) !important;
    }

    html body #homePage .x-love-heart {
        position: absolute !important;
        top: 126px !important;
        left: 50% !important;
        z-index: 108 !important;
        transform: translate(-50%, -50%) !important;
    }

    html body #homePage .x-love-center {
        top: 185px !important;
        height: 138px !important;
        transform: translate(-50%, -50%) !important;
    }

    html body #homePage .x-love-person {
        transform: none !important;
    }

    html body #homePage .x-love-person-left,
    html body #homePage .x-love-person-right {
        position: relative !important;
        z-index: 106 !important;
    }
}

/* x-love weather panel align to weather capsule - 2026-05-29 */
html body #lgHeaderVisitorWeatherPanel.lgnewui-header-weather-panel {
    position: fixed !important;
    right: auto !important;
    z-index: 10050 !important;
    width: 292px;
    max-width: calc(100vw - 24px) !important;
}

html body #lgHeaderVisitorWeatherPanel[hidden] {
    display: none !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-header-weather-sheet {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    html body #lgHeaderVisitorWeatherPanel.lgnewui-header-weather-panel {
        width: 264px;
        max-width: calc(100vw - 24px) !important;
    }
}

/* x-love weather panel reference visual - 2026-05-29 */
html body #lgHeaderVisitorWeatherPanel {
    z-index: 10050 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-header-weather-sheet {
    padding: 16px !important;
    border-radius: 22px !important;
    color: #172033 !important;
    background: linear-gradient(135deg, rgba(241, 243, 245, 0.86), rgba(149, 149, 132, 0.72)) !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
    backdrop-filter: blur(22px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
    overflow: hidden !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-header-weather-hero {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    margin-bottom: 13px !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-icon {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    color: #5e738a !important;
    background: rgba(255, 255, 255, 0.64) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62) !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-icon i {
    font-size: 27px !important;
    line-height: 1 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-meta strong {
    color: #172033 !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-meta span {
    color: rgba(66, 83, 105, 0.78) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body #lgHeaderVisitorWeatherPanel #lgHeaderVisitorWeatherTemp {
    color: #172033 !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    align-items: center !important;
    border-radius: 14px !important;
    color: #172033 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.36)) !important;
    border: 1px solid rgba(255, 255, 255, 0.66) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}


html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric.x-love-weather-metric-wide {
    grid-column: 1 / -1 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric.x-love-weather-metric-wide strong {
    max-width: 100% !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric > span {
    grid-row: 1 / 3 !important;
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #6b7f95 !important;
    background: rgba(255, 255, 255, 0.62) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.64) !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric small {
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: end !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(86, 103, 126, 0.72) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-metric strong {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: start !important;
    color: #172033 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-footer {
    min-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    color: rgba(86, 103, 126, 0.76) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-footer span:first-child::before {
    content: '\25F7';
    margin-right: 5px;
    color: rgba(95, 112, 135, 0.66);
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-footer span:last-child {
    min-height: 24px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    border-radius: 999px !important;
    color: rgba(74, 91, 112, 0.86) !important;
    background: rgba(255, 255, 255, 0.36) !important;
    border: 1px solid rgba(255, 255, 255, 0.56) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-footer span:last-child::before {
    content: '\2601';
    color: rgba(89, 107, 130, 0.72);
    font-size: 11px;
}

@media (max-width: 768px) {
    html body #lgHeaderVisitorWeatherPanel .lgnewui-header-weather-sheet {
        padding: 14px !important;
    }

    html body #lgHeaderVisitorWeatherPanel .lgnewui-header-weather-hero {
        grid-template-columns: 44px minmax(0, 1fr) auto !important;
        gap: 9px !important;
        margin-bottom: 12px !important;
    }

    html body #lgHeaderVisitorWeatherPanel .lgnewui-weather-hero-icon {
        width: 44px !important;
        height: 44px !important;
    }

    html body #lgHeaderVisitorWeatherPanel #lgHeaderVisitorWeatherTemp {
        font-size: 30px !important;
    }
}
/* x-love nav remove persistent selected white state - 2026-05-29 */
html body .x-love-nav .x-love-nav-item.active,
html body .x-love-nav .x-love-nav-item.active > span,
html body .x-love-nav .x-love-nav-item.active > i,
html body .x-love-nav .x-love-nav-item.active > i::before,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon,
html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon::before {
    color: #1f1f23 !important;
    -webkit-text-fill-color: #1f1f23 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    text-shadow: none !important;
}

html body .x-love-nav .x-love-nav-item:hover,
html body .x-love-nav .x-love-nav-item:hover > span,
html body .x-love-nav .x-love-nav-item:hover > i,
html body .x-love-nav .x-love-nav-item:hover > i::before,
html body .x-love-nav .x-love-nav-item.active:hover,
html body .x-love-nav .x-love-nav-item.active:hover > span,
html body .x-love-nav .x-love-nav-item.active:hover > i,
html body .x-love-nav .x-love-nav-item.active:hover > i::before,
html body .x-love-nav .x-love-nav-item.x-love-nav-home:hover,
html body .x-love-nav .x-love-nav-item.x-love-nav-home:hover > i.ph-fill.ph-house.x-love-house-icon,
html body .x-love-nav .x-love-nav-item.x-love-nav-home:hover > i.ph-fill.ph-house.x-love-house-icon::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    text-shadow: none !important;
}

/* x-love nav color follows indicator target */
@media (min-width: 769px) {
    html body .x-love-nav .x-love-nav-item,
    html body .x-love-nav .x-love-nav-item > span,
    html body .x-love-nav .x-love-nav-item > i,
    html body .x-love-nav .x-love-nav-item > i::before,
    html body .x-love-nav .x-love-nav-item.active,
    html body .x-love-nav .x-love-nav-item.active > span,
    html body .x-love-nav .x-love-nav-item.active > i,
    html body .x-love-nav .x-love-nav-item.active > i::before,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.active,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.active > i.ph-fill.ph-house.x-love-house-icon::before {
        color: #111318 !important;
        -webkit-text-fill-color: #111318 !important;
    }

    html body .x-love-nav .x-love-nav-item.is-indicator-target,
    html body .x-love-nav .x-love-nav-item.is-indicator-target > span,
    html body .x-love-nav .x-love-nav-item.is-indicator-target > i,
    html body .x-love-nav .x-love-nav-item.is-indicator-target > i::before,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.is-indicator-target,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.is-indicator-target > i.ph-fill.ph-house.x-love-house-icon,
    html body .x-love-nav .x-love-nav-item.x-love-nav-home.is-indicator-target > i.ph-fill.ph-house.x-love-house-icon::before {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
}