Failed to open the file.


<script>

    console.log("%c Q & V | 3439780232", "color:#fff;background:#000;padding:8px 15px;font-weight: 700;border-radius:15px");
    console.log("%c Like Girl 5.2.0 | Powered by Ki", "color:#fff;font-weight: 700;background:linear-gradient(270deg,#986fee,#8695e6,#68b7dd,#18d7d3);padding:8px 15px;border-radius:15px");
    

    function setupVideoPlayer(video) {
        var videoContainer = $('<div class="video-container"></div>');
        var playPauseBtn = $('<div class="play-pause-btn"></div>');
    
        var playPauseIcon = `
            <svg t="1730884474730" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="7671" width="200" height="200">
                <path
                    d="M861.829969 330.562413L391.150271 33.456576A214.465233 214.465233 0 0 0 62.30358 214.751187V809.248813a214.465233 214.465233 0 0 0 328.846691 181.294611l470.679698-297.105837a214.751187 214.751187 0 0 0 0-362.875174z"
                    fill="#ffffff" p-id="7672"></path>
            </svg>
        `;
        playPauseBtn.html(playPauseIcon);
    
        video.wrap(videoContainer);
        video.parent().append(playPauseBtn);
    
        video.attr('controls', false);
    
        video.css({
            'width': '100%',
            'height': 'auto'
        });
    
        playPauseBtn.show();
    
        playPauseBtn.on('click', function(e) {
            e.stopPropagation();
    
            if (video[0].paused) {
                video[0].play();
                playPauseBtn.hide();
            } else {
                video[0].pause();
                playPauseBtn.show();
            }
        });
    
        video.on('click', function() {
            if (video[0].paused) {
                video[0].play();
                playPauseBtn.hide();
            } else {
                video[0].pause();
                playPauseBtn.show();
            }
        });
    }

    function show_date_time() {
        window.setTimeout("show_date_time()", 1000);
        BirthDay = new Date("2025-01-16T16:59");
        today = new Date();
        timeold = (today.getTime() - BirthDay.getTime());
        sectimeold = timeold / 1000;
        secondsold = Math.floor(sectimeold);
        msPerDay = 24 * 60 * 60 * 1000;
        e_daysold = timeold / msPerDay;
        daysold = Math.floor(e_daysold);
        e_hrsold = (e_daysold - daysold) * 24;
        hrsold = Math.floor(e_hrsold);
        e_minsold = (e_hrsold - hrsold) * 60;
        minsold = Math.floor((e_hrsold - hrsold) * 60);
        seconds = Math.floor((e_minsold - minsold) * 60);
        let timeKi = document.getElementById('span_dt_dt');
        if (timeKi !== null) {
            span_dt_dt.innerHTML = "这是我们一起走过的";
            tian.innerHTML = daysold + '天';
            shi.innerHTML = hrsold + '时';
            fen.innerHTML = minsold + '分';
            if (seconds < 10) {
                seconds = "0" + seconds
            }
            miao.innerHTML = seconds + '秒';
        }
    }

    show_date_time();
</script>
<link rel="shortcut icon" href="/favicon.ico" />
<!-- 使用本地字体代替外部Google字体 -->
<link rel="stylesheet" href="Style/Font/font_list/iconfont.css">
<meta name="keywords"
    content="恋爱日记">
<meta name="discription" content="愿得一人心 白首不分离 - Like Girl 5.2.0">
<meta name="author" content="Ki">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="Style/css/leaving.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/css/index.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/css/about.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/css/animate.min.css">
<link rel="stylesheet" href="Botui/botui.min.css">
<link rel="stylesheet" href="Botui/botui-theme-default.css">
<link rel="stylesheet" href="Style/css/loveImg.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/css/list.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/toastr/toastr.css?LikeGirl=20241108">
<link rel="stylesheet" href="Style/css/loadinglike.css?LikeGirl=20241108">
<script src="Style/Font/font_leav/iconfont.js"></script>
        <script src="Botui/botui.min.js"></script>
        <script src="Style/js/vue.min.js"></script>
        <script src="Style/jquery/jquery.min.js"></script>
        <script src="Style/js/jquery.pjax.js" type="text/javascript"></script>
        <script src="Style/pagelir/spotlight.bundle.js"></script>
        <script src="Style/js/funlazy.min.js"></script>
        <script src="Style/js/loading.js?LikeGirl=20241108"></script>
        <script src="audio_fix_force.js"></script>

