-->
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-09-28T16:36");
        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" />
<meta name="keywords"
    content="二霄的专属站点,Like Girl 5.2.0,LGNeUi,情侣小站,开源情侣网站,PHP情侣网站,情侣记录,情侣网站,情侣项目,情侣小窝,Love,LikeGirl,Ki,PHP情侣小站,情侣小站使用教程,情侣小站使用文档">
<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 href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../Style/css/leaving.css?LikeGirl=">
<link rel="stylesheet" href="../Style/css/index.css?LikeGirl=">
<link rel="stylesheet" href="../Style/css/little.css?LikeGirl=">
<link rel="stylesheet" href="../Style/css/about.css?LikeGirl=">
<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/Font/font_list/iconfont.css">
<link rel="stylesheet" href="../Style/css/loveImg.css?LikeGirl=">
<link rel="stylesheet" href="../Style/css/list.css?LikeGirl=">
<link rel="stylesheet" href="../Style/toastr/toastr.css?LikeGirl=">
<link rel="stylesheet" href="../Style/css/loadinglike.css?LikeGirl=">
<script src="../Style/Font/font_leav/iconfont.js"></script>
<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="></script>

    <script>
        $(document).pjax('a[target!=_blank]', '#pjax-container', { fragment: '#pjax-container', timeout: 15000 });
        $(document).on('pjax:send', function () {
            NProgress.start();
        });
        $(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"
            })
            $('.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 src="../Style/js/nprogress.js?LikeGirl="></script>
<link href="../Style/css/nprogress.css?LikeGirl=" 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="https://q1.qlogo.cn/g?b=qq&nk=1441285354&s=640" draggable="false">
                    <span>黄霄华</span>
                </div>
                <div class="love-icon">
                    <img src="Style/img/like.svg" draggable="false">
                </div>
                <div class="img-female">
                    <img src="https://q1.qlogo.cn/g?b=qq&nk=3518337191&s=640" 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(/admin/uploads/50349cb3f5647b928c1b23f41cc2d9bc.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>
    </style>
<head>
    <meta charset="utf-8" />
    <title>二霄的专属站点</title>
    <link rel="stylesheet" href="Style/css/index.css?LikeGirl=">
</head>

<body>
    
 <style>    
.my-pink-bg-world {
    font-family: Arial, sans-serif;
    background-color: rgba(255, 228, 225, 0.6); /* 使用rgba来设置背景色及透明度，这里透明度为0.6即60% */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* 弹窗整体样式 */
.super-fancy-popup {
    display: none;
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 240, 245, 0.6); /* 同样使用rgba设置背景色并设置60%透明度 */
    border-radius: 25px; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 30px;
    text-align: center;
    width: 80%;
    max-width: 350px;
}


.magical-popup-title {
    font-size: 24px;
    color: #ff69b4;
    margin-bottom: 20px;
}


.glowing-btn {
    background-color: rgba(255, 105, 180, 0.6); /* 将按钮背景色设置为60%透明度，使用rgba */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}

.glowing-btn:hover {
    background-color: rgba(255, 20, 147, 0.8); /* 鼠标悬停时保持80%透明度 */
}


.sparkling-popup-text {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
}
</style>
    <!-- 弹窗容器 -->
    <div id="popup" class="super-fancy-popup">
        <h2 class="magical-popup-title">温馨提示</h2>
        <p class="sparkling-popup-text">欢迎你来看我们的恋爱故事和日常记录，只为她着迷....</p>
        <button class="glowing-btn" id="closeButton">点击此处走曲开始吧~～</button>
    </div>
    <audio id="myAudio" src="http://music.163.com/song/media/outer/url?id=1436709403.mp3"></audio><!-- 这里填写音乐地址，建议将音频上传至服务器，本地播放 -->
    <script>
        // 获取弹窗元素、关闭按钮元素和音频元素
        const popup = document.getElementById('popup');
        const closeButton = document.getElementById('closeButton');
        const audio = document.getElementById('myAudio');

        // 显示弹窗
        popup.style.display = "block";

        // 当点击关闭按钮时
        closeButton.onclick = function () {
            popup.style.display = "none";
         audio.play().then(() => {
    audio.loop = true;
});
        };
    </script>

    
    
    <div id="pjax-container">
        <!-- 时间区域 -->
        <div class="time">
            <span id="span_dt_dt"></span>
            <b id="tian"></b>
            <b id="shi"></b>
            <b id="fen"></b>
            <b id="miao"></b>
        </div>
        <!-- 卡片区域 -->
        <div class="card-wrap">
            <div class="row central">
                <div
                    class="card col-lg-4 col-sm-12 col-sm-x-12 flex-h animated fadeInUp">
                    <img src="Style/img/home/home-page.svg">
                    <div class="text">
                        <span><a target="_self" href="little.php">点点滴滴</a></span>
                        <p>记录你我生活</p>
                    </div>
                </div>
                <div
                    class="card col-lg-4 col-sm-12 col-sm-x-12 flex-h animated fadeInUp">
                    <img src="Style/img/home/home-msg.svg" alt="">
                    <div class="text">
                        <span><a target="_self" href="leaving.php">留言板</a></span>
                        <p>写下留言祝福</p>
                    </div>
                </div>
                <div
                    class="card col-lg-4 col-sm-12 col-sm-x-12 flex-h animated fadeInUp">
                    <img src="Style/img/home/home-about.svg" alt="">
                    <div class="text">
                        <span><a target="_self" href="about.php">关于我们</a></span>
                        <p>我们的经历</p>
                    </div>
                </div>
                <div
                    class="card-b col-lg-6 col-12 col-sm-12 flex-h animated fadeInUp">
                    <img src="Style/img/home/home-photo.svg" alt="">
                    <div class="text">
                        <span><a target="_self" href="loveImg.php">Love Photo</a></span>
                        <p>恋爱相册 记录最美瞬间</p>
                    </div>
                </div>
                <div
                    class="card-b col-lg-6 col-12 col-sm-12 flex-h animated fadeInUp">
                    <img src="Style/img/home/home-list.svg" alt="">
                    <div class="text">
                        <span><a target="_self" href="list.php">Love List</a></span>
                        <p>恋爱列表 你我之间的约定</p>
                    </div>
                </div>
            </div>
        </div>
    </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>

    <div class="footer-warp">
        <div class="footer">
                            <p><img src="../Style/img/icp.svg"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2021037776号</a></p>
                            <p>Powered by Typecho ※ Theme is Cuteen 黄霄华_最后修改2025/10/30</p>
                    </div>
    </div>



</body>

</html>