/* --- 样式保持：简约清新风 --- */
            :root {
                --main-accent: #71b7ff;
                --text-primary: #333;
                --text-secondary: #999;
                --bg-card: #fff;
                --shadow-soft: 0 8px 25px -5px rgba(0, 0, 0, 0.08);
                --radius-lg: 16px;
            }

            /* 搜索与Tab */
            .Search_warp {
                margin-bottom: 2rem;
            }

            .search-box {
                position: relative;
                width: 90%;
                max-width: 550px;
                margin: 0 auto;
            }

            .Search_warp #search {
                padding: 1.1rem 1.8rem;
                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;
            }

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

            .Search_warp #search_btn {
                padding: 0.7rem 1.8rem;
                border: none;
                border-radius: 50px;
                color: #fff;
                background: var(--main-accent);
                font-weight: 600;
                position: absolute;
                top: 50%;
                right: 8px;
                transform: translateY(-50%);
                cursor: pointer;
                font-family: 'Noto Serif SC', serif;
                transition: all .3s;
            }

            .Tab_Warp {
                font-family: 'Noto Serif SC', serif;
                width: fit-content;
                margin: 1rem auto 2rem;
            }

            .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);
            }

            .LgLoveList-tab-slider {
                position: absolute;
                top: 3px;
                left: 0;
                height: calc(100% - 6px);
                background: #ffffff;
                border-radius: 10px;
                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);
                z-index: 0;
                pointer-events: none;
            }

            .LgLoveList-tab {
                position: relative;
                z-index: 1;
                text-align: center;
                padding: 8px 16px;
                border-radius: 10px;
                cursor: pointer;
                color: rgba(60, 60, 67, 0.6);
                font-weight: 500;
                transition: color 0.3s ease;
                font-size: 0.85rem;
                background: transparent;
                border: none;
                white-space: nowrap;
            }

            .LgLoveList-tab-active {
                color: #000;
                font-weight: 600;
            }

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

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

            /* --- 卡片核心样式 --- */
            .love-card {
                background: var(--bg-card);
                border-radius: var(--radius-lg);
                box-shadow: var(--shadow-soft);
                margin-bottom: 1.2rem;
                overflow: hidden;
                transition: transform 0.3s;
            }

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

            /* 高亮效果（从首页跳转过来时）- 流光边框 */
            .love-card.withu-highlight {
                position: relative;
                overflow: hidden;
            }

            .love-card.withu-highlight::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                padding: 2px;
                background: conic-gradient(
                    from var(--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: highlightSweep 4s linear forwards;
                pointer-events: none;
                z-index: 10;
            }

            .love-card.withu-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: highlightGlow 4s ease-in-out forwards;
                pointer-events: none;
                z-index: 9;
            }

            @keyframes highlightSweep {
                0% { --highlight-angle: 0deg; opacity: 1; }
                90% { --highlight-angle: 1080deg; opacity: 1; }
                100% { --highlight-angle: 1080deg; opacity: 0; }
            }

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

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

            .love-card.withu-highlight-fade {
                /* 清除态 */
            }

            /* 1. 头部 */
            .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;
            }

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

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

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

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

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

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

            /* 标题后标识图标 */
            .event-tags {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                flex-shrink: 0;
                margin-left: 6px;
            }
            .event-tags .etag {
                width: 22px;
                height: 22px;
                border-radius: 50%;
                background: #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }
            .event-tags .etag svg {
                width: 13px;
                height: 13px;
                stroke-width: 1.8;
                color: #999;
            }
            .status-dot.com ~ .event-tags .etag { background: #f0f0f0; }
            .status-dot.com ~ .event-tags .etag svg { color: #b1b1b1; }
            .status-dot.air ~ .event-tags .etag { background: #f0f0f0; }
            .status-dot.air ~ .event-tags .etag svg { color: #bbb; }

            .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;
            }

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

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

            /* 2. 内容折叠区 */
            .card-body {
                display: none;
                border-top: 1px solid #f0f0f0;
                background: #fff;
            }

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


            /* 面板内完整标题（在body-info内部） */
            .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;
            }

            /* 成就/状态水印 */
            .achievement-watermark {
                position: absolute;
                bottom: 16px;
                right: 16px;
                pointer-events: none;
                z-index: 2;
            }
            .achievement-watermark i {
                font-size: 4.5rem;
                color: #71b7ff;
            }
            .achievement-watermark.wm-pending i {
                font-size: 3.5rem;
                color: #e0e0e0;
            }

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

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

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

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

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

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

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

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

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

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

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

            /* 达成地点（与相册归属地统一） */
            .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;
            }

            .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;
            }

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

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

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

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

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

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

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

            /* --- 强制隐藏轮播图按钮 --- */
            .f-carousel__nav,
            .f-button.is-prev,
            .f-button.is-next,
            .f-carousel__button {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
            }

            /* --- 图片计数器 --- */
            .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;
            }

            /* --- Tab 图标样式优化 --- */
            .LgLoveList-tab {
                /* 弹性布局，图标文字水平居中 */
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                /* 图标和文字的间距 */
                position: relative;
            }

            /* 图标基础样式 */
            .LgLoveList-tab i {
                font-size: 16px;
                transition: all 0.3s ease;
                line-height: 1;
                vertical-align: middle;
            }

            /* 激活状态下图标 */
            .LgLoveList-tab-active i {
                transform: scale(1.1);
                color: #000;
            }

            /* ── 恋爱清单独立骨架条（按 _dev/gujia.html 落地） ── */
            @keyframes withu-skeleton-screen-shimmer {
                0% { background-position: -1000px 0; }
                100% { background-position: 1000px 0; }
            }
            .withu-skeleton-screen-wrap {
                display: grid;
                gap: 16px;
                opacity: 0;
                visibility: hidden;
                position: absolute;
                top: 0;
                left: 16px;
                right: 16px;
                z-index: 8;
                pointer-events: none;
                transform: translateY(4px);
                transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s linear 0.24s;
            }
            .withu-skeleton-screen-wrap.is-active {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                transition-delay: 0s;
            }
            .withu-skeleton-screen-anim {
                background-color: #e2e5e7;
                background-image: linear-gradient(
                    90deg,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.6) 20%,
                    rgba(255, 255, 255, 0) 40%
                );
                background-size: 1000px 100%;
                background-repeat: no-repeat;
                animation: withu-skeleton-screen-shimmer 2s infinite linear forwards;
                overflow: hidden;
                position: relative;
            }
            .withu-skeleton-screen-text { border-radius: 4px; }
            .withu-skeleton-screen-circle { border-radius: 50%; }
            .withu-skeleton-screen-flex { display: flex; }
            .withu-skeleton-screen-items-center { align-items: center; }
            .withu-skeleton-screen-justify-between { justify-content: space-between; }
            .withu-skeleton-screen-gap-3 { gap: 12px; }
            .withu-skeleton-screen-gap-4 { gap: 16px; }
            .withu-skeleton-screen-card {
                box-sizing: border-box;
                background-color: #ffffff;
                padding: 16px 24px;
                border-radius: 16px;
                width: 100%;
                box-shadow: none;
                border: none;
                margin: 0;
            }
            .withu-skeleton-screen-left-wrap { flex: 1; }
            .withu-skeleton-screen-dot { width: 22px; height: 22px; flex-shrink: 0; }
            .withu-skeleton-screen-line { width: 100%; max-width: 240px; height: 18px; }
            .withu-skeleton-screen-arrow { width: 16px; height: 16px; border-radius: 3px; flex-shrink: 0; }
            #list_data,
            .query_data {
                transition: none;
            }
            .withu-list-loading-stage {
                opacity: 0 !important;
                pointer-events: none;
            }
            /* 骨架态移除后的内容淡入 */
            .love-card:not(.withu-skeleton-card) > * {
                transition: opacity 0.3s ease, background 0.3s ease;
            }

            /* 列表淡入动画 */
            .withu-list-fade-in {
                animation: withuListFadeIn 0.4s ease-out forwards;
            }
            .withu-list-fade-in .love-card {
                animation: withuCardSlideIn 0.35s ease-out backwards;
            }
            .withu-list-fade-in .love-card:nth-child(1) { animation-delay: 0ms; }
            .withu-list-fade-in .love-card:nth-child(2) { animation-delay: 40ms; }
            .withu-list-fade-in .love-card:nth-child(3) { animation-delay: 80ms; }
            .withu-list-fade-in .love-card:nth-child(4) { animation-delay: 120ms; }
            .withu-list-fade-in .love-card:nth-child(5) { animation-delay: 160ms; }
            .withu-list-fade-in .love-card:nth-child(6) { animation-delay: 200ms; }
            .withu-list-fade-in .love-card:nth-child(7) { animation-delay: 240ms; }
            .withu-list-fade-in .love-card:nth-child(8) { animation-delay: 280ms; }
            .withu-list-fade-in .love-card:nth-child(9) { animation-delay: 320ms; }
            .withu-list-fade-in .love-card:nth-child(10) { animation-delay: 360ms; }
            .withu-list-fade-in .love-card:nth-child(n+11) { animation-delay: 400ms; }

            @keyframes withuListFadeIn {
                from { opacity: 0; }
                to { opacity: 1; }
            }
            @keyframes withuCardSlideIn {
                from {
                    opacity: 0;
                    transform: translateY(12px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* Tab 数量徽章 - 自适应药丸形 */
            .tab-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 18px;
                height: 18px;
                padding: 0 5px;
                font-size: 0.65rem;
                font-weight: 600;
                font-family: 'Inter', sans-serif;
                color: #999;
                background: #f0f0f0;
                border-radius: 10px;
                margin-left: 4px;
                transition: all 0.3s ease;
                box-sizing: border-box;
            }

            .LgLoveList-tab-active .tab-badge {
                background: #58aaff;
                color: #ffffff;
            }

            /* --- 搜索框样式优化 --- */
            .search-box {
                position: relative;
                width: 90%;
                max-width: 550px;
                margin: 0 auto;
                display: flex;
                align-items: center;
            }

            /* --- 搜索范围内嵌胶囊 --- */
            .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: pointer;
                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;
            }

            .scope-tag:hover {
                background: #f0f0f0;
                color: #666;
            }

            .scope-tag.active {
                background: #1d1d1f;
                color: #fff;
            }

            .scope-tag.active:hover {
                background: #333;
                color: #fff;
            }

            .scope-tag i {
                font-size: 11px;
            }

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

            /* 调整搜索框 padding 给标签留位置 */
            .Search_warp #search {
                padding: 1.1rem 6.5rem 1.1rem 7rem;
                font-family: 'Noto Serif SC', serif;
            }

            /* 查询按钮带搜索图标 */
            .Search_warp #search_btn {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 0.7rem 1.5rem;
            }

            .Search_warp #search_btn i {
                font-size: 13px;
            }

            .Search_warp #search_btn:hover {
                background: #5aa8f5;
            }

            /* Loading 旋转动画 */
            .Search_warp #search_btn i.fa-spinner {
                animation: spin 1s linear infinite;
            }

            @keyframes spin {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }

            /* 移动端适配 */
            @media (max-width: 480px) {
                .scope-tag {
                    padding: 6px 10px;
                    font-size: 0.75rem;
                    gap: 5px;
                    left: 6px;
                }

                .scope-tag i {
                    font-size: 10px;
                }

                .Search_warp #search {
                    padding: 1rem 5.5rem 1rem 6rem;
                    font-size: 0.85rem;
                }

                .Search_warp #search_btn {
                    padding: 0.6rem 1rem;
                    font-size: 0.8rem;
                }

                .Search_warp #search_btn i {
                    font-size: 11px;
                }

                /* Tab 移动端优化 */
                .Tab_Warp {
                    max-width: 100%;
                    margin: 0.8rem auto 1.2rem;
                }

                .LgLoveList-tab-container {
                    padding: 2px;
                    gap: 2px;
                    border-radius: 10px;
                }

                .LgLoveList-tab {
                    padding: 7px 10px;
                    font-size: 0.8rem;
                    gap: 4px;
                }

                .LgLoveList-tab i {
                    font-size: 14px;
                }

                .LgLoveList-tab-slider {
                    top: 2px;
                    height: calc(100% - 4px);
                    border-radius: 8px;
                }

                .tab-badge {
                    min-width: 16px;
                    height: 16px;
                    padding: 0 4px;
                    font-size: 0.6rem;
                    border-radius: 8px;
                }
            }