@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=todayvertical20260618v15");
@import url("/Style/css/modules/home-countdown.css?LikeGirl=homecountdown20260606v2");
@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=homecountdown20260606");

/* 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 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: transparent !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) !important;
    }

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

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

    html body #homePage .x-love-waves use:nth-child(4) {
        fill: rgba(255, 255, 255, 0) !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: transparent !important;
}

html body,
html body.loaded,
html body.bg-pdot-vignette,
html body.bg-pdot-vignette.loaded {
    background-image: none !important;
    background-size: auto !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: none !important;
}

/* x-love page title reveal - 2026-06-19 */
html body .lgnewui-page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    padding: 2rem 0 1rem;
}

html body .lgnewui-meta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

html body .lgnewui-meta-tag {
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #888;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 12px;
    opacity: 0;
    filter: blur(8px);
    transform: translateY(10px);
    transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1),
        filter 0.6s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

html body .lgnewui-meta-tag.in {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

html body .lgnewui-meta-line {
    width: 44px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(187, 187, 187, 0.75) 50%, transparent 100%);
    opacity: 0;
    transform: scaleX(0) translateY(6px);
    transform-origin: center center;
    filter: blur(4px);
    transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1),
        filter 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

html body .lgnewui-meta-line.in {
    opacity: 1;
    transform: scaleX(1) translateY(0);
    filter: blur(0);
}

html body .lgnewui-hero-title {
    font-family: 'Noto Serif SC', serif;
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 4px;
    max-width: 800px;
    cursor: default;
    color: #1a1a1a;
    text-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

html body .lgnewui-hero-title .char {
    opacity: 0;
    filter: blur(12px);
    transform: scale(0.95) translateY(10px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
        filter 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: inline-block;
    min-width: 0.2em;
}

html body .lgnewui-hero-title .char.in {
    opacity: 1;
    filter: blur(0);
    transform: scale(1) translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    html body .lgnewui-meta-tag,
    html body .lgnewui-meta-line,
    html body .lgnewui-hero-title .char {
        transition: none !important;
        filter: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

@media (min-width: 821px) {
    html body #homePage.x-love-wrap {
        background: transparent !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) !important;
    }

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

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

    html body #homePage .x-love-waves use:nth-child(4) {
        fill: rgba(255, 255, 255, 0) !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;
    }
}

/* Love list page cards */
#pjax-container.pjax-loading {
    opacity: 0 !important;
    transition: opacity 0.2s ease;
}

body.pjax-loading-active .footer-warp,
body.pjax-loading-active #footer-animal,
body.pjax-loading-active .Width_limit_10rem {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}

.pjax-loader-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.pjax-loader-overlay.is-active {
    opacity: 1;
}

