/* 引入Markdown解析库 - 新增代码开始 */
!function(){
    // 动态加载marked库（选用的大厂的CDN）
    if (!window.marked) {
        const script = document.createElement('script');
        script.src = 'https://cdn.jsdmirror.com/npm/marked@12.0.2/marked.min.js';
        script.async = true;
        document.head.appendChild(script);
        
        // 可选：添加代码高亮支持（如果需要解析代码块）
        const highlightScript = document.createElement('script');
        highlightScript.src = 'https://cdn.jsdmirror.com/npm/highlight.js@11.9.0/lib/highlight.min.js';
        highlightScript.async = true;
        document.head.appendChild(highlightScript);
        
        const highlightCss = document.createElement('link');
        highlightCss.rel = 'stylesheet';
        highlightCss.href = 'https://cdn.jsdmirror.com/npm/highlight.js@11.9.0/styles/github.min.css';
        document.head.appendChild(highlightCss);
    }
}();
/* 引入Markdown解析库 - 新增代码结束 */

/* LiuShen Echo System - XSCNET Adapted Version */
/* 原作者Liushen : https://blog.liushen.fun/posts/e0b4d5a/ */
// 定义一个自执行的匿名函数，创建独立作用域
!function () {
    // 初始化全局状态对象，用于管理定时器和事件监听器
    const n = window.__mete0rShuoshuoState || (window.__mete0rShuoshuoState = {
        resizeHandler: null,      // 窗口大小改变事件处理器
        afterRenderTimer: null,   // 渲染后延迟执行的定时器
        listenersBound: !1        // 是否已绑定事件监听器标记
    });

    // --- 核心配置区 ---
    const xscConfig = {
        apiUrl: '【】', // API地址，获取说说数据的接口
        avatar: '【】', // 默认头像URL
        nickname: '【】' // 默认昵称
    };

    // 清理函数：清除定时器和移除窗口大小改变事件监听器
    function a() {
        n.afterRenderTimer && (window.clearTimeout(n.afterRenderTimer), n.afterRenderTimer = null),
            n.resizeHandler && (window.removeEventListener("resize", n.resizeHandler), n.resizeHandler = null)
    }

    // 主要功能函数：初始化和渲染说说列表
    function r() {
        a(); // 清理之前的定时器和事件监听器
        const r = document.querySelector("#talk"); // 获取说说容器元素
        if (!r) return; // 如果找不到容器则直接返回
        r.innerHTML = ""; // 清空容器内容

        // 瀑布流布局函数：实现图片/卡片的瀑布流排列
        const o = e => {
            // 获取元素指定方向的外边距值
            function t(e, t) {
                const n = window.getComputedStyle(t);
                return parseFloat(n[`margin${e}`]) || 0
            }

            // 将数值转换为带像素单位的字符串
            function r(e) { return `${e}px` }

            // 获取元素的左边距位置
            function i(e) { return parseFloat(e.style.left) }

            // 获取元素的宽度
            function l(e) { return e.clientWidth }

            // 计算元素底部位置（顶部位置+高度+下边距）
            function s(e) {
                return function (e) { return parseFloat(e.style.top) }(e) +
                    function (e) { return e.clientHeight }(e) +
                    t("Bottom", e)
            }

            // 计算元素右边位置（左边位置+宽度+右边距）
            function c(e) { return i(e) + l(e) + t("Right", e) }

            // 对元素数组按从下到上的顺序进行排序
            function d(e) {
                e.sort(((e, t) => s(e) === s(t) ? i(t) - i(e) : s(t) - s(e)))
            }

            // 如果传入的是字符串选择器，则获取对应DOM元素
            if ("string" == typeof e && (e = document.querySelector(e)), !e) return;

            // 设置子元素绝对定位，并收集到数组中
            const u = Array.from(e.children).map((e => (e.style.position = "absolute", e)));
            e.style.position = "relative"; // 设置父容器相对定位

            const p = []; // 存储当前每列底部位置的元素

            // 处理第一行元素：设置第一个元素的位置
            u.length && (u[0].style.top = "0px", u[0].style.left = r(t("Left", u[0])), p.push(u[0]));
            let m = 1; // 从第二个元素开始循环

            // 将能放在第一行的元素水平排列
            for (; m < u.length; m += 1) {
                const n = u[m - 1], a = u[m]; // 当前元素和前一个元素
                if (!(c(n) + l(a) <= l(e))) break; // 如果超出容器宽度则跳出循环
                a.style.top = n.style.top, a.style.left = r(c(n) + t("Left", a)), p.push(a) // 设置元素位置
            }

            // 处理剩余元素：依次放置到最短列的下方
            for (; m < u.length; m += 1) {
                d(p); // 排序找到最短列
                const e = u[m], n = p.pop(); // 取出当前最短列的底部元素
                e.style.top = r(s(n) + t("Top", e)), e.style.left = r(i(n)), p.push(e) // 放置元素
            }

            d(p); // 最终排序
            const h = p[0]; // 找到最高列的底部元素
            e.style.height = h ? r(s(h) + t("Bottom", h)) : "0px"; // 设置容器高度

            const f = l(e); // 记录初始容器宽度
            // 设置窗口大小改变时的处理函数
            n.resizeHandler = () => {
                const e = document.querySelector("#talk");
                e && document.body.contains(e) ? l(e) !== f && o(e) : a() // 如果容器存在且尺寸改变，则重新计算布局
            },
                window.addEventListener("resize", n.resizeHandler) // 添加窗口大小改变事件监听器
        },

            // 提取扩展信息函数：从数据对象中提取extension字段
            i = e => {
                const t = e?.extension;
                return t && "object" == typeof t ? t : null
            },

            // 获取标签数组函数：从数据对象中提取标签，如果没有则默认返回"碎碎念"
            l = e => Array.isArray(e?.tags) && e.tags.length ?
                e.tags.map((e => e?.name || e)).filter(Boolean) :
                ["💬 碎碎念"],

            // 格式化日期函数：将日期字符串格式化为年月日时分格式
            s = e => {
                const t = new Date(e); // 创建日期对象
                if (isNaN(t.getTime())) return "刚刚"; // 如果日期无效则返回"刚刚"
                const n = e => String(e).padStart(2, "0"); // 补零函数
                // 返回格式化的日期时间字符串
                return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}`
            },

            // 生成外部链接HTML函数：根据类型生成网站或GitHub项目链接
            c = (e, t) => {
                if (!t) return ""; // 如果没有数据则返回空字符串
                let n = "", a = "", r = "【404图】";

                // 处理网站链接
                if ("WEBSITE" === e) {
                    n = t.site || t.url || "", a = t.title || n
                }

                // 处理GitHub项目链接
                if ("GITHUBPROJ" === e) {
                    n = t.repoUrl || t.url || "",
                        a = t.title || (e => {
                            if (!e) return "";
                            // 提取GitHub仓库名称
                            const t = e.match(/^https?:\/\/github\.com\/[^/]+\/([^/?#]+)/i);
                            if (t) return t[1];
                            return e
                        })(n);
                    r = "【】" // GitHub图标
                }

                // 返回格式化的外部链接HTML结构
                return n ? `\n<div class="shuoshuo-external-link"><a class="external-link" href="${n}" target="_blank" rel="nofollow noopener"><div class="external-link-left" style="background-image:url(${r})"></div><div class="external-link-right"><div class="external-link-title">${a}</div><div>点击跳转<i class="fa-solid fa-angle-right"></i></div></div></a></div>` : ""
            },

            // 生成B站视频嵌入函数：根据BVID生成B站视频iframe
            d = e => {
                const t = e?.videoId || e?.url || ""; if (!t) return ""; // 获取视频ID或URL
                let n = "";
                if (/^BV[0-9A-Za-z]+$/i.test(t)) // 验证是否为有效的BVID
                    n = `https://www.bilibili.com/blackboard/html5mobileplayer.html?bvid=${t}&as_wide=1&high_quality=1&danmaku=0`;
                // 返回视频iframe HTML
                return n ? `<div style="position: relative; padding: 30% 45%; margin-top: 10px;"><iframe style="position:absolute;width:100%;height:100%;left:0;top:0;border-radius:12px;" src="${n}" frameborder="0" allowfullscreen loading="lazy"></iframe></div>` : ""
            },

            // 生成轮播图HTML函数：将图片数组转换为轮播图结构（已升级支持LivePhoto）
            carouselHtml = (images, liveVideos = []) => {
                if (!images || images.length === 0) return '';

                // 内部函数：生成单个幻灯片的HTML，包含Live视频和图标
                const generateSlideHtml = (img, index, isActive) => {
                    const videoUrl = liveVideos[index];
                    const hasLive = !!videoUrl;
                    return `<div class="carousel-slide${isActive ? ' active' : ''}${hasLive ? ' has-live' : ''}">
                        <a href="${img}" class="carousel-image-link no-direct-link" data-fancybox="gallery" data-src="${img}">
                            <img src="${img}" loading="lazy" alt="图片">
                            ${hasLive ? `
                                <div class="live-badge">
                                    <svg class="live-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-352a96 96 0 1 1 0 192 96 96 0 1 1 0-192z" fill="currentColor"/></svg>
                                    <span>LIVE</span>
                                </div>
                                <video class="live-video" src="${videoUrl}" loop muted playsinline preload="metadata"></video>
                            ` : ''}
                        </a>
                    </div>`;
                };

                if (images.length === 1) {
                    // 只有一张图片时
                    return `<div class="image-carousel">
                        <div class="carousel-container single-image">
                            ${generateSlideHtml(images[0], 0, true)}
                        </div>
                    </div>`;
                } else {
                    // 多张图片时，显示轮播图
                    let slides = images.map((img, index) => generateSlideHtml(img, index, index === 0)).join('');

                    return `<div class="image-carousel">
                        <div class="carousel-container multi-images">
                            ${slides}
                            <button class="carousel-btn prev-btn" type="button" aria-label="上一张">&#10094;</button>
                            <button class="carousel-btn next-btn" type="button" aria-label="下一张">&#10095;</button>
                            <div class="carousel-indicators">
                                ${images.map((_, index) => `<span class="indicator${index === 0 ? ' active' : ''}" data-index="${index}"></span>`).join('')}
                            </div>
                        </div>
                    </div>`;
                }
            },

            // 阻止链接默认行为直到插件加载完成
            preventImageLinkDefault = () => {
                // 添加事件委托，阻止图片链接的默认行为直到 fancybox 加载完成
                document.addEventListener('click', function (e) {
                    // 检查是否点击的是图片链接且属于我们的图片链接类
                    const imageLink = e.target.closest('.carousel-image-link.no-direct-link');
                    if (imageLink) {
                        e.preventDefault();
                        e.stopPropagation();

                        // 检查是否已加载 fancybox
                        if (typeof Fancybox !== 'undefined' && typeof Fancybox.bind !== 'undefined') {
                            // 如果已加载，直接打开 fancybox
                            const galleryImages = [];
                            const container = imageLink.closest('.carousel-container');

                            // 如果是轮播图，收集所有图片；如果是单张图片，就只有一张
                            if (container) {
                                const links = container.querySelectorAll('.carousel-image-link');
                                links.forEach((link, index) => {
                                    galleryImages.push({
                                        src: link.getAttribute('href'),
                                        thumb: link.querySelector('img').src
                                    });

                                    // 如果点击的就是当前这张图片，记录索引
                                    if (link === imageLink) {
                                        Fancybox.show(galleryImages, { startIndex: index });
                                    }
                                });
                            } else {
                                // 单个图片的情况
                                Fancybox.show([{
                                    src: imageLink.getAttribute('href'),
                                    thumb: imageLink.querySelector('img').src
                                }]);
                            }
                        } else {
                            // 如果未加载，显示提示信息或等待
                            console.log("正在加载图片查看器...");

                            // 尝试多次检查 fancybox 是否加载完成
                            const checkFancyboxAndShow = () => {
                                if (typeof Fancybox !== 'undefined' && typeof Fancybox.bind !== 'undefined') {
                                    const galleryImages = [];
                                    const container = imageLink.closest('.carousel-container');

                                    if (container) {
                                        const links = container.querySelectorAll('.carousel-image-link');
                                        links.forEach((link, index) => {
                                            galleryImages.push({
                                                src: link.getAttribute('href'),
                                                thumb: link.querySelector('img').src
                                            });

                                            // 如果点击的就是当前这张图片，记录索引
                                            if (link === imageLink) {
                                                Fancybox.show(galleryImages, { startIndex: index });
                                            }
                                        });
                                    } else {
                                        // 单个图片的情况
                                        Fancybox.show([{
                                            src: imageLink.getAttribute('href'),
                                            thumb: imageLink.querySelector('img').src
                                        }]);
                                    }
                                } else {
                                    setTimeout(checkFancyboxAndShow, 100); // 100ms 后再检查
                                }
                            };

                            checkFancyboxAndShow();
                        }
                    }
                }, true); // 使用捕获阶段确保在其他事件处理程序之前执行
            },

            /* Markdown渲染函数 - 新增代码开始 */
            // 解析Markdown为HTML
            renderMarkdown = (text) => {
                if (!text || typeof text !== 'string') return '';
                // 等待marked加载完成
                if (!window.marked) {
                    // 如果marked未加载，先返回原始文本，延迟后重新渲染
                    setTimeout(() => {
                        document.querySelectorAll('.talk_content_text').forEach(el => {
                            el.innerHTML = renderMarkdown(el.textContent);
                        });
                        m(); // 重新计算布局
                    }, 500);
                    return text.replace(/\n/g, '<br>');
                }
                
                // 配置marked
                marked.setOptions({
                    breaks: true, // 换行符转换为<br>
                    gfm: true, // 启用GitHub风格的Markdown
                    highlight: function(code, lang) {
                        // 如果有highlight.js且指定了语言，进行代码高亮
                        if (window.hljs && lang) {
                            try {
                                return hljs.highlight(code, { language: lang }).value;
                            } catch (err) {
                                return hljs.highlightAuto(code).value;
                            }
                        }
                        return code;
                    }
                });
                
                // 解析Markdown
                return marked.parse(text);
            },
            /* Markdown渲染函数 - 新增代码结束 */

            // 格式化单条说说内容函数：处理文本、图片、视频、外部链接等
            u = e => {
                // 解析扩展信息
                const t = (e => i(e)?.type || "")(e),
                    n = (e => i(e)?.payload || null)(e),
                    a = e?.content || ""; // 获取说说内容

                // --- LivePhoto 视频提取逻辑 ---
                const liveRegex = /\[live\](https?:\/\/[^\s<]+)/g;
                let liveVideos = [];
                let match;
                while ((match = liveRegex.exec(a)) !== null) {
                    liveVideos.push(match[1]); // 提取带前缀的视频URL
                }
                // 从正文中剔除 [live] 链接，确保文字不显示干扰
                const cleanText = a.replace(liveRegex, '').trim();

                // --- 强制视频链接解析逻辑 ---
                let videoHtml = "";
                // YouTube和B站视频链接正则表达式
                const youtubeRegex = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
                const bilibiliRegex = /(?:https?:\/\/)?(?:www\.)?bilibili\.com\/video\/(BV[0-9A-Za-z]+)/;

                const ytMatch = cleanText.match(youtubeRegex); // 在清洗后的文本中匹配YouTube链接
                const bMatch = cleanText.match(bilibiliRegex); // 在清洗后的文本中匹配B站链接

                // 如果匹配到YouTube或B站链接，则生成对应的iframe
                if (ytMatch) {
                    videoHtml = `<div class="video-wrapper"><iframe src="https://www.youtube.com/embed/${ytMatch[1]}" frameborder="0" allowfullscreen></iframe></div>`;
                } else if (bMatch) {
                    videoHtml = `<div class="video-wrapper"><iframe src="https://www.bilibili.com/blackboard/html5mobileplayer.html?bvid=${bMatch[1]}&as_wide=1&high_quality=1&danmaku=0" frameborder="0" allowfullscreen></iframe></div>`;
                }

                // 处理文本内容：替换复选框标记并使用Markdown渲染 - 修改这一行
                let o = `<div class="talk_content_text">${(e => renderMarkdown((e || "").replace(/- \[ \]/g, "[]").replace(/- \[x\]/gi, "[x]")))(cleanText)}</div>`;

                // 渲染视频
                o += videoHtml;

                // 渲染图片 - 现在使用轮播图功能
                const r = (e => Array.isArray(e?.echo_files) ?
                    e.echo_files.map((e => e?.file || e))
                        .filter(e => String(e?.category || "").toLowerCase() === "image")
                        .map(e => e?.url).filter(Boolean) : [])(e);

                // 生成轮播图HTML (传入提取的liveVideos数组)
                if (r.length > 0) {
                    o += carouselHtml(r, liveVideos);
                }

                // 检查扩展类型并添加外部链接或音乐
                if (t === "WEBSITE" || t === "GITHUBPROJ") o += c(t, n);
                if (t === "MUSIC") o += ((e) => {
                    // 解析音乐链接，识别网易云或QQ音乐
                    const t = ((e) => {
                        const t = e?.url;
                        if (!t) return null;
                        // 根据URL判断音乐平台
                        let n = t.includes("music.163.com") ? "netease" : t.includes("y.qq.com") ? "tencent" : "";
                        const a = t.match(/id=(\d+)/); // 提取音乐ID
                        return n && a ? { server: n, id: a[1] } : null
                    })(e);
                    // 返回MetingJS音乐播放器HTML
                    return t ? `<meting-js server="${t.server}" type="song" id="${t.id}" mini="false"></meting-js>` : ""
                })(n);
                if (t === "VIDEO") o += d(n);

                // 返回格式化后的说说对象
                return {
                    content: o,
                    user: xscConfig.nickname, // 用户名
                    avatar: xscConfig.avatar, // 头像
                    date: s(e?.created_at),   // 格式化后的日期
                    tags: l(e),               // 标签数组
                    quoteText: cleanText      // 原始文本内容（引用回复使用清洗后的文字）
                }
            };

        // 引用回复函数：在评论框中填入引用文本并滚动到评论区
        p = e => {
            // 查找评论框元素（支持Element UI和Artalk）
            const t = document.querySelector(".el-textarea__inner") || document.querySelector(".atk-textarea");
            if (t) {
                t.value = `> ${e || ""}\n\n`; // 在评论框中填入引用格式
                t.focus(); // 聚焦到评论框
                t.dispatchEvent(new Event('input', { bubbles: true })); // 触发输入事件
                // 查找评论区并平滑滚动到该区域
                const tw = document.querySelector('#twikoo') || document.querySelector('#artalk');
                tw && tw.scrollIntoView({ behavior: 'smooth' })
            }
        },

            // 布局更新函数：重新计算瀑布流布局并更新懒加载和灯箱效果
            m = () => {
                o("#talk"), // 重新计算瀑布流布局
                    window.btf?.loadLightbox && btf.loadLightbox(document.querySelectorAll("#talk img:not(.no-lightbox)")), // 加载灯箱效果
                    window.lazyLoadInstance?.update && lazyLoadInstance.update(); // 更新懒加载实例

                // 初始化轮播图功能
                initCarousel();
            },

            // 初始化轮播图功能
            initCarousel = () => {
                const carousels = document.querySelectorAll('.image-carousel');

                carousels.forEach(carousel => {
                    const container = carousel.querySelector('.carousel-container');

                    // --- LivePhoto 交互逻辑开始 ---
                    const slidesWithLive = carousel.querySelectorAll('.carousel-slide.has-live');
                    slidesWithLive.forEach(slide => {
                        const video = slide.querySelector('.live-video');
                        const img = slide.querySelector('img');

                        // 添加一个标志来跟踪视频是否已完成播放
                        let hasVideoPlayed = false;

                        // 鼠标进入：播放视频，隐藏图片
                        slide.addEventListener('mouseenter', () => {
                            // 如果视频尚未播放过，或者已经播放完成但鼠标离开了再回来，则重新播放
                            if (!hasVideoPlayed) {
                                video.currentTime = 0; // 确保每次从头播放
                                video.play().catch(e => console.warn("LivePhoto播放被阻挡"));
                                video.style.opacity = "1";
                                img.style.opacity = "0";
                                hasVideoPlayed = true;
                            }
                        });

                        // 鼠标离开：停止视频，恢复图片显示，并重置播放状态
                        slide.addEventListener('mouseleave', () => {
                            video.pause();
                            video.currentTime = 0; // 重置进度
                            video.style.opacity = "0";
                            img.style.opacity = "1";
                            hasVideoPlayed = false; // 重置播放状态
                        });

                        // 视频播放结束：恢复图片显示，但不重置播放状态
                        video.addEventListener('ended', () => {
                            video.style.opacity = "0";
                            img.style.opacity = "1";
                            // 不重置hasVideoPlayed，保持为true表示视频已经播放完成
                        });
                    });
                    // --- LivePhoto 交互逻辑结束 ---

                    if (container.classList.contains('single-image')) return; // 单张图片无需翻页处理

                    const slides = carousel.querySelectorAll('.carousel-slide');
                    const prevBtn = carousel.querySelector('.prev-btn');
                    const nextBtn = carousel.querySelector('.next-btn');
                    const indicators = carousel.querySelectorAll('.indicator');
                    let currentIndex = 0;

                    // 显示当前幻灯片
                    const showSlide = (index) => {
                        slides.forEach((slide, i) => {
                            slide.classList.toggle('active', i === index);
                        });

                        indicators.forEach((indicator, i) => {
                            indicator.classList.toggle('active', i === index);
                        });

                        currentIndex = index;
                    };

                    // 下一张
                    const nextSlide = () => {
                        const nextIndex = (currentIndex + 1) % slides.length;
                        showSlide(nextIndex);
                    };

                    // 上一张
                    const prevSlide = () => {
                        const prevIndex = (currentIndex - 1 + slides.length) % slides.length;
                        showSlide(prevIndex);
                    };

                    // 绑定按钮事件
                    if (prevBtn) prevBtn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); prevSlide(); });
                    if (nextBtn) nextBtn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); nextSlide(); });

                    // 绑定指示器事件
                    indicators.forEach((indicator, index) => {
                        indicator.addEventListener('click', (e) => {
                            e.preventDefault();
                            e.stopPropagation();
                            showSlide(index);
                        });
                    });

                    // 键盘支持
                    container.addEventListener('keydown', (e) => {
                        if (e.key === 'ArrowLeft') prevSlide();
                        if (e.key === 'ArrowRight') nextSlide();
                    });
                });
            },

            // 渲染说说列表函数：将数据转换为DOM元素并添加到页面
            h = e => {
                // 将数据映射为DOM元素并添加到容器中
                e.map(u).forEach((e => r.appendChild((e => {
                    // 创建说说项容器
                    const t = document.createElement("div"); t.className = "talk_item card-shadow";

                    // 创建元信息区域（头像和用户名）
                    const n = document.createElement("div"); n.className = "talk_meta";

                    // 创建头像图片元素
                    const a = document.createElement("img"); a.className = "no-lightbox avatar"; a.src = e.avatar;

                    // 创建用户信息容器
                    const r = document.createElement("div"); r.className = "info";

                    // 创建用户名标签，包含认证标识
                    const o = document.createElement("span"); o.className = "talk_nick";
                    o.innerHTML = `${e.user} <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" class="is-badge icon" style="width:14px;margin-left:4px;vertical-align:middle;"><path d="m512 268c0 17.9-4.3 34.5-12.9 49.7s-20.1 27.1-34.6 35.4c.4 2.7.6 6.9.6 12.6 0 27.1-9.1 50.1-27.1 69.1-18.1 19.1-39.9 28.6-65.4 28.6-11.4 0-22.3-2.1-32.6-6.3-8 16.4-19.5 29.6-34.6 39.7-15 10.2-31.5 15.2-49.4 15.2-18.3 0-34.9-4.9-49.7-14.9-14.9-9.9-26.3-23.2-34.3-40-10.3 4.2-21.1 6.3-32.6 6.3-25.5 0-47.4-9.5-65.7-28.6-18.3-19-27.4-42.1-27.4-69.1 0-3 .4-7.2 1.1-12.6-14.5-8.4-26-20.2-34.6-35.4-8.5-15.2-12.8-31.8-12.8-49.7 0-19 4.8-36.5 14.3-52.3s22.3-27.5 38.3-35.1c-4.2-11.4-6.3-22.9-6.3-34.3 0-27 9.1-50.1 27.4-69.1s40.2-28.6 65.7-28.6c11.4 0 22.3 2.1 32.6 6.3 8-16.4 19.5-29.6 34.6-39.7 15-10.1 31.5-15.2 49.4-15.2s34.4 5.1 49.4 15.1c15 10.1 26.6 23.3 34.6 39.7 10.3-4.2 21.1-6.3 32.6-6.3 25.5 0 47.3 9.5 65.4 28.6s27.1 42.1 27.1 69.1c0 12.6-1.9 24-5.7 34.3 16 7.6 28.8 19.3 38.3 35.1 9.5 15.9 14.3 33.4 14.3 52.4zm-266.9 77.1 105.7-158.3c2.7-4.2 3.5-8.8 2.6-13.7-1-4.9-3.5-8.8-7.7-11.4-4.2-2.7-8.8-3.6-13.7-2.9-5 .8-9 3.2-12 7.4l-93.1 140-42.9-42.8c-3.8-3.8-8.2-5.6-13.1-5.4-5 .2-9.3 2-13.1 5.4-3.4 3.4-5.1 7.7-5.1 12.9 0 5.1 1.7 9.4 5.1 12.9l58.9 58.9 2.9 2.3c3.4 2.3 6.9 3.4 10.3 3.4 6.7-.1 11.8-2.9 15.2-8.7z" fill="#1da1f2"></path></svg>`;

                    // 创建日期标签
                    const i = document.createElement("span"); i.className = "talk_date"; i.textContent = e.date;

                    // 组装元信息区域
                    r.appendChild(o); r.appendChild(i); n.appendChild(a); n.appendChild(r);

                    // 创建内容区域
                    const l = document.createElement("div"); l.className = "talk_content"; l.innerHTML = e.content;

                    // 创建底部区域
                    const s = document.createElement("div"); s.className = "talk_bottom";

                    // 创建标签容器
                    const c = document.createElement("div"), d = document.createElement("span");
                    d.className = "talk_tag"; d.textContent = `🏷️ ${e.tags.join(" / ")}`;
                    c.appendChild(d);

                    // 创建评论按钮
                    const u = document.createElement("a");
                    u.className = "comment_btn";
                    u.href = "javascript:;";
                    u.addEventListener("click", (() => p(e.quoteText))); // 点击时触发引用回复
                    u.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:16px;fill:currentColor;"><path d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>';

                    // 组装底部区域
                    return s.appendChild(c), s.appendChild(u), t.appendChild(n), t.appendChild(l), t.appendChild(s), t
                })(e)))),
                    m(); // 执行布局更新

                // 为视频和图片添加加载事件监听器
                setTimeout(() => {
                    m(); // 初次渲染后再次调用瀑布流布局

                    // 为所有媒体元素添加加载完成事件监听
                    r.querySelectorAll("img, iframe, meting-js").forEach((e => {
                        e.addEventListener("load", m, { once: !0 });

                        if (e.complete && (e.tagName === 'IMG' || e.tagName === 'IFRAME')) {
                            m();
                        }
                    }));

                    // 监听 MetingJS 初始化完成事件
                    const initMetingObserver = () => {
                        const metingElements = r.querySelectorAll('meting-js');
                        if (metingElements.length > 0) {
                            const observer = new MutationObserver((mutationsList) => {
                                let shouldRefresh = false;
                                for (let mutation of mutationsList) {
                                    if (mutation.type === 'childList') {
                                        mutation.addedNodes.forEach(node => {
                                            if (node.nodeType === 1 && (node.classList.contains('aplayer') || node.querySelector('.aplayer'))) {
                                                shouldRefresh = true;
                                            }
                                        });
                                        if (shouldRefresh) {
                                            setTimeout(() => { m(); }, 100);
                                            break;
                                        }
                                    }
                                }
                            });
                            metingElements.forEach(metingEl => {
                                observer.observe(metingEl, { childList: true, subtree: true });
                            });
                            setTimeout(() => { observer.disconnect(); }, 5000);
                        }
                    };

                    setTimeout(initMetingObserver, 100);

                }, 100);

                n.afterRenderTimer = window.setTimeout(m, 300)
            };

        // 防止图片链接默认行为
        preventImageLinkDefault();

        // 获取数据并渲染的立即执行函数
        (() => {
            fetch(xscConfig.apiUrl, {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify({ page: 1, pageSize: 50 })
            })
                .then(e => e.json()).then(n => {
                    if (1 !== n?.code) return;
                    h(n.data.items)
                })
        })()
    }

    window.initShuoshuoPage = r,
        n.listenersBound || (document.addEventListener("pjax:complete", r), n.listenersBound = !0),
        r()
}();