<!-- 全局音乐播放器 -->
<div id="globalMusicPlayer" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
    <audio id="globalMusic" loop style="max-width: 200px; display: none;">
        <source src="music/1.mp3" type="audio/mpeg">
        您的浏览器不支持音频播放
     </audio>
</div>

<!-- 这里可以嵌入自定义字体CDN加速地址 -->    <script>
        // 全局音乐管理对象
        window.MusicManager = {
            currentPlayingAudio: null,
            userGestureDetected: false,
            autoplayAttempted: false,
            
            // 初始化全局音乐播放器
            initGlobalMusic: function() {
                // 移除页面中所有的音乐播放器
                const musicPlayers = document.querySelectorAll('.music-player');
                musicPlayers.forEach(player => {
                    player.style.display = 'none';
                });
                
                // 获取全局音乐播放器
                const globalMusic = document.getElementById('globalMusic');
                
                // 如果音乐播放器不存在，创建一个
                if (!globalMusic) {
                    const playerContainer = document.createElement('div');
                    playerContainer.id = 'globalMusicPlayer';
                    playerContainer.style.position = 'fixed';
                    playerContainer.style.bottom = '20px';
                    playerContainer.style.right = '20px';
                    playerContainer.style.zIndex = '9999';
                    
                    const audioElement = document.createElement('audio');
                    audioElement.id = 'globalMusic';
                    audioElement.loop = true;
                    audioElement.style.maxWidth = '200px';
                    audioElement.style.display = 'none';
                    
                    const sourceElement = document.createElement('source');
                    sourceElement.src = 'music_proxy.php?file=1.mp3';
                    sourceElement.type = 'audio/mpeg';
                    
                    audioElement.appendChild(sourceElement);
                    playerContainer.appendChild(audioElement);
                    document.body.appendChild(playerContainer);
                    
                    this.currentPlayingAudio = audioElement;
                } else {
                    this.currentPlayingAudio = globalMusic;
                }
                
                // 设置页面卸载时保存播放进度的事件
                this.setupUnloadEvent();
                
                // 尝试恢复之前的播放进度
                this.restorePlaybackPosition();
                
                // 尝试自动播放音乐
                this.attemptAutoPlay();
                
                // 添加用户手势检测
                this.setupUserGestureDetection();
            },
            
            // 设置页面卸载时保存播放进度
            setupUnloadEvent: function() {
                window.addEventListener('beforeunload', () => {
                    if (this.currentPlayingAudio && this.userGestureDetected) {
                        try {
                            // 保存播放进度到sessionStorage
                            sessionStorage.setItem('musicPosition', this.currentPlayingAudio.currentTime.toString());
                            sessionStorage.setItem('musicPaused', this.currentPlayingAudio.paused.toString());
                        } catch (e) {
                            console.log('保存播放进度失败:', e);
                        }
                    }
                });
            },
            
            // 恢复之前的播放进度
            restorePlaybackPosition: function() {
                if (this.currentPlayingAudio) {
                    try {
                        // 从sessionStorage获取播放进度
                        const position = sessionStorage.getItem('musicPosition');
                        const paused = sessionStorage.getItem('musicPaused');
                        
                        // 如果有保存的进度，设置到音频元素
                        if (position && !isNaN(parseFloat(position))) {
                            this.currentPlayingAudio.currentTime = parseFloat(position);
                            console.log('恢复播放进度:', position, '秒');
                        }
                        
                        // 获取用户手势状态
                        const savedGestureDetected = sessionStorage.getItem('musicUserGestureDetected');
                        if (savedGestureDetected === 'true') {
                            this.userGestureDetected = true;
                        }
                    } catch (e) {
                        console.log('恢复播放进度失败:', e);
                    }
                }
            },
            
            // 尝试自动播放音乐
            attemptAutoPlay: function() {
                if (this.autoplayAttempted || !this.currentPlayingAudio) {
                    return;
                }
                
                this.autoplayAttempted = true;
                
                // 检查是否需要自动播放
                const paused = sessionStorage.getItem('musicPaused');
                
                // 如果用户手势已经检测到并且音乐之前没有暂停，尝试继续播放
                if (this.userGestureDetected && (paused === null || paused === 'false')) {
                    this.currentPlayingAudio.play().then(() => {
                        console.log('音乐自动播放成功，恢复之前的播放状态');
                    }).catch(error => {
                        console.log('自动播放失败，等待用户交互:', error);
                    });
                } else {
                    console.log('等待用户交互后播放音乐');
                }
            },
            
            // 设置用户手势检测
            setupUserGestureDetection: function() {
                if (this.userGestureDetected) {
                    return;
                }
                
                const handleUserGesture = () => {
                    if (!this.userGestureDetected && this.currentPlayingAudio) {
                        this.currentPlayingAudio.play().then(() => {
                            this.userGestureDetected = true;
                            
                            // 保存用户手势检测状态到sessionStorage
                            try {
                                sessionStorage.setItem('musicUserGestureDetected', 'true');
                            } catch (e) {
                                console.log('保存用户手势状态失败:', e);
                            }
                            
                            console.log('用户交互后音乐开始播放');
                            // 移除事件监听器，避免重复触发
                            document.removeEventListener('click', handleUserGesture);
                            document.removeEventListener('touchstart', handleUserGesture);
                        }).catch(error => {
                            console.log('用户交互后播放仍失败:', error);
                        });
                    }
                };
                
                // 添加事件监听器
                document.addEventListener('click', handleUserGesture);
                document.addEventListener('touchstart', handleUserGesture);
            },
            
            // 使用音乐代理脚本修复音频文件路径
            fixAudioSourcePaths: function() {
                const audioElements = document.querySelectorAll('audio');
                
                audioElements.forEach(audio => {
                    // 跳过全局音乐播放器
                    if (audio.id === 'globalMusic') {
                        return;
                    }
                    
                    const sources = audio.querySelectorAll('source');
                    
                    sources.forEach(source => {
                        const originalSrc = source.getAttribute('src');
                        if (originalSrc && originalSrc.includes('music/')) {
                            try {
                                // 从src中提取文件名
                                const pathParts = originalSrc.split('/');
                                const filename = pathParts.pop();
                                
                                // 构建通过代理的URL
                                const encodedFilename = encodeURIComponent(filename);
                                const proxySrc = 'music_proxy.php?file=' + encodedFilename;
                                
                                // 创建新的source元素
                                const newSource = document.createElement('source');
                                newSource.setAttribute('src', proxySrc);
                                newSource.setAttribute('type', source.getAttribute('type') || 'audio/mpeg');
                                
                                // 替换原有的source元素
                                audio.replaceChild(newSource, source);
                                
                                console.log('使用代理脚本修复了音频路径:', originalSrc, '->', proxySrc);
                            } catch (e) {
                                console.log('处理音频路径时出错:', e);
                            }
                        }
                    });
                });
            },
            
            // 设置当前播放的音频
            setCurrentPlaying: function(audio) {
                // 如果已经有正在播放的音频，停止它
                if (this.currentPlayingAudio && this.currentPlayingAudio !== audio) {
                    this.stopAudio(this.currentPlayingAudio);
                }
                this.currentPlayingAudio = audio;
            },
            
            // 停止指定音频
            stopAudio: function(audio) {
                if (audio && typeof audio.pause === 'function') {
                    audio.pause();
                    audio.currentTime = 0;
                }
            },
            
            // 停止所有音频播放的增强版函数
            stopAllAudio: function() {
                console.log('正在停止所有音频播放...');
                try {
                    // 获取所有音频元素
                    const audioElements = document.querySelectorAll('audio');
                    console.log('找到 ' + audioElements.length + ' 个音频元素');
                    
                    // 停止每个音频元素
                    audioElements.forEach((audio, index) => {
                        if (audio && typeof audio.pause === 'function') {
                            audio.pause();
                            audio.currentTime = 0; // 重置播放位置到开始
                            // 临时禁用自动播放属性，确保不会立即重新开始
                            const originalAutoplay = audio.getAttribute('data-original-autoplay');
                            if (originalAutoplay) {
                                audio.removeAttribute('autoplay');
                                audio.setAttribute('data-autoplay-disabled', 'true');
                            }
                            console.log('已停止音频元素 ' + index + ': ' + audio.id);
                        }
                    });
                    
                    // 清除当前播放记录
                    this.currentPlayingAudio = null;
                } catch (error) {
                    console.error('停止音频时出错:', error);
                }
            },
            
            // 初始化页面上的音频元素
            initAudioElements: function() {
                // 首先修复音频文件路径的URL编码问题
                this.fixAudioSourcePaths();
                
                const audioElements = document.querySelectorAll('audio');
                
                audioElements.forEach(audio => {
                    // 保存原始的autoplay属性状态
                    if (audio.hasAttribute('autoplay')) {
                        audio.setAttribute('data-original-autoplay', 'true');
                        // 移除自动播放属性，由我们的代码控制
                        audio.removeAttribute('autoplay');
                    }
                    
                    // 监听播放事件，更新当前播放的音频
                    audio.addEventListener('play', () => {
                        MusicManager.setCurrentPlaying(audio);
                    });
                });
                
                // 初始化后立即尝试自动播放，无需用户交互
                if (!this.autoplayAttempted) {
                    this.attemptAutoplay();
                }
            },
            
            // 尝试自动播放（不依赖用户交互）
            attemptAutoplay: function() {
                this.autoplayAttempted = true;
                console.log('页面加载完成，尝试自动播放音乐...');
                
                try {
                    // 查找所有应该自动播放的音频元素
                    const autoPlayAudios = document.querySelectorAll('audio[data-original-autoplay="true"]');
                    
                    if (autoPlayAudios.length > 0) {
                        // 尝试播放第一个应该自动播放的音频
                        const firstAudio = autoPlayAudios[0];
                        
                        // 移除临时禁用标志
                        if (firstAudio.hasAttribute('data-autoplay-disabled')) {
                            firstAudio.removeAttribute('data-autoplay-disabled');
                        }
                        
                        // 添加静音状态标记
                        const wasMuted = firstAudio.muted;
                        
                        // 尝试静音播放（某些浏览器允许静音自动播放）
                        firstAudio.muted = true;
                        
                        // 尝试播放音频
                        const playPromise = firstAudio.play();
                        
                        if (playPromise !== undefined) {
                            playPromise.then(() => {
                                console.log('音乐自动播放成功！');
                                // 成功后取消静音
                                setTimeout(() => {
                                    firstAudio.muted = wasMuted;
                                }, 500);
                                this.setCurrentPlaying(firstAudio);
                                this.userGestureDetected = true;
                            }).catch(error => {
                                console.log('音乐自动播放失败，将等待用户交互:', error);
                                // 恢复原始静音状态
                                firstAudio.muted = wasMuted;
                                // 设置音量为较低值，以便用户交互后播放不会太突兀
                                firstAudio.volume = 0.3;
                            });
                        }
                    }
                } catch (error) {
                    console.error('尝试自动播放音乐时出错:', error);
                }
            },
            
            // 尝试播放音乐（用户交互后）
            playWithUserGesture: function() {
                if (this.userGestureDetected) return; // 防止重复执行
                
                console.log('检测到用户交互，尝试播放音乐...');
                this.userGestureDetected = true;
                
                try {
                    // 查找所有应该自动播放的音频元素
                    const autoPlayAudios = document.querySelectorAll('audio[data-original-autoplay="true"]');
                    
                    if (autoPlayAudios.length > 0) {
                        // 尝试播放第一个应该自动播放的音频
                        const firstAudio = autoPlayAudios[0];
                        
                        // 移除临时禁用标志
                        if (firstAudio.hasAttribute('data-autoplay-disabled')) {
                            firstAudio.removeAttribute('data-autoplay-disabled');
                        }
                        
                        // 尝试播放音频
                        const playPromise = firstAudio.play();
                        
                        if (playPromise !== undefined) {
                            playPromise.then(() => {
                                console.log('用户交互后音乐播放成功!');
                                this.setCurrentPlaying(firstAudio);
                            }).catch(error => {
                                console.log('用户交互后音乐播放失败:', error);
                                // 不显示错误
                            });
                        }
                    }
                } catch (error) {
                    console.error('尝试播放音乐时出错:', error);
                }
            }
        };
        
        // 简化的停止函数，调用MusicManager的方法
        function stopAllAudio() {
            window.MusicManager.stopAllAudio();
        }

        $(document).pjax('a[target!=_blank]', '#pjax-container', { fragment: '#pjax-container', timeout: 15000 });
        $(document).on('pjax:send', function () {
            // 页面切换前停止所有音乐
            stopAllAudio();
            NProgress.start();
        });
        
        // 为普通链接点击也添加停止音乐功能
        $(document).on('click', 'a[href]:not([target=_blank])', function(e) {
            // 检查是否是内部链接
            const href = $(this).attr('href');
            if (href && !href.startsWith('http') && !href.startsWith('#')) {
                stopAllAudio();
            }
        });
        
        // 在页面卸载前也停止音乐
        window.addEventListener('beforeunload', stopAllAudio);
        
        // 添加popstate事件监听（处理浏览器前进/后退按钮）
        window.addEventListener('popstate', stopAllAudio);
        
        // 添加pjax:beforeReplace事件监听
        $(document).on('pjax:beforeReplace', stopAllAudio);
        
        // 页面加载完成后初始化音频管理
        $(document).ready(function() {
            window.MusicManager.fixAudioSourcePaths(); // 先修复路径
            window.MusicManager.initAudioElements();   // 再初始化音频元素
            
            // 添加用户交互检测，用于触发音频播放
            function setupUserGestureDetection() {
                // 如果已经检测到用户手势，则不再设置监听器
                if (window.MusicManager.userGestureDetected) return;
                
                // 触发播放的用户交互类型
                const gestureTypes = ['click', 'tap', 'keydown', 'mousedown', 'touchstart'];
                
                // 添加事件监听器
                gestureTypes.forEach(type => {
                    document.addEventListener(type, handleUserGesture, { once: true, passive: true });
                });
                
                function handleUserGesture() {
                    // 调用播放方法
                    window.MusicManager.playWithUserGesture();
                    
                    // 移除所有手势监听器
                    gestureTypes.forEach(type => {
                        document.removeEventListener(type, handleUserGesture);
                    });
                }
            }
            
            // 设置用户交互检测
            setupUserGestureDetection();
        });
        
        // 添加全局函数，方便在其他地方手动调用修复
        window.fixAllAudioPaths = function() {
            window.MusicManager.fixAudioSourcePaths();
        }
        $(document).on('pjax:complete', function () {
            $(".love_img img,.lovelist img,.little_texts img").addClass("spotlight");
            NProgress.done();
            FunLazy({
                placeholder: "Style/img/Loading2.gif",
                effect: "show",
                strictLazyMode: false,
                useErrorImagePlaceholder: "https://img.gejiba.com/images/dbc7f2562e051afc3c39f916689ba5f0.png"
            })
            
            // 重新初始化音频元素
            window.MusicManager.fixAudioSourcePaths(); // 先修复路径
            window.MusicManager.initAudioElements();   // 再初始化音频元素
            
            // 重置用户手势检测状态
            window.MusicManager.userGestureDetected = false;
            
            // 重新设置用户交互检测
            function setupUserGestureDetection() {
                // 触发播放的用户交互类型
                const gestureTypes = ['click', 'tap', 'keydown', 'mousedown', 'touchstart'];
                
                // 添加事件监听器
                gestureTypes.forEach(type => {
                    document.addEventListener(type, handleUserGesture, { once: true, passive: true });
                });
                
                function handleUserGesture() {
                    // 调用播放方法
                    window.MusicManager.playWithUserGesture();
                    
                    // 移除所有手势监听器
                    gestureTypes.forEach(type => {
                        document.removeEventListener(type, handleUserGesture);
                    });
                }
            }
            
            // 设置用户交互检测
            setupUserGestureDetection();
            
            $('.card, .card-b').click(function() {
                var link = $(this).find('a').get(0);
                if (link) {
                    link.click();
                }
            });
            $('#MessageBtn').click(function() {
                var targetOffset = $('#MessageArea').offset().top;
                if ($(window).scrollTop() !== targetOffset) {
                    $('html, body').animate({
                        scrollTop: targetOffset
                    }, 800);
                }
            });
            
            $('video').each(function() {
                var video = $(this);
                setupVideoPlayer(video);
            });
            
        });
    </script>
    <script>
        // 页面加载完成后初始化全局音乐播放器
        window.addEventListener('load', function() {
            if (window.MusicManager && typeof window.MusicManager.initGlobalMusic === 'function') {
                window.MusicManager.initGlobalMusic();
            }
        });
    </script>
