-->



<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("2022-06-05T00:07");
        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="K-L情侣小站,开源情侣网站,PHP情侣网站,情侣记录,情侣网站,情侣项目,情侣小窝,Love,PHP情侣小站,情侣小站使用教程,情侣小站使用文档">
<meta name="discription" content="喜欢花 喜欢浪漫 喜欢你~ - K-L 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=20241108">
<link rel="stylesheet" href="../Style/css/index.css?LikeGirl=20241108">
<link rel="stylesheet" href="../Style/css/little.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/Font/font_list/iconfont.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="../Style/Font/font_leav/iconfont.js"></script>
<script src="../Style/jquery/jquery.min.js"></script>
<script src="../Style/js/vue.min.js"></script>
<script src="../Botui/botui.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>

<!-- 这里可以嵌入自定义字体CDN加速地址 -->    <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=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">K-L v5.2.0</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=647159607&s=640" draggable="false">
                    <span>Ki</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=917640289&s=640" draggable="false">
                    <span>Li</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(https://lovey.kikiw.cn/Style/img/Cover.webp) 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>K-L — 关于我们</title>
</head>

<body>
    <div id="pjax-container">
        <style>
            .central-600 {
                background: url("https://pic.dmjnb.com/pic/0e032f70b257eb8b2156b4ff6e56afdd") no-repeat center top;
                background-size: cover;
            }

            .central {
                padding: 0;
            }
        </style>

        <h4 class="text-ce central">与 <i>K-L </i>小站对话中...</h4>
        <div class="central central-600">
            <div class="botui-app-container" id="botui-app">
                <bot-ui></bot-ui>
            </div>
        </div>

        <script>
            var botui = new BotUI("botui-app");
            var dialogConfigs = {"1":{"texts":["Hi, \u6b22\u8fce\u4f60\u7684\u6765\u8bbf","\u613f\u5f97\u4e00\u4eba\u5fc3 \u767d\u9996\u4e0d\u76f8\u79bb","\u8bb0\u5f55\u65e5\u5e38\u751f\u6d3b \u7559\u4f4f\u611f\u52a8"],"buttons":[{"content":"\u4e86\u89e3\u6211\u4eec","target_config_id":"2"},{"content":"\u518d\u89c1","target_config_id":"6"}]},"2":{"texts":["\u60c5\u4fa3\u5c0f\u7ad9Like Girl\u662f Ki \u7684\u539f\u521b\u9879\u76ee","\u57282022\u5e74\u6691\u5047\u7684\u5047\u671f\u6700\u540e\u51e0\u5929\u91cc\u53d1\u5e03\u4e861.0\u7248\u672c","\u6700\u65b0\u7248\u672c\u4e3a v5.2.0 \u4ea6\u662f\u6700\u7ec8\u7248\u672c \u76ee\u524d\u5df2\u5f00\u6e90\u5230\u7801\u4e91","PHP\u786e\u5b9e\u662f \u201c\u4e16\u754c\u4e0a\u6700\u597d\u7684\u8bed\u8a00\u201d  \u6211\u975e\u5e38\u559c\u6b22\uff08\u75db\u82e6","\u5728\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u9047\u5230\u4e86\u8bb8\u591a\u5947\u8469\u95ee\u9898 \u4e5f\u662f\u53ea\u80fd\u81ea\u5df1\u63a2\u7d22\u89e3\u51b3...","\u559c\u6b22\u63a2\u7d22\u7f16\u7a0b\u9886\u57df \u70ed\u7231\u5b66\u4e60\u65b0\u77e5\u8bc6 \u70ed\u7231\u5f00\u6e90\u6587\u5316"],"buttons":[{"content":"\u4e3a\u4ec0\u4e48\u53eb Ki\uff1f","target_config_id":"3"}]},"3":{"texts":["\u4e0d\u77e5\u9053\u4f60\u6709\u6ca1\u6709\u770b\u8fc7\u300a\u6bd4\u60b2\u4f24\u66f4\u60b2\u4f24\u7684\u6545\u4e8b\u300b","\u55e8\uff0c\u6211\u662fk\uff0c\u5982\u679c\u6709\u4e0b\u8f88\u5b50\u7684\u8bdd\uff0c","\u201c\u6211\u60f3\u5f53\u6212\u6307\uff0c\u773c\u955c\uff0c\u5e8a\u548c\u7b14\u8bb0\u672c\uff0c\u8fd9\u6837\u7684\u8bdd\uff0c\u6211\u5c31\u53ef\u4ee5...\u201d","\u5f53\u7136\u8ddf\u8fd9\u4e2a\u6ca1\u6709\u5173\u7cfb\u54c8\u54c8"],"buttons":[{"content":"\u542c\u542c\u60c5\u8bdd","target_config_id":"5"}]},"4":{"texts":["\u9996\u9875 index","\u70b9\u70b9\u6ef4\u6ef4 little","\u7559\u8a00\u677f leaving","\u5173\u4e8e about","\u6b22\u8fce\u60a8\u7684\u6765\u8bbf IP\u5df2\u8bb0\u5f55 \u8bf7\u5c3d\u60c5\u6d4f\u89c8\u672c\u7ad9\uff5e"],"buttons":[]},"5":{"texts":["\u5973\u4eba\uff1a\u4f60\u751a\u81f3\u8fd8\u4e0d\u8ba4\u8bc6\u6211\u3002","\u7537\u4eba\uff1a\u6211\u6709\u4e00\u8f88\u5b50\u53ef\u4ee5\u8ba4\u8bc6\u4f60\u3002","\u54b3\u54b3\uff0c","\u5b66\u4f1a\u642d\u8baa\u4e86\u5427\u3002"],"buttons":[{"content":"\u518d\u89c1","target_config_id":"6"}]},"6":{"texts":["\u4f60\u50cf\u4e00\u9635\u665a\u98ce\uff0c","\u6765\u8fc7\u6211\u7684\u4e16\u754c\uff0c","\u5982\u4eca\u8981\u5439\u5411\u66f4\u8fdc\u7684\u5730\u65b9\u5566!"],"buttons":[]}};

            // 显示对话配置
            function showDialog(configId) {
                var config = dialogConfigs[configId];
                if (!config) return Promise.resolve();

                // 显示所有文本消息
                var sequence = Promise.resolve();
                config.texts.forEach(function (text, index) {
                    sequence = sequence.then(function () {
                        return botui.message.bot({
                            delay: index === 0 ? 200 : 1000,
                            content: text
                        });
                    });
                });

                // 显示所有按钮
                if (config.buttons && config.buttons.length > 0) {
                    sequence = sequence.then(function () {
                        var actions = config.buttons.map(function (button, index) {
                            return {
                                text: button.content,
                                value: index
                            };
                        });

                        return botui.action.button({
                            delay: 1500,
                            action: actions
                        });
                    }).then(function (res) {
                        var selectedButton = config.buttons[res.value];
                        if (selectedButton.target_config_id) {
                            // 跳转到目标对话配置
                            return showDialog(selectedButton.target_config_id);
                        } else if (configId === 1 && res.value === 1) {
                            // 保持原有的告辞逻辑
                            return botui.message.bot({
                                delay: 1500,
                                content: " ![告辞](https://img.gejiba.com/images/4f6983d663bea83530b8ac3a8a6b9220.jpg) "
                            });
                        } else if (configId === 4) {
                            // 对话配置4结束后显示会话结束
                            return botui.message.bot({
                                delay: 1500,
                                content: "本次会话结束..."
                            }).then(function () {
                                return botui.message.bot({
                                    delay: 1500,
                                    content: "  "
                                });
                            });
                        }
                    });
                } else if (configId === 4) {
                    // 对话配置4结束后显示会话结束
                    sequence = sequence.then(function () {
                        return botui.message.bot({
                            delay: 1500,
                            content: "本次会话结束..."
                        }).then(function () {
                            return botui.message.bot({
                                delay: 1500,
                                content: "  "
                            });
                        });
                    });
                }

                return sequence;
            }

            // 开始显示对话，从配置1开始
            showDialog(1);
        </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>

    <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>Copyright © 2022 - 2024 Like_Girl All Rights Reserved.</p>
                    </div>
    </div>


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

</html>