---
title: 说说日志
date: 2024-01-01 00:00:00
h1: ''
comments: true
indexing: false
---

<script src="https://cdn.apple-livephotoskit.com/lpk/1/livephotoskit.js"></script>
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css" media="all" onload="this.media=&quot;all&quot;">
<script src="https://fastly.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
/* --- 你可以选择把资源都下载下来，我就不做处理了，或者是镜像，这些可能是都比较慢的 --- */
<div id="talk">🌌 宇宙信号同步中🌀...</div>

<style>
/* --- 瀑布流容器适配 --- */
#talk {
    margin: 20px auto;
    width: 100%;
}

.talk_item {
    width: calc(57% - 120px); /* 瀑布-稳定的两列布局 */
    margin-left: 10px;  
    margin-right: 10px;
    background: var(--block);
    border: 1px solid var(--block-border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: 0.3s;
    min-width: 300px; /* 添加最小宽度确保移动端体验 */
}

@media screen and (max-width: 1024px) {
    .talk_item {
        width: calc(50% - 120px); /* 在较小屏幕上仍保持两列 */
    }
}

@media screen and (max-width: 768px) {
    .talk_item { 
        width: calc(100% - 40px); /* 移动端单列，留出边距 */
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* --- 用户信息区 --- */
.talk_meta {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.talk_meta .avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    margin-right: 12px !important;
}
.talk_meta .info { display: flex; flex-direction: column; }
.talk_nick { font-weight: bold; font-size: 14px; display: flex; align-items: center; }
.talk_date { font-size: 11px; color: var(--text-p3); margin-top: 2px; }

/* --- 内容解析区 --- */
.talk_content_text { 
    line-height: 1.6; 
    color: var(--text-p1); 
    font-size: 14px; 
    word-wrap: break-word; /* 确保长内容正确换行 */
}
.talk_content_text a { color: var(--theme-link); font-weight: 500; }

.zone_imgbox { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* 更灵活的网格 */
    gap: 4px; 
    margin-top: 10px; 
}
.zone_imgbox img { 
    width: 100%; 
    aspect-ratio: 1; 
    object-fit: cover; 
    border-radius: 6px; 
    cursor: pointer; /* 添加光标提示可点击 */
}

/* --- LiuShen 特色：外链卡片 --- */
.shuoshuo-external-link { 
    margin-top: 10px; 
    border-radius: 10px; 
    overflow: hidden; 
    background: var(--block-hover); 
    border: 1px solid var(--block-border); 
}
.external-link { 
    display: flex; 
    text-decoration: none !important; 
}
.external-link-left { 
    width: 60px; 
    height: 60px; 
    background-size: cover; 
    background-position: center; 
    flex-shrink: 0; 
}
.external-link-right { 
    padding: 8px 12px; 
    flex-grow: 1; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    overflow: hidden; 
}
.external-link-title { 
    font-size: 13px; 
    font-weight: bold; 
    color: var(--text-p1); 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.external-link-right div:last-child { 
    font-size: 11px; 
    color: var(--text-p3); 
    margin-top: 4px; 
}

/* --- 底部状态栏 --- */
.talk_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dashed var(--block-border);
}
.talk_tag { 
    font-size: 11px; 
    color: var(--text-p3); 
    background: var(--block-hover); 
    padding: 2px 8px; 
    border-radius: 4px; 
}

.comment_btn { 
    color: var(--text-p3) !important; 
    padding: 4px 8px; 
    border-radius: 6px; 
    transition: 0.2s; 
    display: flex; 
    align-items: center; 
    font-size: 16px; 
}

.comment_btn:hover { 
    background: var(--block-hover); 
    color: var(--theme-link) !important; 
    transform: scale(1.1); 
}

/* 视频容器样式优化 */
.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 比例 */
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* 针对视频元素的特殊处理 - 防止破坏瀑布流 */
.talk_content iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* 轮播图样式 */
.image-carousel {
  margin-top: 15px;
}

.carousel-container {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.carousel-container.single-image {
  width: fit-content;
  margin: 0 auto;
}

.carousel-container.multi-images {
  height: 300px; /* 固定高度，可根据需要调整 */
}

.carousel-slide {
  display: none;
  width: 100%;
  height: 100%;
}

.carousel-slide.active {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 12px 16px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 50%;  /* 修改：将边框半径改为50%以形成圆形 */
  z-index: 10;
  transition: background-color 0.3s;
  width: 40px;         /* 新增：设定固定宽度 */
  height: 40px;        /* 新增：设定固定高度 */
  display: flex;       /* 新增：使用flex布局居中内容 */
  align-items: center; /* 新增：垂直居中内容 */
  justify-content: center; /* 新增：水平居中内容 */
}

.carousel-btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 10;
}

.indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}

.indicator.active {
  background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .carousel-container.multi-images {
    height: 200px;
  }
  
  .carousel-btn {
    padding: 8px 12px;
    font-size: 16px;
  }
  
  .prev-btn {
    left: 5px;
  }
  
  .next-btn {
    right: 5px;
  }
}

/* --- LivePhoto 样式 --- */
.carousel-slide {
    position: relative;
    overflow: hidden;
}

/* Live 标识 */
.live-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(60, 60, 60, 0.25); /* 25%透明灰色 */
    backdrop-filter: blur(4px);
    color: #fff;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    z-index: 5;
    pointer-events: none; /* 不干扰点击 */
    transition: opacity 0.3s;
}

.live-icon {
    width: 14px;
    height: 14px;
}

/* 视频层 */
.live-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s ease;
    z-index: 2;
}