.pjax-loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.pjax-loader-grid {
    width: 100px;
    height: 100px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pjax-dot {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #e5e5e5;
    border-radius: 50%;
    transform: rotate(var(--r)) translate(42px);
    animation: pjax-pulse-chase 1.2s infinite ease-in-out;
    animation-delay: calc(-1.2s * var(--i) / 12);
}

@keyframes pjax-pulse-chase {
    0%,
    100% {
        background-color: #e5e5e5;
        transform: rotate(var(--r)) translate(42px) scale(1);
    }
    50% {
        background-color: #111;
        transform: rotate(var(--r)) translate(42px) scale(1.5);
    }
}

.pjax-loader-label {
    color: #999;
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 2px;
}

@media (max-width: 768px) {
    .pjax-loader-grid {
        width: 80px;
        height: 80px;
    }

    .pjax-dot {
        width: 10px;
        height: 10px;
        transform: rotate(var(--r)) translate(34px);
    }
}

.x-love-list-page {
    --list-accent: #71b7ff;
    --list-text-primary: #333;
    --list-card-bg: #fff;
    --list-shadow-soft: 0 8px 25px -5px rgba(0, 0, 0, 0.08);
    --list-radius-lg: 18px;
    padding-bottom: 72px;
}

@keyframes lgnewui-skeleton-screen-shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

@keyframes lgListFadeIn {
    0% {
        opacity: 0;
        transform: translateY(14px);
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes lgCardSlideIn {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.x-love-list-page .lg-list-loading-stage {
    opacity: 0 !important;
    pointer-events: none;
}

.x-love-list-page .lg-list-fade-in {
    animation: lgListFadeIn 0.4s ease-out forwards;
}

.x-love-list-page .lg-list-fade-in .love-card {
    animation: lgCardSlideIn 0.35s ease-out backwards;
}

.x-love-list-page .lg-list-fade-in .love-card:nth-child(1) { animation-delay: 0ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(2) { animation-delay: 40ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(3) { animation-delay: 80ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(4) { animation-delay: 120ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(5) { animation-delay: 160ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(6) { animation-delay: 200ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(7) { animation-delay: 240ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(8) { animation-delay: 280ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(9) { animation-delay: 320ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(10) { animation-delay: 360ms; }
.x-love-list-page .lg-list-fade-in .love-card:nth-child(n+11) { animation-delay: 400ms; }

.x-love-list-filter {
    margin: 1rem auto 2rem;
}

.x-love-list-filter .Tab_Warp {
    display: flex;
    justify-content: center;
}

.x-love-list-filter .LgLoveList-tab-container {
    position: relative;
    display: inline-flex;
    background: rgb(164 164 164 / 12%);
    border-radius: 12px;
    padding: 3px;
    gap: 2px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.x-love-list-filter .LgLoveList-tab-slider {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(33.333% - 3px);
    height: calc(100% - 6px);
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
                width 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
}

.x-love-list-filter .LgLoveList-tab {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 116px;
    padding: 8px 16px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    color: rgba(60, 60, 67, 0.6);
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.25s ease, transform 0.25s ease;
}

.x-love-list-filter .LgLoveList-tab i {
    font-size: 16px;
    transition: all 0.3s ease;
    line-height: 1;
}

.x-love-list-filter .LgLoveList-tab:hover:not(.LgLoveList-tab-active) {
    color: rgba(60, 60, 67, 0.85);
}

.x-love-list-filter .LgLoveList-tab-active {
    color: #000;
    font-weight: 600;
}

.x-love-list-filter .LgLoveList-tab-active i {
    transform: scale(1.1);
    color: #000;
}

.x-love-list-filter .tab-badge {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(17, 17, 17, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}

.x-love-list-filter .LgLoveList-tab-active .tab-badge {
    background: #111318;
    color: #fff;
}

.x-love-list-filter .search-box {
    position: relative;
    width: 90%;
    max-width: 550px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.x-love-list-filter .scope-tag {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #f8f8f8;
    border-radius: 20px;
    cursor: default;
    font-family: 'Noto Serif SC', serif;
    font-size: 0.82rem;
    font-weight: 500;
    color: #999;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    z-index: 2;
    white-space: nowrap;
}

.x-love-list-filter .scope-tag.active {
    background: #1d1d1f;
    color: #fff;
}

.x-love-list-filter .scope-tag i {
    font-size: 11px;
}

.x-love-list-filter .scope-tag-text {
    font-family: 'Noto Serif SC', serif;
}

.x-love-list-filter #search {
    padding: 1.1rem 6.5rem 1.1rem 7rem;
    border: none;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    width: 100%;
    outline: none;
    transition: 0.3s;
    box-sizing: border-box;
    font-family: 'Noto Serif SC', serif;
    color: #515151;
}

.x-love-list-filter #search:focus {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.x-love-list-filter #search_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.7rem 1.5rem;
    border: none;
    border-radius: 50px;
    color: #fff;
    background: var(--list-accent);
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    cursor: pointer;
    font-family: 'Noto Serif SC', serif;
    transition: all 0.3s;
}

.x-love-list-filter #search_btn i {
    font-size: 13px;
}

.x-love-list-filter #search_btn:hover {
    background: #5aa8f5;
}

#list_container .lgnewui-skeleton-screen-wrap {
    display: none;
    position: relative;
    z-index: 3;
}

#list_container .lgnewui-skeleton-screen-wrap.is-active {
    display: block;
}

#list_container .lgnewui-skeleton-screen-card {
    min-height: 68px;
    margin-bottom: 1.2rem;
    padding: 1.2rem 1.5rem;
    background: #fff;
    border-radius: var(--list-radius-lg);
    box-shadow: var(--list-shadow-soft);
}

#list_container .lgnewui-skeleton-screen-flex {
    display: flex;
}

#list_container .lgnewui-skeleton-screen-items-center {
    align-items: center;
}

#list_container .lgnewui-skeleton-screen-justify-between {
    justify-content: space-between;
}

#list_container .lgnewui-skeleton-screen-gap-3 {
    gap: 12px;
}

#list_container .lgnewui-skeleton-screen-gap-4 {
    gap: 16px;
}

#list_container .lgnewui-skeleton-screen-left-wrap {
    min-width: 0;
    flex: 1;
}

#list_container .lgnewui-skeleton-screen-anim {
    background: linear-gradient(90deg, #f5f6f8 25%, #e9edf2 37%, #f5f6f8 63%);
    background-size: 1000px 100%;
    animation: lgnewui-skeleton-screen-shimmer 2s infinite linear forwards;
}

#list_container .lgnewui-skeleton-screen-circle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex: 0 0 auto;
}

#list_container .lgnewui-skeleton-screen-text {
    height: 16px;
    border-radius: 999px;
}

#list_container .lgnewui-skeleton-screen-line {
    width: min(360px, 72%);
}

