-->



<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">
        <div class="central">
            <div class="title">
            </div>
            <div class="row central central-800">
                <div
                    class="card col-lg-12 col-md-12 col-sm-12 col-sm-x-12 animated fadeInUp delay-03s">
                    <div class="little_texts">
                        <div class="top-title f2">屏幕那端的温暖                            <svg class="little_icon" aria-hidden="true">
                                <use xlink:href="#icon-zhankai"></use>
                            </svg>
                        </div>
                        <div class="info">
                            <span>
                                <svg class="little_icon" aria-hidden="true">
                                    <use xlink:href="#icon-shoucang"></use>
                                </svg>
                                Ki <i>记录于</i> 2026-01-30</span>
                        </div>
                        <div class="line-top"></div>
                        <div id="md-view" class="file">
                            <p>陈默是一名插画师，习惯了和画笔、画布打交道，日子过得简单又单调，每天两点一线，工作室和出租屋之间来回奔波，画纸上的色彩是他最熟悉的伙伴，却也让他渐渐隔绝了外界的热闹。直到一次插画创作，他遇到了瓶颈，画了又改、改了又画，始终达不到自己想要的效果，无奈之下，他在一个插画交流群里发了求助信息，附上了自己的草稿。<br>
  消息发出没多久，就有一个叫林溪的女生私发了他，语气干脆又温柔：“我看了你的草稿，觉得色调可以再柔和一点，人物的神态可以更细腻，我给你发一段修改思路和草图，你试试。”陈默抱着试试看的心态，按照林溪给的思路修改，没想到困扰他半天的瓶颈，竟然一下子就突破了。<br>

  那天之后，陈默和林溪渐渐熟悉起来。他们都是热爱艺术的人，有着共同的话题，聊插画、聊色彩搭配、聊行业里的趣事，也聊各自的生活。陈默话少，大多时候都是林溪在说，她性格开朗，像一束光，照亮了陈默枯燥的生活；林溪遇到创作难题时，陈默也会耐心帮忙分析，用他的细腻和专业，给她最可靠的帮助。
<br>
  他们隔着屏幕，分享着彼此的喜怒哀乐。陈默熬夜赶稿，林溪会陪他聊天，提醒他注意休息，给她发一张自己画的小漫画，缓解他的疲惫；林溪心情不好时，陈默不会说太多安慰的话，却会默默帮她完善创作思路，给她点一份她最爱的甜品外卖。
<br>
  他们从未见过面，却仿佛已经认识了很久。直到半年后，林溪因为要参加当地的插画展，来到了陈默所在的城市，两个人终于迎来了第一次线下见面。</p>
                        </div>

                        <div class="line">
                            <p><svg t="1718070705747" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="3409" width="200" height="200">
                                    <path
                                        d="M512 85.3c235.3 0 426.7 191.4 426.7 426.7 0 235.3-191.4 426.7-426.7 426.7S85.3 747.3 85.3 512C85.3 276.7 276.7 85.3 512 85.3m0-64C241 21.3 21.3 241 21.3 512S241 1002.7 512 1002.7 1002.7 783 1002.7 512 783 21.3 512 21.3z"
                                        p-id="3410" fill="#b5b5b5"></path>
                                    <path d="M512 277.3m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="3411"
                                        fill="#b5b5b5"></path>
                                    <path
                                        d="M512 810.7c-35.3 0-64-28.7-64-64v-256c0-35.3 28.7-64 64-64s64 28.7 64 64v256c0 35.3-28.7 64-64 64z"
                                        p-id="3412" fill="#b5b5b5"></path>
                                </svg>
                                The content ends here.</p>
                        </div>


                    </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>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>