/* 图片层 */
.carousel-slide img {
    position: relative;
    z-index: 1;
    transition: opacity 0.3s ease;
}

/* 鼠标悬停时微调标识透明度 */
.carousel-slide.has-live:hover .live-badge {
    opacity: 0.8;
}

.apple-live-photo-wrapper {
    width: 100%;
    height: 100%;
    min-height: 300px; /* 建议设定一个最小高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.live-photo-player {
    width: 100%;
    height: 100%;
}

</style>

<script src="/js/shuoshuo.js"></script>
<footer class="talk-footer" style="text-align: center; margin: 30px auto; padding: 20px 0; color: var(--text-p3);">
    <p style="margin: 0 0 8px 0;">🌌 宇宙信号持续同步中🌀...</p>
    <p style="font-size: 12px; margin: 0 0 8px 0;">-- 仅显示最近50条说说 --</p>
    <p style="font-size: 12px; margin: 0;">
        那些年小柯的唠叨 —— 
        <a href="https://ech0.koxiuqiu.cn" target="_blank" style="
            display: inline-block;
            padding: 3px 10px;
            margin: 0 0 0 4px;
            background-color: #f0f4f9; /* 浅灰蓝背景，可自行修改 */
            color: #2d7ff9; /* 蓝色文字，可自行修改 */
            text-decoration: none;
            border-radius: 4px; /* 圆角，可选 */
            border: 1px solid #e1e8ed; /* 边框，可选 */
        ">查阅历史全部</a>
    </p>
</footer>