#list_container .lgnewui-skeleton-screen-arrow {
    width: 28px;
    height: 16px;
}

#list_container .love-card:not(.lg-skeleton-card) > * {
    transition: opacity 0.3s ease, background 0.3s ease;
}

#list_container {
                max-width: 900px;
                margin: 0 auto;
                padding: 0 16px;
                position: relative;
            }

            /* --- 鍗＄墖鏍稿績鏍峰紡 --- */
            #list_container .love-card {
                background: var(--list-card-bg);
                border-radius: var(--list-radius-lg);
                box-shadow: var(--list-shadow-soft);
                margin-bottom: 1.2rem;
                overflow: hidden;
                transition: transform 0.3s;
            }

            #list_container .love-card:hover {
                transform: translateY(-2px);
            }

            /* 楂樹寒鏁堟灉锛堜粠棣栭〉璺宠浆杩囨潵鏃讹級- 娴佸厜杈规 */
            #list_container .love-card.lgnewui-highlight {
                position: relative;
                overflow: hidden;
            }

            #list_container .love-card.lgnewui-highlight::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                padding: 2px;
                background: conic-gradient(
                    from var(--x-love-list-highlight-angle, 0deg),
                    transparent 0%,
                    rgba(113, 183, 255, 0.8) 10%,
                    rgba(167, 130, 255, 0.6) 15%,
                    transparent 25%
                );
                -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
                -webkit-mask-composite: xor;
                mask-composite: exclude;
                animation: xLoveListHighlightSweep 4s linear forwards;
                pointer-events: none;
                z-index: 10;
            }

            #list_container .love-card.lgnewui-highlight::after {
                content: '';
                position: absolute;
                inset: -2px;
                border-radius: inherit;
                background: radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 0%), rgba(113, 183, 255, 0.15), transparent 60%);
                animation: xLoveListHighlightGlow 4s ease-in-out forwards;
                pointer-events: none;
                z-index: 9;
            }

            @keyframes xLoveListHighlightSweep {
                0% { --x-love-list-highlight-angle: 0deg; opacity: 1; }
                90% { --x-love-list-highlight-angle: 1080deg; opacity: 1; }
                100% { --x-love-list-highlight-angle: 1080deg; opacity: 0; }
            }

            @keyframes xLoveListHighlightGlow {
                0% { opacity: 0; }
                10% { opacity: 1; }
                90% { opacity: 1; }
                100% { opacity: 0; }
            }

            @property --x-love-list-highlight-angle {
                syntax: '<angle>';
                initial-value: 0deg;
                inherits: false;
            }

            #list_container .love-card.lgnewui-highlight-fade {
                /* 娓呴櫎鎬?*/
            }

            /* 1. 澶撮儴 */
            #list_container .card-header {
                padding: 1.2rem 1.5rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                cursor: pointer;
                background: #fff;
                position: relative;
                z-index: 2;
                user-select: none;
            }

            #list_container .header-left {
                display: flex;
                align-items: center;
                gap: 12px;
                flex: 1;
                min-width: 0;
                overflow: hidden;
                padding-left: 4px;
            }

            #list_container .status-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                flex-shrink: 0;
            }

            #list_container .status-dot.com {
                background: var(--list-accent);
                box-shadow: 0 0 0 4px rgba(113, 183, 255, 0.2);
            }

            #list_container .status-dot.air {
                background: #e0e0e0;
                box-shadow: 0 0 0 4px rgba(204, 204, 204, 0.2);
            }

            #list_container .event-name {
                font-size: 1.1rem;
                font-weight: 600;
                color: var(--list-text-primary);
                font-family: 'Noto Serif SC', serif;
                transition: color 0.3s;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                min-width: 0;
            }

            #list_container .status-dot.air + .event-name {
                color: #bbb;
                font-weight: 500;
            }

            /* 鏍囬鍚庢爣璇嗗浘鏍?*/
            #list_container .event-tags {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                flex-shrink: 0;
                margin-left: 6px;
            }
            #list_container .event-tags .etag {
                width: 22px;
                height: 22px;
                border-radius: 50%;
                background: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }
            #list_container .event-tags .etag svg {
                width: 13px;
                height: 13px;
                stroke-width: 1.8;
                color: #999;
            }
            #list_container .status-dot.com ~ .event-tags .etag { background: #f0f0f0; }
            #list_container .status-dot.com ~ .event-tags .etag svg { color: #b1b1b1; }
            #list_container .status-dot.air ~ .event-tags .etag { background: #f0f0f0; }
            #list_container .status-dot.air ~ .event-tags .etag svg { color: #bbb; }

            #list_container .toggle-icon {
                font-size: 1rem;
                color: #ccc;
                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #list_container .love-card.active .toggle-icon {
                transform: rotate(180deg);
                color: var(--list-accent);
            }

            #list_container .love-card.active .card-header {
                background: #fafafa;
            }

            /* 2. 鍐呭鎶樺彔鍖?*/
            #list_container .card-body {
                display: none;
                border-top: 1px solid #f0f0f0;
                background: #fff;
            }

            #list_container .body-content {
                display: flex;
                flex-direction: column;
                position: relative;
                overflow: hidden;
            }


            /* 闈㈡澘鍐呭畬鏁存爣棰橈紙鍦╞ody-info鍐呴儴锛?*/
            #list_container .body-full-title {
                font-size: 1.25rem;
                font-weight: 300;
                color: #9f9f9f;
                line-height: 1.6;
                word-break: break-word;
                padding-bottom: 1rem;
                margin-bottom: 0.5rem;
                border-bottom: 1px solid transparent;
                background-image: linear-gradient(to right, #e8e8e8, transparent);
                background-size: 100% 1px;
                background-position: bottom;
                background-repeat: no-repeat;
            }

            /* 鎴愬氨/鐘舵€佹按鍗?*/
            #list_container .achievement-watermark {
                position: absolute;
                bottom: 16px;
                right: 16px;
                pointer-events: none;
                z-index: 2;
            }
            #list_container .achievement-watermark i {
                font-size: 4.5rem;
                color: #71b7ff;
            }
            #list_container .achievement-watermark.wm-pending i {
                font-size: 3.5rem;
                color: #e0e0e0;
            }

            #list_container .body-gallery {
                width: 100%;
                height: 240px;
                background: #f8f8f8;
                position: relative;
                overflow: hidden;
            }

            #list_container .ConventionPhoto,
            #list_container .f-carousel__viewport,
            #list_container .f-carousel__track,
            #list_container .f-carousel__slide {
                height: 100% !important;
            }

            #list_container .f-carousel__slide img.lazy-loaded,
            #list_container .f-carousel__slide img {
                width: 100%;
                height: 100% !important;
                object-fit: cover;
                display: block;
            }

            #list_container .body-info {
                padding: 1.5rem;
                display: flex;
                flex-direction: column;
                gap: 2rem;
            }

            @media (min-width: 768px) {
                #list_container .body-content {
                    flex-direction: row;
                    height: 360px;
                }

                #list_container .body-gallery {
                    flex: 6;
                    height: 100%;
                    border-right: 1px solid #f0f0f0;
                }

                #list_container .body-info {
                    flex: 4;
                    padding: 2.5rem 2rem;
                    justify-content: center;
                    overflow-y: auto;
                }
            }

            #list_container .info-item {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

            #list_container .info-label {
                font-size: 0.8rem;
                color: #aaa;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            #list_container .info-value {
                font-size: 1rem;
                color: #444;
                font-weight: 500;
                line-height: 1.5;
            }

            #list_container .info-item.remark-item .info-value {
                font-size: 1rem;
                color: #504b4b;
                margin-top: 5px;
                font-weight: 300;
            }

            /* 杈炬垚鍦扮偣锛堜笌鐩稿唽褰掑睘鍦扮粺涓€锛?*/
            #list_container .lovelist-location-link {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 4px 10px 4px 4px;
                border-radius: 999px;
                background: #f3f4f6;
                font-size: 12px;
                font-weight: 500;
                color: #c5c5c5;
                transition: all 0.2s ease;
                max-width: 180px;
                width: fit-content;
            }

            #list_container .lovelist-location-link i {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 22px;
                height: 22px;
                border-radius: 50%;
                background: #ffffff;
                font-size: 11px;
                color: #9ca3af;
                flex-shrink: 0;
                transition: all 0.2s ease;
            }

            #list_container .lovelist-location-link span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                flex: 1;
                min-width: 0;
            }

            #list_container .lovelist-location-link.has-coords {
                cursor: pointer;
            }

            #list_container .lovelist-location-link.has-coords:hover {
                background: #f0f9ff;
                color: #3b82f6;
            }

            #list_container .lovelist-location-link.has-coords:hover i {
                background: #dbeafe;
                color: #3b82f6;
            }

            #list_container .lovelist-location-link.has-coords:active {
                transform: scale(0.95);
            }

            #list_container .no-img-placeholder {
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: #ddd;
                gap: 8px;
                font-size: 0.9rem;
            }

            #list_container .no-img-placeholder svg {
                width: 32px;
                height: 32px;
                fill: #eee;
            }

            /* --- 寮哄埗闅愯棌杞挱鍥炬寜閽?--- */
            #list_container .f-carousel__nav,
            #list_container .f-button.is-prev,
            #list_container .f-button.is-next,
            #list_container .f-carousel__button {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }

            /* --- 鍥剧墖璁℃暟鍣?--- */
            #list_container .img-counter {
                position: absolute;
                bottom: 15px;
                right: 15px;
                background: rgba(0, 0, 0, 0.5);
                color: #fff;
                font-size: 12px;
                padding: 4px 10px;
                border-radius: 20px;
                z-index: 10;
                pointer-events: none;
                backdrop-filter: blur(4px);
                font-family: Arial, sans-serif;
                font-weight: 500;
                letter-spacing: 1px;
            }

            