<script src="Style/js/nprogress.js?LikeGirl=20241108"></script>
<link href="Style/css/nprogress.css?LikeGirl=20241108" rel="stylesheet" type="text/css">
<!-- 头部导航条 -->
<div class="header-wrap">
    <div class="header">
        <div class="logo">
            <h1><a class="alogo" href="index.php">恋爱日记</a></h1>
        </div>
        <div class="word">
            <span class="wenan">愿得一人心 白首不分离</span>
        </div>
    </div>
</div>

<!-- 头像内容 -->
<div class="bg-wrap">
    <div class="bg-img">
        <div class="central central-800">
            <div
                class="middle animated fadeInDown ">
                <div class="img-male">
                    <img src="http://q.qlogo.cn/headimg_dl?dst_uin=1936723801&spec=100" draggable="false">
                    <span>秦科</span>
                </div>
                <div class="love-icon">
                    <img src="Style/img/like.svg" draggable="false">
                </div>
                <div class="img-female">
                    <img src="http://q.qlogo.cn/headimg_dl?dst_uin=3335785099&spec=100" draggable="false">
                    <span>李萍</span>
                </div>
            </div>
        </div>
        <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
                <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
            </g>
        </svg>
    </div>
</div>


<style>
    .bg-img {
        background: url(card-bg.jpg) no-repeat center !important;
        background-size: cover !important;
    }

    .wenan {
        color: rgb(97 97 97);
        transition: all 0.2s linear;
    }

    .alogo {
        color: rgb(97 97 97);
        transition: all 0.2s linear;
    }

    /* webkit, opera, IE9 （谷歌浏览器）*/
    ::selection {
        background: #6f6f6fc7;
        color: #ffffff;
    }

    /* mozilla firefox（火狐浏览器） */
    ::-moz-selection {
        background: #6f6f6fc7;
        color: #ffffff;
    }

    .delay-03s {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    .Blurkg {
        backdrop-filter: blur(0px) !important;
        -webkit-backdrop-filter: blur(0px) !important;
        background: transparent !important;
    }

    .cpt-loading-mask.column {
        background: transparent !important;
    }
</style>
<style>
    /* 这里可以写入自定义CSS样式内容 无需带 style 标签 */</style>
<head>
    <meta charset="utf-8" />
    <title>恋爱日记 — 恋爱事件</title>
</head>

<body>
    <div id="pjax-container">
        <div class="central">
            <div class="title">
                <h1>总有些独特的际遇 比方说这些小纪念</h1>
            </div>
            <!-- 音乐播放器 - 已隐藏 -->
        <div class="music-player" style="text-align: center; margin: 20px 0; display: none;">
            <audio id="homeMusic" controls autoplay loop style="max-width: 100%;">
                <source src="music/1.mp3" type="audio/mpeg">
                    您的浏览器不支持音频播放
                </audio>
            </div>
            <div class="row central central-800">

                                <div class="card col-lg-12 col-md-12 col-sm-12 col-sm-x-12">
                    <div
                        class="list_texts animated fadeInUp delay-03s">
                        <div class="lovelist ">
                                                            <li class="cike">
                                                                        <span class="air" style="font-size: 1.8rem; margin-right: 0.8rem; color: red;">×</span>                                     <span>第一次去西藏</span>
                                                                        <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                    </li>
                                <ul>
                                    <li>
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                                                        <span class="air" style="font-size: 1.8rem; margin-right: 0.8rem; color: red;">×</span>                                     <span>第一次坐飞机</span>
                                                                        <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                    </li>
                                <ul>
                                    <li>
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                                                        <span class="air" style="font-size: 1.8rem; margin-right: 0.8rem; color: red;">×</span>                                     <span>第一次生宝宝</span>
                                                                        <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                    </li>
                                <ul>
                                    <li>
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                                                        <span class="air" style="font-size: 1.8rem; margin-right: 0.8rem; color: red;">×</span>                                     <span>第一次出国</span>
                                                                        <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                    </li>
                                <ul>
                                    <li>
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次包饺子</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bbcc7540a.jpg" alt="第一次包饺子"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次出海</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9c0220f577.png" alt="第一次出海"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次和家人正式合照</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9c024733a4.jpg" alt="第一次和家人正式合照"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次在家里烧烤</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9c02468d25.jpg" alt="第一次在家里烧烤"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次做照片墙</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bf90a90de.jpg" alt="第一次做照片墙"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次看夕阳</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bf914e68a.jpg" alt="第一次看夕阳"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次抓娃娃</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bf90e2a51.jpg" alt="第一次抓娃娃"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次看海</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bf8fec1f3.jpg" alt="第一次看海"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次去空中餐厅吃饭</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bf90ae4ac.jpg" alt="第一次去空中餐厅吃饭"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次放烟花</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9be0fa1b54.jpg" alt="第一次放烟花"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次摘草莓</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9be0f43caa.jpg" alt="第一次摘草莓"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次坐竹筏</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9be0b0f5ac.jpg" alt="第一次坐竹筏"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次被贴贴纸（她开心到模糊）</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bd79d1866.jpg" alt="第一次被贴贴纸（她开心到模糊）"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次做蛋糕打发的奶油（够绵吧）</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bd795f8bb.jpg" alt="第一次做蛋糕打发的奶油（够绵吧）"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次去旅游（说走就走凤凰古城）</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bd7673a52.jpg" alt="第一次去旅游（说走就走凤凰古城）"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次去拔笋子</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bbcc6d261.jpg" alt="第一次去拔笋子"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次做的小蛋糕</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bbcc02306.jpg" alt="第一次做的小蛋糕"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次放风筝</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/05/68b9bbcb46818.jpg" alt="第一次放风筝"> 
                                                                            </li>
                                </ul>
                                                                <li class="cike">
                                    <span class="com" style="font-size: 1.8rem; margin-right: 0.8rem;">✓</span>                                                                         <span>第一次看彩虹</span>
                                                                            <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-tupian"></use>
                                        </svg>                                    <!-- 点击展开箭头图标，只在已完成的条目显示 -->
                                                                        <span class="expand-icon" style="margin-left: auto; display: inline-block;">
                                        <svg class="icon" aria-hidden="true" style="transition: transform 0.3s ease;">
                                            <use xlink:href="#icon-zhankai"></use>
                                        </svg>
                                    </span>
                                                                    </li>
                                <ul>
                                    <li>
                                                                                    <img data-funlazy="https://youke1.picui.cn/s1/2025/09/04/68b9575e46f9f.jpeg" alt="第一次看彩虹"> 
                                                                            </li>
                                </ul>
                                                        </div>
                    </div>
                </div>
                            </div>
        </div>
        <style>
            .icon {
                width: 1.5em;
                height: 1.5em;
                vertical-align: -0.3em;
                fill: currentColor;
                overflow: hidden;
            }

            li.cike {
                border-bottom: 1px solid #ddd;
                display: flex;
                align-items: center;
                padding: 10px 0;
            }

            li {
                list-style-type: none;
            }

            .cike:hover {
                cursor: pointer;
                cursor: url(../Style/cur/hover.cur), pointer;
                background-color: rgba(0, 0, 0, 0.02);
            }

            .expand-icon {
                transition: transform 0.3s ease;
            }

            .cike.expanded .expand-icon svg {
                transform: rotate(180deg);
            }
        </style>
        <script>
            $(function () {
                $(".lovelist ul").hide();
                // 只给有展开图标的已完成条目绑定点击事件
                $(".lovelist li.cike:has(.expand-icon)").bind("click", function () {
                    var ulElement = $(this).next("ul");
                    
                    // 切换展开/收起状态
                    ulElement.slideToggle(500);
                    
                    // 关闭其他展开的项目
                    $(this).siblings("li.cike").each(function() {
                        $(this).next("ul").slideUp(500);
                        $(this).removeClass("expanded");
                    });
                    
                    // 添加/移除展开类，用于箭头旋转
                    $(this).toggleClass("expanded", ulElement.is(":visible"));
                })
            })

        </script>
    </div>
    <script src="../Style/toastr/toastr.js"></script>
<div id="pjax-container">
    <script>
        $(function () {
            
            $('.card, .card-b').click(function() {
                var link = $(this).find('a').get(0);
                if (link) {
                    link.click();
                }
            });
            
            $('#MessageBtn').click(function() {
                var targetOffset = $('#MessageArea').offset().top;
                if ($(window).scrollTop() !== targetOffset) {
                    $('html, body').animate({
                        scrollTop: targetOffset
                    }, 800);
                }
            });
            

            $('video').each(function() {
                var video = $(this);
                setupVideoPlayer(video);
            });

            
            $(".love_img img,.lovelist img,.little_texts img").addClass("spotlight").each(function () {
                this.onclick = function () {
                    return hs.expand(this)
                }
                toastr.options = {
                    "closeButton": true,
                    "debug": false,
                    "newestOnTop": false,
                    "progressBar": true,
                    "rtl": false,
                    "positionClass": "toast-top-right",
                    "preventDuplicates": false,
                    "onclick": null,
                    "showDuration": 300,
                    "hideDuration": 1000,
                    "timeOut": 5000,
                    "extendedTimeOut": 1000,
                    "showEasing": "swing",
                    "hideEasing": "linear",
                    "showMethod": "fadeIn",
                    "hideMethod": "fadeOut"
                };
            });

            window.onscroll = function () {
                let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (scrollTop > 500) {
                    $('.wenan').css({
                        'color': '#333333'
                    });
                    $('.alogo').css({
                        'color': '#333333'
                    });
                }

                if (scrollTop < 500) {
                    $('.wenan').css({
                        'color': 'rgb(97 97 97)'
                    });
                    $('.alogo').css({
                        'color': 'rgb(97 97 97)'
                    });
                }
            }

            FunLazy({
                placeholder: "Style/img/Loading2.gif",
                effect: "show",
                strictLazyMode: false,
                useErrorImagePlaceholder: "https://img.gejiba.com/images/dbc7f2562e051afc3c39f916689ba5f0.png"
            })

        })


    </script>
    <style>
        .icon {
            width: 1.5em;
            height: 1.5em;
            vertical-align: -0.3em;
            fill: currentColor;
            overflow: hidden;
        }

        li.cike {
            border-bottom: 1px solid #ddd;
        }

        li {
            list-style-type: none;
        }

        .cike:hover {
            cursor: pointer;
            cursor: url(../Style/cur/hover.cur), pointer;
        }

        button:disabled {
            background: #888;
            opacity: 0.6;
        }

        .avatar {
            width: 3em;
            height: 3em;
            border-radius: 50%;
            box-shadow: 0 2px 20px #c5c5c575;
            border: 2px solid #fff;
            margin-right: 0.8rem;
        }
    </style>
</div>



<!--<script src="https://img-love.kikiw.cn/jsxg/yh/yinghua.js"></script>-->
</body>

</html>