#list_container.love-card-list {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
}

#list_container .header-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

#list_container .event-tags .etag i {
    font-size: 13px;
    color: #999;
    line-height: 1;
}

#list_container .no-img-placeholder i {
    font-size: 34px;
    color: #e5e7eb;
}

#list_container .ConventionPhoto > .f-carousel__slide {
    height: 100%;
}

@media (max-width: 768px) {
    .x-love-list-filter {
        margin: 0.75rem auto 1.45rem;
        padding: 0 14px;
        box-sizing: border-box;
    }

    .x-love-list-filter .Tab_Warp {
        display: flex;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        margin: 0 auto 0.65rem;
        padding: 0;
        box-sizing: border-box;
    }

    .x-love-list-filter .LgLoveList-tab-container {
        display: flex;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        justify-content: center;
    }

    .x-love-list-filter .LgLoveList-tab {
        flex: 1 1 0;
        min-width: auto;
        padding: 7px 5px;
        gap: 4px;
        font-size: 12px;
        line-height: 1;
    }

    .x-love-list-filter .LgLoveList-tab i {
        font-size: 14px;
    }

    .x-love-list-filter .tab-badge {
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
    }

    #list_container.love-card-list {
        padding: 0 12px;
    }

    #list_container .card-header {
        padding: 1rem 1.05rem;
    }

    #list_container .event-name {
        font-size: 1rem;
    }

    #list_container .body-gallery {
        height: 220px;
    }

    #list_container .body-info {
        padding: 1.15rem;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .x-love-list-filter {
        padding: 0 10px;
    }

    .x-love-list-filter .LgLoveList-tab-container {
        width: 286px;
        max-width: 100%;
        border-radius: 10px;
    }

    .x-love-list-filter .LgLoveList-tab {
        padding: 6px 4px;
        gap: 3px;
        font-size: 11.5px;
        border-radius: 8px;
    }

    .x-love-list-filter .LgLoveList-tab i {
        font-size: 13px;
    }

    .x-love-list-filter .tab-badge {
        min-width: 15px;
        height: 15px;
        font-size: 9.5px;
    }

    .x-love-list-filter .scope-tag {
        padding: 6px 10px;
        font-size: 0.75rem;
        gap: 5px;
        left: 6px;
    }

    .x-love-list-filter .scope-tag i {
        font-size: 10px;
    }

    .x-love-list-filter #search {
        padding: 1rem 5.5rem 1rem 6rem;
        font-size: 0.85rem;
    }

    .x-love-list-filter #search_btn {
        padding: 0.6rem 1rem;
        font-size: 0.8rem;
    }

    .x-love-list-filter #search_btn i {
        font-size: 11px;
    }
}